markdown学习3:使用Sublime Text作为Markdown编辑器
2016-02-19 21:08
483 查看
文章转载自:使用Sublime
Text作为Markdown编辑器
我们借助
选择
输入
通过给出的选项,我们可以在浏览器中预览生成HTML的效果,也可以保存,或者导出生成的HTML文件。现在我们选择第一个选项:Preview in Browser ,然后再选择一个生成HTML的CSS模板,就可以在浏览器中看到生成的HTML了。
自定义快捷键
如果我们想要直接在浏览器中预览效果的话,可以自定义快捷键:点击
选择
保存后,直接输入快捷键:
设置语法高亮和mathjax支持
在
因为Sublime Text 3 开始不能直接修改
原来使用的是 markdownPad2 这个编辑器也非常好用,不过它只能支持原始的 Markdown 解析,如果是对于 Table 这样的的扩展语法则需要使用付费的版本;Atom 编辑器也内置了(插件)对 markdown 的支持,不过由于其架构的原因,启动速度会比较慢,特别是对于硬盘不是SSD的机器来说,所以对于经常使用Sublime 作为主力编辑器(代码片段),最后还是选择了使用 Sublime 作为 Markdown的编辑器。
http://www.mathjax.org
Text作为Markdown编辑器
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
相关文章推荐
- Chapter 2、Eclipse(19th,Feb1)
- iOS屏幕适配
- linux学习第二天
- web学习博客2016/2/19
- 判断浏览器的方法
- 从零开始怎么写android native service?
- python的元组和列表使用之一
- python的元组和列表使用之一
- nginx配置文件注释
- 16.copy与mutableCopy
- onMeasure
- hadoop2 环境的搭建(手动HA)
- 深度学习系列(2)——神经网络与深度学习
- 数据挖掘十大经典算法
- leetcode: Find the Duplicate Number
- UI整理-----part3--UITableView
- 正则基础之——\b 单词边界
- Ionic 上拉刷新,下拉加载
- java项目遇到的 java.security.InvalidKeyException:illegal Key Size 报错解决方案
- OC中通过协议实现多继承