1. 程式人生 > >Sublime + Markdown + Preview

Sublime + Markdown + Preview

Sublime一個文字編輯器,之前一直採用notepad++,可是沒找到特別合適的MarkdownVIewer,然後就sublime了。

安裝準備

  • 找到選單欄:Preferences → Package Control → Package Control:Install Package;
  • 沒有找到Package Control,那麼點選package Control安裝吧,安裝完重啟Sublime。

安裝過程:

需要兩款外掛:Markdown Editing + MarkdownLivePreview;
* 在Package Control → Install Package中輸入兩款外掛的名字,找到相應外掛,點選即可自動完成安裝,安裝完重啟Sublime;
* 簡單設定:Preferences → Package Settings → MarkdownLivePreview → Setting,開啟後將左邊default的設定程式碼複製到右邊User欄,找到”markdown_live_preview_on_open”: false,把false改為true,儲存。
* 使用方法:使用Sublime新建一個檔案,右下角選擇編輯方式為“Markdown”,將其儲存為.md檔案,選擇儲存位置並單擊確定,此時自動彈出Markdown文字編輯框(左)和預覽框(右),然後就開始愉快地編輯吧。

注意
若儲存.md檔案時無法儲存到當前資料夾,可安裝AdvancedNewFile外掛,方法與前面兩款外掛相同,並且進行設定,同樣將default的設定程式碼複製到User,找到”default_root”: “project_folder”,,把project_folder改為current,儲存。

備註: 同樣也可以使用Markdown PreviewOmniMarkupPreviewer
這個兩個是瀏覽器預覽外掛外掛,安裝後需要進行必要的設定
前者Markdown Preview:這個外掛不能實時預覽,但你可以設定快捷鍵讓它在瀏覽器中預覽,在首選項->快捷鍵設定裡新增

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

後者OmniMarkupPreviewer
可以實現在瀏覽器中實時預覽,如果你有雙顯示屏或嫌每次都要按alt+m重新生成html麻煩可以嘗試這個外掛,安裝後在首選項->Package Setting裡修改OmniMarkupPreviewer的setting-user新增

{
    "renderer_options-MarkdownRenderer": {
        "extensions
": ["tables", "fenced_code", "codehilite"] }
}

結束!