介绍Sublime3下两款Markdown插件
2015-08-06 14:32
471 查看
最近升级到了 Sublime 3 ,于是又涉及到重新安装我喜欢的插件。作为Markdown 的重度使用者自然关于Markdown的插件是必不可少的 (选择在简书中写文章其中一个很重要的原因是因为简书的MarkDown写作环境很舒服)。 在这里记录分享一下我常用的两款Markdown插件。
MarkdownEditing
MarkdownEditing是Markdown写作者必备的插件,它可以不仅可以高亮显示Markdown语法还支持很多编程语言的语法高亮显示。
OmniMarkupPreviewer
OmniMarkupPreviewer用来预览markdown 编辑的效果,同样支持渲染代码高亮的样式。
在控制台的命令行输入框,把下面一段代码粘贴进去,回车 就可以完成Pacakge Control 的安装了。
看到列表的更新之后输入 "markdown ed" 关键字,选择“MarkdownEditing" 回车。 插件安装完毕后需要重新启动Sublime插件才能生效。下面是我使用sublime编辑代码片断的显示效果。
MarkdownEdit显示效果
除了高亮显示语法,MarkdownEditing 还提供了一些快捷键用于快速插入markdown 标记,下面是我常用的两个(更多的快捷键请参阅其官方文档)。
command + option + k 插入链接
command + shift + k 插入图片
比起快捷键我更喜欢MarkdownEditing为我们增加的几个"code snippet"
输入 "mdi + tab" 会自动插入下面的图片标记
安装OmniMarkupPreviewer
插件安装成功后我们就可以使用快捷键对编辑的markdown源文件进行预览了。下面是几个常用快捷键.
Command +Option +O: 在浏览器中预览
Command+Option+X: 导出HTML
Ctrl+Alt+C: HTML标记拷贝至剪贴板
下面是同样的代码markdown代码在浏览器中预览后的效果.
浏览器预览效果
配备了以上两个插件后在sublime中使用markdown完全满足日常需要了,享受markdown写作给你带来的乐趣吧.
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 安装成功后我们就可以使用它方便的管理插件了,首先使用快捷键 'command + shift + p ' 进入到Sublime 命令面板,输入 "package install" 从列表中选择 "install Package" 然后回车。这时候Sublime开始请求远程插件仓库的索引,所以第一次使用可能会有一些小的延时。看到列表的更新之后输入 "markdown ed" 关键字,选择“MarkdownEditing" 回车。 插件安装完毕后需要重新启动Sublime插件才能生效。下面是我使用sublime编辑代码片断的显示效果。
MarkdownEdit显示效果
除了高亮显示语法,MarkdownEditing 还提供了一些快捷键用于快速插入markdown 标记,下面是我常用的两个(更多的快捷键请参阅其官方文档)。
command + option + k 插入链接
command + shift + k 插入图片
比起快捷键我更喜欢MarkdownEditing为我们增加的几个"code snippet"
输入 "mdi + tab" 会自动插入下面的图片标记
输入 "mdl + tab" 会自动生成下面的链接标记![Alt text](/path/to/img.jpg "Optional title")
[](link)
安装OmniMarkupPreviewer
完成了基本的编辑需要,接下来查看Markdown的渲染效果或者输出html格式,OmniMarkupPreviewer就会派上用场了,我们同样需要借助Pacakge Control来安装这个插件。键入 "command + shift + p" 进入sublime的命令界面,输入 "package ins" 然后回车 ,键入 "ominmarkup" 选择OmniMarkupPreviewer , 回车。安装OmniMarkupPreviewer
插件安装成功后我们就可以使用快捷键对编辑的markdown源文件进行预览了。下面是几个常用快捷键.
Command +Option +O: 在浏览器中预览
Command+Option+X: 导出HTML
Ctrl+Alt+C: HTML标记拷贝至剪贴板
下面是同样的代码markdown代码在浏览器中预览后的效果.
浏览器预览效果
配备了以上两个插件后在sublime中使用markdown完全满足日常需要了,享受markdown写作给你带来的乐趣吧.
相关文章推荐
- [LeetCode]Search Insert Position
- Linux系统与程序监控工具atop教程
- pyinstaller使用
- 专访图书作者祁宇:C++11让程序更简洁、更现代、更强大
- iOS开发系列--C语言之预处理
- poj 3318 Matrix Multiplication(随机化)
- VS2012 + Qt5 配置 Meshlab1.3.3 步骤
- centos 6.5安装mysql5.6
- 动态规划_DAG例题_The Tower of Babylon(UVA437)
- bzoj-3809 Gty的二逼妹子序列
- akka(tell,ask,send)
- 通过接口获取所有实现类以及通过注解获取实现类的思路
- iOS ——版本更新检测 判断应用版本和升级提示
- NSSearchPathForDirectoriesInDomains
- Android ViewGroup和View的传递事件
- jquery 预览并自增 上传图片
- tar命令(转自http://www.cnblogs.com/qq78292959/archive/2011/07/06/2099427.html)
- css3新特性1——文本效果&边框&背景&多列
- 【python网络编程】TCP套接字
- Automotive Security的一些资料和心得(3):Vehicular Security技术