使用Sublime Text作為Markdown編輯器


Sublime Text 3作為一個優秀的文本編輯器,擁有很多的擴展插件。我們可以利用這些插件為Sublime Text 增加擴展的功能,在這里我們借助兩個插件來將Sublime Text 3變成一個 Markdown 的編輯器。

1. 安裝Markdown Editing和Markdown Preview 插件

我們借助 Package Control 來安裝插件(如果Sublime Text 3還沒有安裝Package Control,請參考這里:Package Control Installation)。點擊 Preferences --> 選擇 Package Control: intall,然后再插件庫中分別選擇和安裝Markdown EditingMarkdown Preview即可。然后重啟Sublime Text 3,創建一個以md為后綴的文件,既可以開始編輯Markdown文件了。Markdown Editing 為提供了 Markdown 格式的高亮顯示,如圖:

2. 使用 Markdown Preview 生成 HTML

輸入 Shift + Ctrl + P,輸入 Markdown Preview,可以看到如下選項:

通過給出的選項,我們可以在瀏覽器中預覽生成HTML的效果,也可以保存,或者導出生成的HTML文件。現在我們選擇第一個選項:Preview in Browser ,然后再選擇一個生成HTML的CSS模板,就可以在瀏覽器中看到生成的HTML了。

自定義快捷鍵

如果我們想要直接在瀏覽器中預覽效果的話,可以自定義快捷鍵:點擊 Preferences --> 選擇 Key Bindings User,輸入:

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

保存后,直接輸入快捷鍵:Alt + M 就可以直接在瀏覽器中預覽生成的HTML文件了。

設置語法高亮和mathjax支持

Preferences -> Package Settings -> Markdown Preview -> Setting - User中添加如下參數:

{
    /*
        Enable or not mathjax support.
    */
    "enable_mathjax": true,

    /*
        Enable or not highlight.js support for syntax highlighting.
    */
    "enable_highlight": true,
}

因為Sublime Text 3 開始不能直接修改 Setting - Default 中的設置了,我們需要在對應的 Setting - User選項里面對Default中的默認參數重寫覆蓋即可。

后記

原來使用的是 markdownPad2 這個編輯器也非常好用,不過它只能支持原始的 Markdown 解析,如果是對於 Table 這樣的的擴展語法則需要使用付費的版本;Atom 編輯器也內置了(插件)對 markdown 的支持,不過由於其架構的原因,啟動速度會比較慢,特別是對於硬盤不是SSD的機器來說,所以對於經常使用Sublime 作為主力編輯器(代碼片段),最后還是選擇了使用 Sublime 作為 Markdown的編輯器。

參考&進一步閱讀

http://www.mathjax.org


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM