使用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转换器