一次关于 Markdown 写微信公众号的探寻

上一篇说过 Markdown 是一种简洁高效的写作方式，那么微信公众号是否可以用 Markdown 来写呢，答案是肯定的，这样可以避免排版，字体等诸多烦恼，当然微信目前是不支持 Markdown 的，那么怎么办呢？别急，我们先整理一下我们的具体需求，然后在带着需求使用搜索引擎找寻答案，这里推荐一篇 百度陆奇的内部演讲-如何成为一个优秀的工程师，对我启发很大，里面说到的第二点就是要站在巨人的肩膀上，你的需求很可能已经有人实现了，你要做的只是寻找。好了，我整理了一下我的需求如下：

使用默认的 Markdown 的排版方式（不喜欢花花绿绿的标题，默认都是黑色即可）

能否支持代码的高亮，代码对程序员而言是必须的

尽可能的不依赖其他三方工具，最好 Typora 就可以解决，实在不行，是否有在线的转换工具，可以用完即走

好了，我们带着这些需求，开始搜索答案。

尝试 Typora

首先尝试使用 Typora ，如果这个工具有办法直接复制粘贴到微信公众号编辑器中，那就万事大吉了，于是我尝试了一下，将渲染好的文字直接复制到微信公众号中，结果不满足所有需求，复制过去后，虽然在微信公众号的编辑区看到格式完全复制过去了，但是在手机上预览了一下，发现代码在发布后，就完全走样了，虽然能够高亮，但是字体太大，且过长的代码没有滚动查看的功能。如果你没有排版代码的需求，用 Typora 就足够了，标题，引用，列表等都能够正确的渲染，如果你需要修改字体大小，间距，懂CSS的话，也可以修改， Typora 支持自定义CSS，那能不能通过修改 Typora 的CSS 达到代码高亮且滚动的效果呢，这个后面再研究。

在线微信公众号格式化工具

之后再去寻找一下是否有在线的转换工具呢？我们用任意的 Markdown 工具完成内容，然后将内容粘贴到在线的转换工具中，一键转换好了呢，搜索后发现挺多现成的在线工具。

所以你可以直接在 WXMarkdown 上直接写或是在你熟悉的 Markdown 工具中写然后复制进去，然后点击预览，在点击复制按钮，直接粘贴到微信公众号编辑器中，搞定。如果你不喜欢它的排版风格和字体，懂CSS的话，可以去修改，去Github (https://github.com/barretlee/online-markdown) 下载源码来研究。一点不方便的是不提供双栏预览，还需要在点击预览才能看到效果。

MPEditor(http://js8.in/mpeditor/) ，这个网站同样提供所有的微信公众号 Markdown 语法写作支持，双栏编辑，实时同步滚动，同时扩展了语法样式，可以写出不同颜色，不同大小，不同格式的字体，同时也可以自定义CSS 样式。应该说是最接近需求的，但是虽然说代码支持高亮，但是实际效果并没有高亮，当然这也是一个开源的，代码也可以在Github (https://github.com/ksky521/mpeditor) 上找到，可以进行修改。

如果你怕麻烦, 这两个网站用完即走的在线转换工具真是个不错的选择，毫不费力，复制粘贴，就搞定了微信公众号的排版。

Markdown Here

Markdown Here 是一款浏览器的插件，支持多个浏览器，我的用是 Chrome，它本是为了快速使用 Markdown 编写 email 用的。现在完全可以用来一键渲染微信公众号。当然这个插件的下载，需要科学上网，在 Chrome 的扩展程序中下载，但是官方版本的下载下来也会有代码换行符的问题。当然这作者已经帮你弄好了，只需下载源代码，再使用 Chrome 扩展程序加载即可，原文中作者留了 git clone 的命令去下载，如果你不会从Github 拉代码，我在百度网盘打包放了一份，链接如下：

链接：https://pan.baidu.com/s/1sm8jsSX 密码：77ob

下面是我执行的过程：

Chrome 版本确保是较新的，我的之前安装上去之后，发现渲染不了，排查了半天，把 Chrome 升级了一下搞定了。下面是我的版本信息，

在扩展程序中加载源码。 下载好后代码，按照下面的流程操作。

进行设置。扩展程序中点击 Markdown Here 的选项，进入设置

语法高亮Css 设置，我选 的黑色主题

快捷键设置，注意默认的是 ，但是如果你装了搜索输入法，就冲突了，需要自己修改一下，也或者到时候直接点击图标进行转换

高级选项及其他。勾选 这个选项

进入公众号，使用快捷键或者点击浏览器右上角的箭头图标，进行渲染，搞定，效果如下：

Before

After

好了，就介绍到这里，你们根据自己需求，选择就好。