前言
Sublime Test 3是一款强大的代码编辑器,支持多种编程语言。其拥有漂亮的用户界面和强大的插件扩展功能。最近想用Markdown标记语言练习下写blog,Sublime Text也支持Markdown标记语言,遂用之。工欲善其事,必先利其器。为了更加高效舒服地写Markdown,我们需要安装两个插件:MarkdownEditing和OmniMarkupPreviewer。MarkdownEditing拥有实用的Markdown编辑功能、强大的语法高亮效果和优雅的主题。OmniMarkupPreviewer是一款将Markdown等标记语言渲染为HTML并在浏览器上实时预览的插件。
准备工作:安装Package Control(可选)
MarkdownEditing和OmniMarkupPreviewer这两款插件都可以方便地在Package Control中搜索下载并安装。具体过程,这篇文章已经介绍的很清楚了,在此不再赘述。详情可参考Sublime Text 3安装Package Control插件
通过使用Package Control安装成功后就可以忽略下文中MarkdownEditing和OmniMarkupPreviewer的安装内容。如果在使用Package Control出现以下问题,或者不想安装Package Control插件,也可跳过此步骤,但在安装MarkdownEditing和OmniMarkupPreviewer插件时就需要参考下文的安装过程。
Package Control
There are no packages available for installation
Please see https://packagecontrol.io/docs/troubleshooting for help
MarkdownEditing插件
安装
-
MarkdownEditing源文件下载
下载地址:https://github.com/SublimeText-Markdown/MarkdownEditing
-
点击右上角的Clone or download按钮,然后选择Download ZIP
将下载的ZIP文件解压,并重命名为
MarkdownEditing
-
在菜单栏中点击
Preferences > Browe Packages...
,打开一个文件夹,复制刚才的Package Control
文件至此目录下。 -
重启Sublime Text,插件生效
显示效果
使用tips
推荐阅读一下README,里面有详细的使用说明。其中内容也是用Markdown书写的,结合下面将要介绍的OmniMarkupPreviewer插件阅读效果更佳。
-
我常用的快捷键(更多的快捷键请参阅README)
- Ctrl+Win+V(macOS下为Command+Option+V) 利用粘贴板的链接内容创建链接
<center></center>
<kbd></kbd>
等标签有些渲染器并不能识别(如简书),慎用。-
GFM格式:GFM即GitHub Flavored Markdown,是Markdown标记语言中的一个分支。Markdown 有多个实现, Github, 以及国内很多社区都是使用 GFM包括 Python China, Ruby China,SegmentFault 都用了 GFM 语法。有 Node 模块 marked 支持 GFM 的渲染。可以识别代码块中各种编程语言的关键字并高亮显示。
效果
GFM切换方法:点击Sublime Text右下角的
Markdown
,然后按图所示操作。
OmniMarkupPreviewer插件
安装
源文件下载地址:https://github.com/timonwong/OmniMarkupPreviewer
安装过程与MarkdownEditing插件安装过程类似,不再赘述。ZIP文件解压后重命名为OmniMarkupPreviewer
。
效果:
使用tips
-
快捷键
Ctrl+Alt+O(macOS下为Command+Option+K)在浏览器中实时预览
-
可以实现多设备共同实时预览渲染效果,如果你有iPad等设备就可以实现在电脑上编辑,在iPad上预览效果,真心好用。
操作方法:
-
如图所示进行操作
-
在命令提示符中输入
ipconfig
找到你的电脑的本地IP地址 将在第一步中打开的配置文件中的
"server_host": "127.0.0.1",
改为你电脑的IP地址。再用本机打开渲染后的页面,记录网页地址。将你的其他设备连入同一WiFi网络,打开刚才记录的网址即可访问。如果弹出防火墙提示,请选择允许访问专用网络。
-
更加深入的探索可参考这篇文章
书写Markdown
Markdown的书写教程网上多如牛毛,可自行搜索。
要输入* ` 等具有特殊含义的字符时可以使用
\
进行转义使用列表时注意缩进,否则编号可能会错乱。
-
用Markdown书写文章图片的插入是比较麻烦的,需要借助图床来实现,在国内我觉得用微博作为图床就很方便。而且已经有大神做了一个Chrome插件,可以更加非常快速地创建图片链接。
安装地址:Chrome Web Store
源码:GitHub地址