美文网首页技术写作
markdown|高效撰写微信公众号文章

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

作者: 马骋 | 来源:发表于2016-08-13 12:01 被阅读640次

    问题描述

    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.1kBimage_1aq0o2tl5nibut7b117hj1u0d9.png-214.1kB

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

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

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

    • markdown here渲染之前;


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


      image_1aq0om4s73091e5ee401g1slu113.png-93.4kBimage_1aq0om4s73091e5ee401g1slu113.png-93.4kB

    Chrome安装插件

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

    操作示例

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

    问题说明

    以上步骤中:

    剪切排版内容,再粘贴

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

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

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

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

    相关文章

      网友评论

      • 颜家大少:强烈建议markdown排版神器:Md2All,支持80多种代码高亮,支持“一键排版”的样式模板选择,支持自定义css,一键复制到公众号,及各大博客平台,详细教程:http://mp.weixin.qq.com/s/oGcqB5ALGO49hLGLu1LquQ
        马骋:@颜家大少 好,我试试。一直想找更好的工具。

      本文标题:markdown|高效撰写微信公众号文章

      本文链接:https://www.haomeiwen.com/subject/azgesttx.html