1. 程式人生 > >Sublime Text 3 使用MarkDown編寫帶預覽的文字

Sublime Text 3 使用MarkDown編寫帶預覽的文字

看到別人使用一個叫Markdown的標記語言來完成編碼,心裡就有點小激動,畢竟簡短的幾個符號,就可以寫出如此精美的介面,實在是讓人感到心曠神怡啊。於是我就在網上搜索了一些相關項的設定,於是便有了下面的文章。
我的Markdown 初體驗學習筆記

首先是安裝Sublime Text

無論是2還是3,都是支援markdown標記語言的,所以我們不必為選擇那個版本而糾結。
下載完成之後一般來說我們都要先配置一下。
(那個go to anything 的很簡單,在這裡就不再敘述了。)

然後是安裝需要的包

為了達成我們的目標,我們通常來說會安裝下面的一些package。

  • package control install
  • markdown editting
  • markdown preview

具體的步驟是,按住ctrl + shift + P 來調出一個彈出的輸入框
然後輸入package control install。等待左下角的緩衝結束,
接著再向彈出的輸入框中分別輸入markdown editingmarkdown preview .這樣就完成了我們需要的包的安裝了,重啟之後即可使用。

額外的配置

其實到上面已經是完成了我們今天的任務了,但是作為一名追(zhi)求(shi)省(tai)事(lan)的程式猿。我們還需要做的更加的方便才行啊。本人一般來說喜歡在瀏覽器中進行預覽的實現。
於是,我們就需要在Sublime的配置中進行自定義的配置了。

在瀏覽器中進行預覽的步驟如下:

  • preference--> key binding user 中輸入
[
    {"keys": ["alt+m"], "command": "markdown_preview", "args": { "target": "browser"}}
]

  • 然後是設定語法高亮和mathjax支援
{
    "font_size": 13,
    "ignored_packages":
    [
        "Vintage"
    ],

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

大功告成了

現在,開啟你的Sublime Text,編輯一個.md檔案吧。
哦,對了。這個檔案需要符合markdown的規範,這樣才能較好的進行顯示。
然後按住alt + m ,預覽你編輯的檔案吧。