SublimePlugin : Markdown Preview和Markdown Editing (2)

SublimePlugin : Markdown Preview和Markdown Editing (2)

标签（空格分隔）： SublimePlugin Markdown

---

Sublime Text 3作为一个优秀的文本编辑器，拥有很多的扩展插件。我们可以利用这些插件为Sublime Text 增加扩展的功能，在这里我们借助两个插件来将Sublime Text 3变成一个 Markdown 的编辑器。

安装Markdown Editing和Markdown Preview 插件

我们借助 Package Control 来安装插件(安装Package Control，请参考：Installation - Package Control)。点击 Preferences --> 选择 Package Control: intall，然后再插件库中分别选择和安装Markdown Editing和Markdown Preview即可。然后重启Sublime Text 3，创建一个以md为后缀的文件，既可以开始编辑Markdown文件了。Markdown Editing 为提供了 Markdown 格式的高亮显示，如图：

Markdown Editing 为提供了 Markdown 格式的高亮显示

使用 Markdown Preview 生成 HTML

输入 Shift + Ctrl + P，输入 Markdown Preview，可以看到如下选项：

通过给出的选项，我们可以在浏览器中预览生成HTML的效果，也可以保存，或者导出生成的HTML文件。现在我们选择第一个选项：Preview in Browser ，然后再选择一个生成HTML的CSS模板，就可以在浏览器中看到生成的HTML了。

自定义快捷键

如果我们想要直接在浏览器中预览效果的话，可以自定义快捷键：点击 Preferences --> 选择 Key Bindings User，输入：

{"keys": ["alt+m"], "command": "markdown_preview", "args": {"target": "browser"}},

保存后，直接输入快捷键：Alt + M 就可以直接在浏览器中预览生成的HTML文件了。

设置语法高亮和mathjax支持

在Preferences -> Package Settings -> Markdown Preview -> Setting - User中添加如下参数：

{ 
    /* 
    Enable or not mathjax support. 
    */ 
    "enable_mathjax": true,
    /*
        Enable or not highlight.js support for syntax highlighting.
    */
    "enable_highlight": true, 
}

因为Sublime Text 3 开始不能直接修改 Setting - Default 中的设置了，我们需要在对应的 Setting - User选项里面对Default中的默认参数重写覆盖即可。