使用Sublime Text作为Markdown编辑器

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

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

安装插件

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

通过 Markdown 生成 HTML

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

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

自定义快捷键

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

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

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

设置语法高亮和mathjax支持

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

1
2
3
4
5
6
7
8
9
10
{
/*
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中的默认参数重写覆盖即可。

后记

对于经常使用 Sublime Text 作为主力编辑器(代码片段)可以继续使用它来作为我们编写Markdown的工具;如果不是的话,推荐使用 Visual Studio Code,这也是微软最新开发新文本编辑器,这款编辑器本身就内置了Markdown的支持,不需要安装任何插件,而且可以很方面的用来调试Node.js, PythonC#程序,甚至还提供了代码提示功能(可以参考最后给出的链接)。
还有一些Web网站也提供了在线编辑Markdown的功能,如: https://maxiang.io/,使用起来也很方便。

参考&进一步阅读

http://www.mathjax.org
http://gyzhao.github.io/2016/04/30/VsCodeTypings/

文章目录
  1. 1. 安装插件
  2. 2. 通过 Markdown 生成 HTML
  3. 3. 后记
  4. 4. 参考&进一步阅读
,