使用Markdown语法发布微信公众号文章

本文是基于 macOS 系统,Windows不确定是否同样适用,废话不多说,以下是用到的工具:

  1. Markdown 语法编辑器 MWeb + 七牛云图床 ;
  2. Google Chrome 浏览器;
  3. Markdown-here 插件。
1. MWeb编辑器

Markdown语法很简单,看两遍就会用了,最初感觉图片上传比较麻烦,后来发现可以用七牛云来实现本地上传,瞬间觉得还是很方便的

1.首先注册七牛云并完成实名认证,然后就可以申请存储空间了,申请成功之后就可以回到 MWeb 进行相应的配置了。

2.MWeb -> 偏好设置 -> 发布服务 -> 已增加的本地图片上传服务(图床) ->七牛云存储

具体配置如下图:


七牛云配置

方框中圈出部分需要跟自己在七牛云申请的信息一致,图片处理代码可以不填,填写完毕点击「验证」,可以从本地选择一张图片,上传完毕进入七牛云的存储空间看看是否成功上传。

3.到这里就可以直接拖拽图片到 MWeb 中了,全文编辑完毕之后点击右上角发送图标,选择「把本地图片传到图床」,上传成功之后会生成相应的外链,复制粘贴到文章中即可。

注意:
 1.存储空间选择公共空间,私有空间会造成图片无法访问;
 2.如果开启了原图保护也会导致图片无法访问,需要做额外的设置才可用,所以我这里直接关闭了原图保护。
2.Markdown-here 插件

下载地址

因为平时习惯使用 Safari,但是下载了Safari版本已经不被支持了,尝试了一些办法还是没有搞定;
Google Chrome 版本和 Firefox 版本都没有下载成功,作罢;

最终通过下载源码GitHub源码地址自己生成了安装文件,下面记录具体实现过程

1.cd 到 utils 文件夹,执行 node build.js 命令,如果电脑没有安装过node,可能会报错:

command not found

我这里用 homebrew 来完成安装:

brew install node

再次执行node build.js 命令,这时候遇到如下报错:

Error: Cannot find module 'file'

解决方案如下:

全局安装file框架,cmd打开命令行,输入如下命令:
npm install -g file

如果在执行js文件仍报Error: Cannot find module ‘file’ 错误。
在自己的工程目录下再次执行: npm  install file

成功之后会看到

Done! Built extensions written to ../dist

2.在源文件的dist文件夹下可以看到生成的各个浏览器的安装文件,将 chrome.zip 解压出来;

3.打开chrome浏览器,找到扩展程序,打开开发者选项,会看到「加载已解压的扩展程序」这个按钮,点击选择刚刚解压的文件夹即可;

4.高级用法还可以自定义CSS样式,可以参考Markdown here CSS配置详细解读

5.打开微信公众号文章编辑页面,复制过来写好的Markdown文档,按住 CTRL + ALT + M 一键排版,大功告成。
(不知道为什么点击页面右上角的图标不生效,使用快捷键就可以)

3.懒人篇

如果感觉这些步骤太复杂,可以使用在线的Markdown转换器

推荐阅读更多精彩内容