Sublime の如何实时预览 markdown 文件？

2016-05-05 本文已影响8753人 michael_jia

作为 Markdown 书写工具，Sublime 是合格的，不足之一是无法像 Atom 那样做到实时预览；Atom 的实时预览如下图最右侧栏目：

Atom 实时预览

本文就是要找到一个合适的 Sublime 插件，来帮助我们做到类似 Atom 实时预览这样的预览：即在编辑过程中就可以实时看到预览效果。如果需要搞个什么动作，包括按个快捷键什么的，才能看到预览效果，那都不算实时预览。

实时预览对于 markdown 新手快速熟悉语法规则是很有用的。
这也是简书预览模式的好处之一。

使用 Sublime 的优势就在于她的各类 packages 很多，所以很有必要安装这个 package control。可以经常看看有什么好用的插件。
package control 的安装参见 Sublime Text 使用配置。

这些插件都是在需要预览的时候，敲个快捷键在浏览器里面查看效果。不是我们所要的。

要使用这个插件确实要费点劲，安装的东西比较多，这可能是这个插件相对不那么大众的原因（比上面几种的使用量都低）。
Markmon 的意思大概是 Markdown Monitor，作者是 yyjhao。

安装：Tools > Command Palette（命令板） 搜索安装 Markmon；
npm 安装 markmon (npm)；
npm install -g markmon，可以参考 node 和 npm 安装使用；
安装 pandoc；
pandoc: a universal document converter.
这个转换器负责 markdown 语法转到 html 语法，实时监控文件编辑，以便实时预览；
配置 Package Settings
Preferences->Package Settings->Markmon->Settings - User，编辑文件如下：
{ "executable": "markmon.cmd", }
重启 Sublime；

通过菜单 Tools > markmon > Launch，或者 Control+Shift+P：Markmon launch。
在浏览器会打开 localhost:3002 页面，对于 Sublime 中的改变，你就会在浏览器中实时看到。

一般专业人员都是多个屏幕的，所以，Markmon 的实现机制相对 Atom 来说更好，你把预览浏览器拽到另一个屏幕就好了。
如果预览的实时性要求不那么高，其他几种 preview 方案是完全可以接受的。

markmon & sublime

Sublime の 如何实时预览 markdown 文件？