使用Sublime Text作为Markdown编辑器_html/css_WEB-ITnose
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 Default中的:
/* Enable or not mathjax support.*/"enable_mathjax": false,/* Enable or not highlight.js support for syntax highlighting.*/"enable_highlight": false,
将 两个false改为true即可。
后记
原来使用的是 markdownPad2 这个编辑器也非常好用,不过它只能支持原始的 Markdown 解析,如果是对于 Table 这样的的扩展语法则需要使用付费的版本;Atom 编辑器也内置了(插件)对 markdown 的支持,不过由于其架构的原因,启动速度会比较慢,特别是对于硬盘不是SSD的机器来说,所以对于经常使用Sublime 作为主力编辑器(编写代码片段)的我,最后还是选择了使用 Sublime 作为 Markdown的编辑器。
推荐阅读
-
使用Sublime Text作为Markdown编辑器_html/css_WEB-ITnose
-
如何优雅地使用Sublime Text3_html/css_WEB-ITnose
-
前端常用编辑器Sublime Text3 用法及常用插件的安装使用(包含MarkDown语法及插件)
-
使用Sublime Text作为Markdown编辑器_html/css_WEB-ITnose
-
sublime_text编辑器下载安装使用_html/css_WEB-ITnose
-
如何优雅地使用 Sublime Text 3_html/css_WEB-ITnose
-
Sublime Text使用心得(一)_html/css_WEB-ITnose
-
Linux下sublime Text3使用HTML/CSS/JS prettify问题_html/css_WEB-ITnose
-
编辑器笔记--sublime text3 编译sass_html/css_WEB-ITnose
-
sublime_text编辑器下载安装使用_html/css_WEB-ITnose