您的位置:首页 > 其它

使用Sublime Text作为Markdown编辑器

2017-04-19 10:31 253 查看
原文:http://www.cnblogs.com/IPrograming/p/Sublime-markdown-editor.html

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


1. 安装Markdown Editing和Markdown Preview 插件

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




2. 使用 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中的默认参数重写覆盖即可。


后记

原来使用的是 markdownPad2 这个编辑器也非常好用,不过它只能支持原始的 Markdown 解析,如果是对于 Table 这样的的扩展语法则需要使用付费的版本;Atom 编辑器也内置了(插件)对 markdown 的支持,不过由于其架构的原因,启动速度会比较慢,特别是对于硬盘不是SSD的机器来说,所以对于经常使用Sublime 作为主力编辑器(代码片段),最后还是选择了使用 Sublime
作为 Markdown的编辑器。


参考&进一步阅读

http://www.mathjax.org
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: