介紹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
來源：簡書
著作權歸作者所有。商業轉載請聯繫作者獲得授權，非商業轉載請註明出處。