1. 程式人生 > 實用技巧 >sublime - markdown安裝及設定

sublime - markdown安裝及設定

1. MarkdownEditing

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

2. MarkdownPreview

功能

  1. 支援在瀏覽器中預覽markdown檔案
  2. 將md檔案匯出為html程式碼

將md檔案用瀏覽器預覽——1.常規方法

  1. 組合鍵 Ctrl+Shift+P 調出命令面板
  2. 輸入mdp找到並選中Markdown Preview: Preview in Browser
  3. 出現兩個選項:github和markdown。任選其一即可,github是利用GitHub的線上API來解析.md檔案,支援線上資源的預覽,如線上圖片它的解析速度取決於你的聯網速度。該方式據說一天只能開啟60次。markdown就是傳統的本地開啟,不支援線上資源的預覽。
  4. 預設瀏覽器中顯示預覽結果

將md檔案用瀏覽器預覽——2.用快捷鍵開啟

Sublime Text支援自定義快捷鍵,Markdown Preview預設沒有快捷鍵,我們可以自己為Markdown Preview: Preview in Browser設定快捷鍵。
方法是在Preferences -> Key Bindings開啟的檔案的右側欄的中括號中新增一行程式碼:

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

這裡:

"alt+m" 可設定為自己喜歡的按鍵。 
"parser": "markdown"也可設定為"parser":"github",改為使用Github線上API解析markdown。

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

{
    "enable_autoreload": true
    /* Sets the supported filetypes for auto-reload on save */
    "markdown_filetypes": [".md", ".markdown", ".mdown",".txt"],
}

3. LiveReload

安裝並配置LiveReload

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

只要你的sublime儲存一次,網頁那邊就會自動重新整理預覽,美滋滋。