×

markdown|高效撰写微信公众号文章

96
马骋
2016.08.13 12:01* 字数 728

问题描述

markdown写作方式高效而优雅,是最佳的结构化写作模式。遗憾的是,微信公众号编辑器并不支持markdown语法。markdown here插件,将这种先进的写作方式扩展到了邮件客户端和浏览器,微信公众号文章亦可采用markdown方法。

一旦习惯了markdown写作方式,如果能在所有的工作中都采用这种写作方式,那么工作效率奇高。

解决方案

网页的公众号编辑器并不支持markdown写作,但可以借助浏览器插件markdown here进行格式渲染,生成标准排版格式。

因此基本的解决方案为:桌面markdown编辑器+浏览器+格式插件

  • 桌面编辑器,个人试用过最好的桌面markdown 编辑器为cmd markdown;
  • 浏览器,优质的浏览器,如Firefox,Chrome浏览器可以接入插件,扩展markdown功能;
  • 插件,插件即为markdown here

有了这三类软件,即可轻松将markdown撰写的文章发布到微信公众号。

markdown here插件

适用范围

image_1aq0o2tl5nibut7b117hj1u0d9.png-214.1kB
image_1aq0o2tl5nibut7b117hj1u0d9.png-214.1kB

markdown here是一款非常高效易用的markdown格式工具,下载地址markdown here。可以在诸多软件中支持markdown语法:

  • 浏览器:Firefox(火狐),Chrome(谷歌),Safari(苹果);
  • 邮件客户端:thunderbird,Postbox,Icedove;

其中thunderbird是本人习惯使用的邮件客户端。以thunderbird为例,

  • markdown here渲染之前;


    image_1aq0olgjk1el61qtpma5uk01esem.png-90.8kB
    image_1aq0olgjk1el61qtpma5uk01esem.png-90.8kB
  • markdown here渲染之后;


    image_1aq0om4s73091e5ee401g1slu113.png-93.4kB
    image_1aq0om4s73091e5ee401g1slu113.png-93.4kB

Chrome安装插件

  • Chrome-设置
    image_1aq0or2pu1uhg1qg5tr81voh19kl1g.png-51.7kB
    image_1aq0or2pu1uhg1qg5tr81voh19kl1g.png-51.7kB
  • 扩展程序
    image_1aq0osit6vvc1lmd1gtk1k6t1a9r1t.png-23.2kB
    image_1aq0osit6vvc1lmd1gtk1k6t1a9r1t.png-23.2kB
  • 查找安装markdown here
    image_1aq0ouf9oci3113pmt1q471s2d2n.png-40.7kB
    image_1aq0ouf9oci3113pmt1q471s2d2n.png-40.7kB

操作示例

  • cmd markdown撰写文章;
  • markdown文本拷贝至微信公众号平台-图文消息编辑
    image_1aq0p30hbio414981ai05eted34.png-119.3kB
    image_1aq0p30hbio414981ai05eted34.png-119.3kB
  • markdown here渲染格式,生成排版内容;
    光标放在文本区域,点击markdown here按钮,进行格式转换;
    image_1aq0p5kni19va11241oenfpjm0c3h.png-100.4kB
    image_1aq0p5kni19va11241oenfpjm0c3h.png-100.4kB
  • 剪切排版内容,再粘贴;
    如果文章中有图片,要将排版后的文章内容先剪切,后粘贴。这样才能正常发布。
  • 文章保存、发布;

问题说明

以上步骤中:

剪切排版内容,再粘贴

这一步看似很多余,但只有如此,才能在微信中正常显示图片。

这是由markdown排版原理决定的,在markdown中,图片的插入通过引用超链接实现。其文本代码如下:

这张图片是![此处输入图片的描述][http://xx.com/image.jpg]

因此,直接渲染的文章,图片链接在其他网站,如果发送至手机,则不能正常显示图片。

markdown
Web note ad 1