程序员是如何在 5 分钟内搞定公众号排版的

发表: 2018-12-06 浏览: 3113

Python

作者：苏克1900
公众号：第2大脑

这是每周分享的第 4 期。

写在前面：由于文中有一些超链接，无法在公众号打开，建议点击底部「阅读原文」或者复制下面的博客链接到浏览器打开，体验更好。

https://www.makcyun.top/

本文主要内容：

Markdown 语法介绍
Markdown 编辑器推荐 Typora
VS Code 给标题添加编号
Md2All 渲染 Markdown

好，下面开始进入正题。

正如微信公众号的口号所言「再小的个体，都有自己的品牌」，于是越来越多的人开始拥有自己的公众号，这几乎成为了不少人写作的标配。在我的微信好友中，拥有公众号的人数比例达到了 30% ，这是很夸张的一个比例。大家在公众号书写出于各自的目的，但是有一点是共通的，就是要「排版」。

虽然每个人都有自己的一套排版技巧和排版风格，但我发现有些人写作 1小时、排版也要 1 小时，才勉强能排出比较好看的文章，更有甚者排版时间也花了，文章看起来依然惨不忍睹。而有些人写作 1 小时，排版只要 1 分钟，排出来却非常好看。这些人肯定是有独特的排版技巧的。

我的公众号开通时间算是比较早的 (2014年)，4 年里我使用了不下 3 套排版方法。

可以看到，我的排版风格一直在变化，大致可以分为 3 个阶段。

早期（2014 年）那会儿还不太会玩公众号，文章内容都是直接从 Word 中复制进去然后就发布，根本谈不上排版。中期 (2016 年)，我使用了很多人推荐的秀米和 135 这些公众号排版编辑器，套用了很多模板自带的样式，文章排版出来也变得好看很多。到今年，我换成了 Markdwon 和 Md2All 的组合方式。因为，我发现前两种方式有几个比较明显的缺点：

在自己电脑上的 Word 中排版地很好看，但在别人的电脑上打开时却惨不忍睹，等于没有排版。这是 Word 的一大硬伤。
使用秀米编辑器排版虽然有很多好看的样式，但是其实不需要那么多花哨的样式，而且耗时比较长。
这两个平台文章可移植性差，排版好以后仅适用于公众号，如果想发布到其他平台，需要重新排版，太麻烦。

如果用一句话来形容 Markdwon 和 Md2All 的这种排版的特点，那就是：Word 好比素颜，Markdown + Md2ALL 则是底妆 + 精妆。

1. 关于 Markdwon

几个月前，我开始搜索有什么更好用的公众号排版方式，看到很多人推荐使用 Markdwon 编辑器排版。于是赶紧了解了下是怎么玩的，原来 Markdown 语言诞生于 2004 年，起初主要是程序员使用，到现在渐渐成为了很多写作者的第一选择，这种方法最大的特点就是：写文和排版可以同步进行，从而大大节省排版时间。

什么意思呢，就是在文章需要进行排版的地方使用一些诸如：「# - > ! [] ()」这几种符号，就可以自动识别为：标题、序号、引用、图片、超链接等这些排版格式。这样就省去了在 Word 中去进行：插入列表级别、插入图片、插入链接这些麻烦的操作，手要不停地在键盘和鼠标中切换。使用它，手几乎可以不用离开键盘，从而更加专注于写作。

上面的这些符号就是 Markdown 语言中的固定几种语法符号，简单易学，学会以后能够节省很多排版时间。

如果你此前没有使用过 Markdown 写作，那么推荐两个教程给你，以供参考。看了之后如果对这种写作方式感兴趣的话，那么强烈建议你放弃现在的 Word 开始拥抱 Markdown 吧。

献给写作者的 Markdown 新手指南

markdown 介绍/学习/工具/资料

2. Typora 和 Markeditor

使用 Markdown 写作，最好是找一款支持 Markdown 语法的编辑器。

十多年来，随着 Markdwon 越来越流行，各种各样的 Makdown 编辑器如雨后春笋般涌出，多的让人目不暇接。到底哪款编辑器最好用？这个是没有固定答案的，不仅不同的人的喜欢不同，而且同一个人在不同时期喜好也是变化的，只有多去尝试几款，通过对比后就能发现你喜欢的，我个人就用过不下 5 款编辑器。这里给你推荐些获取 Markdwon 编辑器的资源：

CTOLib 码库：123 款 Markdwon 编辑器详细介绍

少数派：18 款优秀的 Markdown 写作工具

GitHub：数百款 Markdown 编辑器

最终的选用原则只有一个：「选用着最舒服的」。

为了不至于让你挑花眼，我推荐两款给你：Typora 和 Markeditor 。二者都是开源的，也都支持 Mac 和 Windows。

相比于 Markeditor，我更喜欢 Typora，也是我现在微信公众号排版使用的编辑器。

它有这么几个优点：

「What You See Is What You Mean」，也就是「所见即所得」
据我所知，它是目前唯一款能够做到实时预览 Markdown 效果的编辑器。其他大多数编辑器，包括 Markeditor 在内，要么只能先写然后再预览，要么左右分屏一边写一边预览。事实上，当 Markdwon 比较熟练以后，只需要 Typora 这种能够实时预览的效果。
足够多的快捷键，代替 Markdown 语法符号输入
举个例子，如果你想插入一幅图片，那么基本的操作是这样来写：！，而在 Typroa 里，只需要输入快捷键：Ctrl + Shift + I，就可以快速插入图片了。同理，它还可以插入表格、超链接等。也就是说，你早先记得那些语法，在编辑器里可以不用了，取而代之的是快捷键。这样一来，Markdown 更加容易写了。不过，语法是一定要掌握的。

上面，用了不少篇幅去介绍 Markdown 和编辑器。 现在，我们回到今天所要说的「又快又好地排版」这个问题上来。

3. 给标题添加编号

用 Markdown 编辑好文章，其实我们已经完成一多半的排版工作。接下来「标题添加编号这个功能」其实是选择性的，可有可无，不过我觉得添加上编号会让文章显得更加有秩序。

你可能会问，这个编号是手动添加上去的么？

当然不是，这里推荐一款可以自动添加编号的 VS Code 插件：Markdown add index。

使用很简单，只需要 3 步：

安装 VS Code 软件（编程的人应该都用过这款颜值很高的 IDE 吧）
在里面搜索下载 Markdown add index 这个插件
打开命令窗口 (Ctrl + Shift + P)，输入 Markdown add index，然后回车，就会发现文章中的标题已经自动添加上序号了。如果后期标题有顺序调整，只需要再次执行该命令，就会自动更改。这比手动去改，方便太多。

4. Md2All 渲染文章

完成以上工作后，我们只需要再做最后一步的「文章渲染」就大功告成了。渲染的目的就是让公众号的文章变得更加好看，也就好比女生化妆的最后一步「精妆」。

之前很多人会推荐使用 Markdwon Here 插件来渲染，但用过之后发现其实并不太好用。这里，推荐一款可以说是 Markdown Here 的增强版插件： Md2All 。

它有这几个优点：

排版样式非常多，支持自定义 CSS 样式

我的公众号排版风格，就是在里面预先自定义好 CSS 样式。CSS 样式，其实就是类似下面这种预先设置好的文章排版格式，比如：字体、间距、列表、表格这些。

 1p {  /*段落选择器*/
 2margin: 1.5em 5px !important;
 3/*颜色*/
 4color:#565656;
 5/*字体*/
 6font-family:'微软雅黑';
 7/*字号*/
 8font-size:15px;
 9/*行间距，可用百分比，数值倍数，像素设置，还包括text-indent缩进、letter-spacing字间距、*/
10line-height:2;
11/*段间距，一般用margin属性调整*/
12margin-bottom:20px;
13/*页边距用padding属性调整*/
14 letter-spacing: 0.5px;
15 /*文字间距*/
16}
17
18ul, ol {  /*无序、有序列表 缩进15px*/
19padding-left: 25px;
20font-family:'微软雅黑';
21font-size: 11px;
22letter-spacing: 0.5px;
23 /*文字间距*/
24}