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

微信富文本的硬伤

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

  • 个人倾向用七牛云上传图片,并用一键操作工具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懒办法排版微信公众号文章

其他

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

你可能感兴趣的:(如何优雅的编写微信公众号)