如前文《Sublime Text3 的插件管理工具(Package Control)的安裝及使用方法》所說,，Sublime有強大的插件擴展功能,，本文將詳細介紹在用Sublime寫Markdown文檔時如何預(yù)覽,，甚至是實時刷新預(yù)覽,。

0. 溫習(xí)：插件安裝方式，后面會反復(fù)用到

1. 組合鍵Ctrl+Shift+P 調(diào)出命令面板
2. 輸入Package Control: Install Package,，回車
3. 在搜索框中輸入要安裝的包名（一個一個,，不能同時安多個）
4. 靜待幾秒即可安裝成功

插件介紹

介紹幾個Markdown類的常用插件：

接下來會一次介紹這幾個插件,。

1. MarkdownEditing

顧名思義,，Markdown編輯器，是Markdown寫作者必備的插件,，不僅可以高亮顯示Markdown語法還支持很多編程語言的語法高亮顯示,。
特別注意：MarkdownEditing只針對 md\mdown\mmd\txt 格式文件才啟用。

特性

MarkdownEditing 從視覺和便捷性上針對 Markdown 文檔的編輯進行了一系列的優(yōu)化,。如：

• 顏色方案仿 Byword及iA writer
• 自動匹配星號（*）,、下劃線（_）及反引號（`）
• 選中文本按下以上符號能自動在所選文本前后添加配對的符號
• 方便粗體、斜體和代碼框的輸入

效果圖：

2. MarkdownLivePreview

功能

實時預(yù)覽Markdown文件,，左側(cè)為md文件,，右側(cè)為預(yù)覽結(jié)果。可配合MarkdownEditing一起使用,。

使用

MarkdownLivePreview默認(rèn)關(guān)閉實時預(yù)覽,，既然安裝這個插件了，那肯定是要用的,。打開方式為在Preferences -> Package Settings -> MarkdownLivePreview -> Settings 的設(shè)置的右側(cè)加一條 "markdown_live_preview_on_open": true,,，重啟sublime即可。

為什么不能直接將左側(cè)對應(yīng)的false改為true,，這是因為左側(cè)為默認(rèn)配置,，是不能改的（只讀），右側(cè)的編輯區(qū)才是用戶自定義區(qū),。

效果圖

以下為配合MarkdownEditing的效果：

實際預(yù)覽效果并不理想,很丑,而且不能橫向滾動,也就是說如果一行顯示不過來那你就看不到 了,。偶然也會有些卡,所以其實推薦的是下面這個插件。

3. MarkdownPreview

功能

1. 支持在瀏覽器中預(yù)覽markdown文件
2. 將md文件導(dǎo)出為html代碼

將md文件用瀏覽器預(yù)覽——1.常規(guī)方法

1. 組合鍵 Ctrl+Shift+P 調(diào)出命令面板
2. 輸入mdp找到并選中Markdown Preview： Preview in Browser
3. 出現(xiàn)兩個選項：github和markdown,。任選其一即可,，github是利用GitHub的在線API來解析.md文件，支持在線資源的預(yù)覽,，如在線圖片它的解析速度取決于你的聯(lián)網(wǎng)速度,。該方式據(jù)說一天只能打開60次。markdown就是傳統(tǒng)的本地打開,，不支持在線資源的預(yù)覽,。
4. 默認(rèn)瀏覽器中顯示預(yù)覽結(jié)果

將md文件用瀏覽器預(yù)覽——2.用快捷鍵打開

Sublime Text支持自定義快捷鍵，Markdown Preview默認(rèn)沒有快捷鍵,，我們可以自己為Markdown Preview： Preview in Browser設(shè)置快捷鍵,。
方法是在Preferences -> Key Bindings打開的文件的右側(cè)欄的中括號中添加一行代碼：

{ "keys": ["alt+m"], "command": "markdown_preview", "args": {"target": "browser", "parser":"markdown"}  }

這里：

"alt+m" 可設(shè)置為自己喜歡的按鍵。
"parser": "markdown"也可設(shè)置為"parser":"github",，改為使用Github在線API解析markdown,。

以上兩種方式都有個問題：每次預(yù)覽都要打開一個新的網(wǎng)頁，而且需要手動操作,。有沒有一個方法,，可以打開一個網(wǎng)頁后，之后再也不用管,，讓它實時刷新預(yù)覽呢,？

有，還很簡單,，答案就是MarkdownPreview+LiveReload,！
LiveReload是一個可實時刷新的插件，不僅可用于Markdown,，也可用于HTML等,。

4. （最強）實時自動刷新預(yù)覽：MarkdownPreview + LiveReload

先安裝并配置Markdown Preview

如前Markdown Preview安裝成功后,，設(shè)置前文所述的快捷鍵（如需），打開其配置文件 Preferences -> Package Settings -> Markdown Preview -> Settings,，檢查左側(cè)enable_autoreload條目是否為true,，若是，跳過,。若不是,，右側(cè)欄加一條下面這個后重啟Sublime:

{
    "enable_autoreload": true
}

安裝并配置LiveReload

Ctrl+Shift+p, 輸入 Install Package，輸入LiveReload, 回車安裝
安裝成功后, 再次Ctrl+shift+p, 輸入LiveReload: Enable/disable plug-ins, 回車, 選擇 Simple Reload with delay (400ms)或者Simple Reload,，兩者的區(qū)別僅僅在于后者沒有延遲,。

開始使用

如前面提到的手動或者快捷鍵打開預(yù)覽網(wǎng)頁，之后便再也不用管它,，只要你的sublime保存一次,，網(wǎng)頁那邊就會自動刷新預(yù)覽，美滋滋,。

但是呢,，有個遺留的問題：網(wǎng)頁預(yù)覽不能跟隨你的sublime編輯位置，還需要你滑動頁面,。
在這一點上,，CSDN-Markdown可以說很優(yōu)秀了，本文就是在該編輯器下完成的,。

作者：張淵猛