如何排版微信公众平台的文章?

微信公众平台的图文编辑能力个人觉得就是一超级大BUG,但是还是看到不少图文消息的排版十分美观,他们是如何做到的?
关注者
27001
被浏览
1410294

关于微信文章的排版,不客气的说,我的 MacTalk 曾经被无情的赞美过,很多人问过我写作工具和排版方式、字体等诸多问题,在这回复一篇,也算回应。


先说说 Day One

我使用 Day One 进行微信文章创作,纯文本写作,版式采用 Markdown 语法控制。

很多程序员都有纯文本情节,我也不例外。除非必要,我所有的文档基本上都以纯文本的形式存放。Day One 就是一款纯文本、支持 Markdown 语法的日志类软件。

最初发现这款软件的时候,我发现这货几乎是为微信写作而生,界面优雅,功能简约,支持每日写作,一日多条,日历,时间轴,地图信息和日期管理,文章配图,多终端(OS X 和 iOS),iCloud 或 Dropbox 云同步,搜索,标签,PDF 导出……等等。


最重要的是,支持 Markdown!当我发现了这个 App 之后,我想,微信写作就是它了。


这个软件68块,去 Mac App Store 购买即可。我是2013年上半年购买的,我想它为我带来的回报何止成百上千倍。所以,我在微信、书中有机会就会推荐一下,也推荐给很多好朋友使用。是开发者,都不容易。另外,如果读者中有 Day One 公司的,告诉他们一声,拖欠的稿费不用付了,谢谢。


再说说 Markdown

Markdown既不是工具也不是程序语言,而是一种轻量级的「标记语言」,是由约翰·格鲁伯(John Gruber)和亚伦·斯沃茨(Aaron Swartz)创建的。它允许人们使用纯文本格式编写文档,然后根据其中的标记转换成有效的XHTML(常用的就是HTML)文档。


理解了这一点,我们就知道,支持 Markdonw 语法的写作软件至少有两种模式,一种是写作模式,一种是预览模式,在 Day One 中可以通过 command + 回车进行模式切换。预览模式会把你写的文字和标记解析成对应的 HTML,其中的版式效果通过软件内置的 CSS 进行渲染。


Markdown 的标记语法非常简单,如果你想好好学学,可以去 Google 一下,满世界都是教程,如果你觉得够用就好,看下一节吧。


最后是干货

我说说自己的做法,以下内容采用了「甭废话有事说事」模式,欢迎品鉴:

1、采用 Day One 进行微信创作。
2、字体选用 18 pt,在手机显示效果最佳。字体使用了Avenir,纯属个人喜好。
3、在 Day One 中文章第一行默认加黑为标题,不想要标题第一行空着即可。在标准 Markdown 里用一个或多个「#」和一个空格来设置各种大小标题,例如 「## 哈哈」,放在行首。
4、段首不留空格,我自己的习惯,留空格令人发指和抓狂。
5、标准 Markdown 的分段用回车两次(空一行)的方式,在 Day One 里回车一次或两次都可以,只不过换行的行距不同,大家可以在我的文章里看到。
6、引用文字使用「>」,文本最前面会出现竖线,表示该段文字是强调或引用。
7、如下操作可以实现绿色标题和下划线的效果:#### 示例(放在行首)。
8、由于微信的编辑器对列表和代码的支持非常差,所以我一般就用1、2、3、4的写法,没有用 Markdown 的标准列表写法。也很少贴代码,很麻烦。
9、Markdown 里加链接也很容易,你可以写成<MacTalk-池建强的随想录>,不过微信的图文消息不支持文中外链,只能呵呵了。
10、使用三个星号(***,单独放在行首),可以实现我常用的那条若隐若现的性感分割线
11、写作过程中使用 command+回车进行模式切换,调整版式效果。
12、写作完成之后,通读一遍,检查版式和错别字。但是,有时候这一点是徒劳的,因为你左看右看上看下看原來每个字都不简单,怎么看都像是一篇完美的文章,衰。
13、用 Safari 打开微信的素材管理编辑器,把预览模式下的文字复制进去,略做调整,如果有时间还可以发给自己的手机看看效果,没时间就直接发送了事。
14、一篇美好的文章就推送给读者了,然后你就可以想象读者看到你的文章后那种热切和缠绵……这当然是YY。

总结
首先,一篇排版良好的文章可以体现写作者的品味,如果你是个产品经理,尤其要注意这一点,不是 MacTalk 的读者我不告诉他。

其次,好的排版会让读者读起来舒心和开心,他们一高兴就会想「这小子花了这么多心思,咱还是买丫本书吧」。

第三,可以买书。