如何优雅的编写微信公众号

微信富文本的硬伤

在微信公众号的编辑发布过程中，有一些很不方便的地方，如：

• 个人倾向用七牛云上传图片，并用一键操作工具mpic，而不想额外单独一张张上传到微信后台。另假设同时想把图文发到个人博客和微信公众号，就要博客端和公众号端分别各自上传图片，而对比用mpic得到超链接，让博客和公众号引用即可。显然，后者要方便的多。

• 从A公众号的编辑模式，全文复制到B公众号编辑模式，出现了图片的说明文字不按照预期格式排列的问题，用哪种对齐方式都不符合预期。后来干脆重新编辑全文。

• 微信使用富文本编辑模式，而现在国际流行的markdown编辑模式，后者在编辑方面，要方便的多的多。

• 网络流行的一些微信公众号编辑器，比如135等，这个算口碑好的，但个人体验感一般，为何呢? 他们是一个标题、一个段落、一个引言这样的用样式模板插入内容，不仅如此还有排版问题。总之，对比markdown风格，体验感就不甚好。也许你说135编辑器有vip的“一键排版”功能，但是还是有排版问题的，因为它没那么智能。

• 还有一些细节上，比如微信后台的右键选粘贴，明明有这个选项，点了之后它非要弹窗让你用热键ctrl+V来操作等等。这对于那些鼠标党情何以堪。

以上种种因素，使得最初在我申请了微信公众号之后，从喜到忧的感受大致可以用这个图形容：

思路：从markdown过渡到富文本

从上面的分析看出，编辑采用markdown模式，而公众号的发布只能是富文本模式，那么剩下就是如何优雅的解决从markdown到富文本的过渡？

方案1：

采用浏览器插件 【markdown here】？？ 这是一些网友得到的解决方案，但我实测有一个明显的问题，那就针对超链接图片，在微信公众号预览是有的，但发送到手机就没有了。额外测试了下，如果要让图片显示，你要在编辑模式把全文复制，再全文删除，然后重新粘贴一次，再保存，再预览（或发布）才显示图片，但这你能忍？这个坑爹的问题，是微信公众号必须要把外部的超链接经过css渲染之后才能发挥作用。

方案2：

利用脚本程序来调整CSS，但这牵涉代码修改，比如说，有一个方案提到：【花 1 天时间，学会如何写一个简单包含 replacements 函数的 Python 脚本】。以个人经验，如果对从没接触python语言的朋友真想一天内解决，是相当有难度的，故不展开。

方案3：

你想，无非是要让微信后台识别CSS渲染，而很多markdown编辑器自带了HTML预览功能，里面就有CSS渲染，这样，就实现了超链接图片的加载，然后全部复制后粘贴到微信公众号正文编辑区域，就ok了。 以MarkdownPad 2 为例，F6自动HTML预览到本地。

总结

本文讨论了用markdown来编辑微信公众号的方法。就网上搜集的方案进行了分析，并建议使用方案3，简洁有效。
如果只是简单的文字+图的方式，可轻松实现。当然，并不能指望靠这个就制作很精美的公众号，只是就方便性和实用性上做一些讨论。总体的逻辑顺序为：

A）用MarkdownPad编辑

B）编辑完毕后使用F6功能实现HTML的CSS渲染

C）复制到微信公众号编辑区

D）此时，如果还需要增加一些东西，可再结合135编辑器等锦上添花（因为可能MarkdownPad没有那些功能）

E）预览或者发布

工具列表 ，基于Win系统#

1. MarkdownPad ： http://markdownpad.com/

2. 图片上传Mpic： http://mpic.lzhaofu.cn

3. 七牛云图床： http://www.qiniu.com/

参考资料

1. 在微信公众平台上用 Markdown 写作
2. Markdown懒办法排版微信公众号文章

其他

另如果有专职做公众号的朋友，也欢迎分享你的制作心得。 ：）