介绍Sublime3下两款Markdown插件

最近想通过使用使用SublimeText3学习下Markdown，然后了解到了两款插件MarkdownEditing和OmniMarkupPreviewer。

MarkdownEditing

MarkdownEditing是Markdown写作者必备的插件，它可以不仅可以高亮显示Markdown语法还支持很多编程语言的语法高亮显示。

OmniMarkupPreviewer

OmniMarkupPreviewer用来预览markdown 编辑的效果，同样支持渲染代码高亮的样式。

安装插件

安装插件之前，我们需要首先安装一个Sublime 中最不可缺少的插件 Package Control, 以后我们安装和管理插件都需要这个插件的帮助。

安装”Package Control”

使用快捷键 “ctrl + `” 打开Sublime的控制台 ,或者选择 View > Show Console 。

在控制台的命令行输入框，把下面一段代码粘贴进去，回车 就可以完成Pacakge Control 的安装了。

import urllib.request,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a3098092775ccb37ca9d6b2e4b7d'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

安装MarkdownEditing

Package Control 安装成功后我们就可以使用它方便的管理插件了，首先使用快捷键 Ctrl + shift + p 进入到Sublime 命令面板，输入 “package install” 从列表中选择 “install Package” 然后回车。这时候Sublime开始请求远程插件仓库的索引，所以第一次使用可能会有一些小的延时。

看到列表的更新之后输入 “markdown ed” 关键字，选择“MarkdownEditing” 回车。 插件安装完毕后需要重新启动Sublime插件才能生效。下面是我使用sublime编辑代码片断的显示效果。

除了高亮显示语法，MarkdownEditing 还提供了一些快捷键用于快速插入markdown 标记，
下面是常用的快捷键：

输入 “mdi + tab” 会自动插入下面的图片标记

![Alt text](/path/to/img.jpg "Optional title")

输入 “mdl + tab” 会自动生成下面的链接标记

[](link)

安装OmniMarkupPreviewer

完成了基本的编辑需要，接下来查看Markdown的渲染效果或者输出html格式，OmniMarkupPreviewer就会派上用场了，我们同样需要借助Pacakge Control来安装这个插件。键入 Ctrl + shift + p进入sublime的命令界面，输入 package install 然后回车 ，键入 ominmarkupPreviewer选择OmniMarkupPreviewer , 回车。

插件安装成功后我们就可以使用快捷键对编辑的markdown源文件进行预览了。下面是几个常用快捷键.

Ctrl +Alt +O: 在浏览器中预览
Ctrl+Alt+X: 导出HTML
Ctrl+Alt+C: HTML标记拷贝至剪贴板
下面是同样的代码markdown代码在浏览器中预览后的效果.

转载
作者：chengkai
链接：https://www.jianshu.com/p/335b7d1be39e
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。