微信排版进化论--终于找到一种优雅的写作方式 - 知乎
-- Preview: --
前言
打开数字游民部落的公众号,进入历史文章从前往后看,你就能非常明显地感觉到排版风格的进化,从最一开始的微信公众号内部编辑器简陋排版,到中期的秀米花式排版,再到最近的Markdown简约风格排版,至少在我个人看来,在过去的一年中,数字游民部落的文章颜值是越来越高了,而伴随其中的则是我对各种写作和排版工具近乎疯狂地不断尝试和对一种优雅高效地写作方式的不懈追求。
原生
其实一篇文章的排版工作说来也很简单,基本上就是对各级标题和正文字体的定义,对于重点文字的高亮处理(加粗/下划线/斜体等),以及与文字相关的配图过程。虽然这些工作微信公众号后台内置的富文本编辑器其实就完全可以胜任,但是这样编辑出来的文章注定只能是一张大众脸,很难吸引眼球,更谈不上优雅。
Markdown+秀米
![]()基于这种现状,各种基于网页端的第三方的编辑器应运而生,单单我使用的过的有爱排版,秀米和新媒体排版这三种,这些工具大同小异,基本都提供大量基于CSS的标题样式,并可以轻松修改主题颜色,如果能够善用的话的确可以极大程度的提高微信图文的颜值,不过我们也能看到这些工具制作出来的大量负面案例,特别是那些跳来跳去让你关注的动态提示,让一些本来质量就不是很高的内容逼格尽失。
去年秋天我首次接触到了Markdown这种全新的写作方式。
Markdown 是一种轻量级标记语言,创始人为约翰·格鲁伯(John Gruber)。它允许人们“使用易读易写的纯文本格式编写文档,然后转换成有效的XHTML(或者HTML)文档” —维基百科
![]()
与我们所熟知的Word,Pages等富文本编辑器不同,Markdown将文字排版流程极大简化。它能让文字创作者最大限度地沉浸在写作中,而不受文字排版样式等因素的干扰,你甚至连鼠标都不需要。
最一开始Markdown只是在码农极客的圈子流行,直到近些年逐渐被广大文字工作者所熟知和利用,而基于Markdown的文字编辑器也如雨后春笋般冒了出来。
做为一个典型的工具癖,我几乎试用了市面上几乎所有主流Markdown编辑器,iA Writer,Ulysses,Byword,Mou,简书,Typora,Mweb,Desk MD,WordMark,Sublime,Atom,Matcha,Day One, Wilde,为知笔记,锤子便签。。。,这么多工具,没有任何一款是完美的,你只能找到最适合自己的。
我觉得对于初学者而言,Typora这种支持实时渲染和Mou这种双栏显示预览结果的编辑器可能是最合适的,因为这个阶段还需要熟悉Markdown的工作原理和语法(别被“语法”吓到了,其实常用的就那么五六种标记,半小时内即可熟练掌握)。待到稍微进阶后可以转移到更为专业的Ulysses或者Mweb这类的工具。
![]()
在很长一段时间内,我并未意识到其实Markdown其实可以直接被用来排版,只是把这些Markdown编辑器当成一种比较舒服的码字方式,而我的工作流程一般是这样的:1. 在某Markdown编辑器里码字; 2.将码好的字复制粘贴到秀米;3.在秀米中加图排版后同步到公众号后台; 4.在公众号后台添加必要信息和进行最后润色修改和校队后发布。这样一套繁琐的流程也是间接导致我发文的频率并不是很高。
Ulysses+Markdown Here
![]()
直到后来偶然读到李笑来的一篇关于使用Chrome插件“Markdown Here”进行微信公众号排版的文章我才恍然大悟。我似乎瞬间明白了那些我经常羡慕得流口水的公众号是如何优雅地排版的了。
简单地说,在码字的时候你只需要专注于码字,并随手将所需的Markdown标签植入其中(各级标题,高亮,引用等),之后通过Markdown Here的渲染功能进行一键渲染。Markdown Here内部的CSS样式是可以自定义的,也就说,只要CSS技术过硬,你可以玩儿出很多花样来。当然,如果你不太会CSS也没关系,网上有很多现成的Markdown Here的CSS模板,比如李笑来就把自己精心制作的CSS模板放到Github供大家下载:
https://gist.github.com/xiaolai
目前数字游民部落的排版风格就是在这个基础上改的。经过修改,目前风格跟我非常欣赏的爱范儿和少数派的排版风格很接近了。
所以现如今我的发文流程变成了这样:1.在Ulysses中将文字用Markdown码好;2. 将码好的文本粘贴到微信公众号素材编辑器中;3. 使用预先设定好CSS样式的Markdown Here对图文进行渲染;4. 添加图片和关键信息后发布。
有人说好像也没简化多少啊?其实不然。因为除了添加图片操作,我在文字排版编辑所花的时间连一秒钟都用不了,所有的样式都已经在Markdown Here中预设好,在按下快捷键Ctrl+Alt+M后,它会直接根据我写的Markdown文本标记将所有格式渲染完成,真正做到一劳永逸。 最重要的是,这种方式排的图文,比之前用任何网页排版器排出来的都要优雅漂亮。
Markdown编辑器的选择
![]()
最后来谈谈工具的选择,我的最终选择是大名鼎鼎的Ulysses。虽然价格小贵,但是物有所值,无论从颜值和操作体验来考量都是一流水准。而且它基于库的文件管理方式和与iCloud,Dropbox等云服务的无缝整合也让文档的安全性提高了不少。
之所以选Ulysses还有一个更重要的原因是Ulysses在2.6版增加了WordPress发布功能。数字游民部落每篇文章都是在微信公众号和基于WordPress的官网上同步发布的,以前每次都需要公众号和网站编辑两次,插两次图。现在有了Ulysses的一键发布到WordPress功能,为我省了不少时间。虽然这并不是Ulysses的独门绝技,Byword很早就有了这个功能,但是经我多番测试,Ulysses的用户体验是最棒的。
此外国产软件MWeb也是可圈可点, 设计理念跟Ulysses很相近,从功能性角度来考虑跟Ulysses相比甚至有过之而无不及,因此如果你觉得Ulysses有点太贵,想支持一把国货,那MWeb绝对应该是你的首选。
行动建议
如果你也想采用这种方式进行排版,以下是我给出的行动建议:
下载Typora或者Mou对Markdown写作进行熟悉(Windows用户可以考虑使用简书的网页端编辑器,注意要在设置中把编辑方式改成“Markdown”);
在浏览器上安装Markdown Here插件,并为其预设CSS;
尝试在微信素材编辑中进行渲染,调试,最终敲定自己喜欢的版式;
购买Ulysses或者Mweb进行后续的常规写作。
本文系数字游民部落原创,图片来源网络,如需转载请联系作者授权。
数字游民部落致力于推广目前在全世界日益流行的数字游民(Digital Nomad)生活方式,和Lifestyle Design的方法和理念。数字游民部落官网: http://JARODISE.COM
微信公众号:数字游民部落(ID:SZYMBL)
阅读原文
Tips: Tips: Until now, everytime you want to store your article, we will help you store it in Filecoin network. In the future, you can store it in Filecoin network using your own filecoin.
Support author:
Author's Filecoin address:
Or you can use Likecoin to support author: