Markdown——配置篇

上一篇讲了Markdown的语法,接下来说一下Markdown的插件。

Markdown的编辑器有很多,知乎一下就可以看到不少开源友好的编辑器,为了更好的整合我电脑上现有的软件(为了省内存),我决定在sublime text上写Markdown。

我电脑的配置如下:

Mac OS X 10.13.1
Sublime Text Version 3.1.1

虽然sublime text3自身携带许多语言的高亮,但是还没有达到我想要的Markdown的编写环境,自带的Markdown不好看也不好用,所以需要拿一些插件来满足一下需求。

需要安装的插件:

Package Control:插件安装管理
MarkdownEditing:显示Markdown的语法和高亮

可选的插件:

OmniMarkupPreviewer:浏览器/html快捷预览和导出
MarkdownLivePreview:sublime text界面实时预览

Package Control

Package Control是Sublime Text不可或缺的一个插件,许多插件的安装和管理都要用到它。两个月之前我在配置NASM的语法和高亮插件时安装配置了Package Control,才第一次接触到Sublime Text的除了写字板之外的功能,所以这里要强烈安利Package Control这一插件,让我有了对不止于Sublime Text写字板的用户体验。

安装插件

  1. 打开Sublime Text的控制台
  • 快捷键:control + `
  • 手动:View -> Show Console
  1. 在控制台输入下面的第一行python代码回车即可。不过里面的 http://packagecontrol.io/ 应该是被墙了,这个年头程序员没个VPN还怪麻烦的。我在一些博客里找到了镜像网站,如果第一段代码无法安装,可以尝试一下第二种方法(未测)
1
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)
1
import urllib.request,os,hashlib; 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://dn-52cik.qbox.me/' + pf.replace(' ', '%20')).read(); open(os.path.join( ipp, pf), 'wb' ).write(by)

使用

安装成功之后,可以在 Sublime Text -> Preference 里看到 Package Control 这一选项,也可以通过组合键 command + shift + p 在搜索框里搜索 Package Control 。

package control

在package control里,最主要使用的是 install package 功能,在install package界面,可以根据个人需求安装所需要的插件。

需要注意的是,最近不使用vpn是无法使用install package功能的,会出现如下提示:

install warning

在科学上网之后,可以来到install package的界面。
注意已经安装过的插件在搜索里不会在出现,所以这里我的搜索里看不到MarkdownEditing的。
install packagechoose

MarkdownEditing

这一插件是在sublime text上写markdown的必须的插件,其包含了markdown的语法补全和高亮,效果如下:
MarkdownEditing

除此之外,MarkdownEditing还提供了两个快捷代码段分别用于插入图片和链接:

  • mdl + tab键:插入链接
    • [](link)
  • mdi + tab键:插入图片
    • ![Alt text](/path/to/img.jpg "Optional title")

下面来谈两款可选的插件

OmniMarkupPreviewer

如果说MarkdownEditing满足了编辑markdown的需求,那么接下来就该谈一下预览需求了。
OmniMarkupPreviewer 提供了html端的预览,其具有如下的快捷功能:

  • command + option + o :浏览器预览
  • command + option + x :导出html
  • control + option + c :复制html代码

其浏览器端预览效果如下,我个人比较喜欢这种预览方式:
browser preview

MarkdownLivePreview

当然,如果不喜欢在浏览器和编辑界面频繁切换,sublime text中也有一款在软件端满足实时预览功能的插件: MarkdownLivePreview
同样是通过install package来下载安装,效果如下:
MarkdownLivePreview
不过比较可惜的是,由于是在sublime text端进行实时更新,在编辑文字时会有明显的卡顿,所以不是很推荐这一款插件的预览功能。

到此,在sublime text端编写和预览markdown的插件和环境就基本搞定了!

部分参考自:https://www.jianshu.com/p/335b7d1be39e

小手一抖⬇️