微信公众号排版

1,755 阅读2分钟

前言

开始写公众号后,一个要解决的问题就是文章的排版,排版的目的是让文章更易于阅读,更美观,我前后花了一些时间在排版上,在这里分享我的公众号排版经验。

Markdown

我比较习惯和喜欢使用Markdown语法写文章,但是微信公众号只支持富文本,不支持Markdown语法,这样的话只能在别的工具把文章排版好,再复制粘贴到公众号编辑器。

在Google“公众号 Markdown”之后开始尝试方案。

Md2All

这是一个程序员写的网站,配置了很多主题,和代码主题,并且可以一键排版,以及可以修改和调试CSS进行排版,总体来说比较适合不熟悉CSS语法的朋友。

目前的方案

我一直使用VS code写Markdown文章,在Google排版方案的过程中,发现MarkEditor(收费)提供复制为微信公众号格式,虽然还处在Beta版,但是尝试之后发现基本能满足我的需求。

然后把放Markdown的文件夹添加为MarkEditor的工作目录,再配置该工作目录的Markdown模板CSS,MarkEditor的工作目录有自己的独立配置,所以改CSS不影响其他配置。

参考阿禅的可能吧公众号后修改的CSS如下:

p {
    font-size: 15px;
    line-height: 28px;
    letter-spacing: 1.75px;
    color: #595959;
    font-family: 微软雅黑;
    // font-family: PingFangTC-light;
    margin: 15px 5px !important;
}
blockquote, q {
    border-left: 3px solid #009688; 
    padding:0 10px; 
    color:#777; 
    quotes: none;
}
h1, h2, h3, h4, h5, h6 {
    margin: 20px 0 10px; 
    padding: 0; 
    font-weight: bold;
}

要注意的是font-family在Android机不起作用,li的样式修改不生效。

其他

有的推荐使用Markdown Here,我没有尝试,有兴趣的朋友可以自己试一下。