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

2016-11-21  本文已影响255人  vansnowpea

微信富文本的硬伤

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

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

思路:从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懒办法排版微信公众号文章

其他

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

上一篇 下一篇

猜你喜欢

热点阅读