使用Atom打造无懈可击的Markdown编辑器

1 安装Atom

下载安装 Atom

2 增强预览功能(markdown-preview)

Atom自带的Markdown预览插件markdown-preview功能比较简单，markdown-preview-plus对其做了功能扩展和增强。

1. 支持预览实时渲染。(Ctrl + Shift + M)
2. 支持Latex公式。(Ctrl + Shift + X)
   使用该插件前，需要禁用markdown-preview

3 同步滚动（markdown-scroll-sync）

可以让预览窗口和编辑窗口同步滚动

4 代码增强（language-markdown）

开起来可以是代码的自动补全, 例如，在写java代码的时候。

5 图片黏贴（markdown-image-paste）

非常重要的功能，直接决定是否选用该款markdown编辑器的一个依据。

1. 使用截图工具将图片复制到系统剪贴板中。
2. 在Markdown新起一行输入文件名。
3. Ctrl + V 会自动把图片保存到Markdown文件相同目录下（因此要求Markdown文件应该先保存），并命名为刚输入的文件名，同时在刚才输入文件名行处生成img标签。

当然，如果想插入gif动图就不能这么简单了，还是老老实实地下载这个工具手工插入吧。

LICEcap: http://www.cockos.com/licecap/

5 表格编辑 (markdown-table-editor)

增强其默认的表格编辑能力，可以让编辑表格的效率更高。

7 pdf 导出 （markdown-themeable-pdf 、pdf-view）

有些工具导出pdf都是收费的，而这个是免费的。

由于GFW的问题，导致该插件使用的phantomjs模块无法安装成功，从而导出pdf报告错误。

解决办法是：

1. 从官网下载phantomjs二进制安装包：http://phantomjs.org/download.html
2. 解压下载的phantomjs-2.1.1-macosx.zip压缩文件。
3. 添加index.js文件到解压后的目录。
4. 将整个目录的内容拷贝到：~/.atom/packages/markdown-themeable-pdf/node_modules/phantomjs-prebuilt，注意目录phantomjs-2.1.1-macosx被重命名为phantomjs-prebuilt
5. 重启Atom，右键->Markdown to PDF即可，生成的pdf文件在Markdown文件同目录。
   其中index.js文件内容为：

module.exports = {
  path : __dirname + '/bin/phantomjs'
}

总结

以上介绍的Atom的Markdown插件，基本上满足了我对一个Markdown编辑器的所有幻想，实时渲染、同步滚动，公式、代码、图片、表格的快捷操作与支持，以及pdf文件导出、预览等。希望此文对你有所帮助。