前言
Sublime Test 3是一款強(qiáng)大的代碼編輯器，支持多種編程語(yǔ)言。其擁有漂亮的用戶(hù)界面和強(qiáng)大的插件擴(kuò)展功能。最近想用Markdown標(biāo)記語(yǔ)言練習(xí)下寫(xiě)blog，Sublime Text也支持Markdown標(biāo)記語(yǔ)言，遂用之。工欲善其事,必先利其器。為了更加高效舒服地寫(xiě)Markdown，我們需要安裝兩個(gè)插件：MarkdownEditing和OmniMarkupPreviewer。MarkdownEditing擁有實(shí)用的Markdown編輯功能、強(qiáng)大的語(yǔ)法高亮效果和優(yōu)雅的主題。OmniMarkupPreviewer是一款將Markdown等標(biāo)記語(yǔ)言渲染為HTML并在瀏覽器上實(shí)時(shí)預(yù)覽的插件。
準(zhǔn)備工作：安裝Package Control（可選）
MarkdownEditing和OmniMarkupPreviewer這兩款插件都可以方便地在Package Control中搜索下載并安裝。具體過(guò)程，這篇文章已經(jīng)介紹的很清楚了，在此不再贅述。詳情可參考Sublime Text 3安裝Package Control插件
通過(guò)使用Package Control安裝成功后就可以忽略下文中MarkdownEditing和OmniMarkupPreviewer的安裝內(nèi)容。如果在使用Package Control出現(xiàn)以下問(wèn)題，或者不想安裝Package Control插件，也可跳過(guò)此步驟，但在安裝MarkdownEditing和OmniMarkupPreviewer插件時(shí)就需要參考下文的安裝過(guò)程。
Package Control
There are no packages available for installation
Please see https://packagecontrol.io/docs/troubleshooting for help
MarkdownEditing插件
安裝
-
MarkdownEditing源文件下載
下載地址：https://github.com/SublimeText-Markdown/MarkdownEditing
-
點(diǎn)擊右上角的Clone or download按鈕，然后選擇Download ZIP
將下載的ZIP文件解壓，并重命名為
MarkdownEditing-
在菜單欄中點(diǎn)擊
Preferences > Browe Packages...，打開(kāi)一個(gè)文件夾，復(fù)制剛才的Package Control文件至此目錄下。
-
重啟Sublime Text，插件生效
顯示效果
使用tips
推薦閱讀一下README，里面有詳細(xì)的使用說(shuō)明。其中內(nèi)容也是用Markdown書(shū)寫(xiě)的，結(jié)合下面將要介紹的OmniMarkupPreviewer插件閱讀效果更佳。
-
我常用的快捷鍵(更多的快捷鍵請(qǐng)參閱README)
- Ctrl+Win+V（macOS下為Command+Option+V） 利用粘貼板的鏈接內(nèi)容創(chuàng)建鏈接
<center></center><kbd></kbd>等標(biāo)簽有些渲染器并不能識(shí)別（如簡(jiǎn)書(shū)），慎用。-
GFM格式：GFM即GitHub Flavored Markdown，是Markdown標(biāo)記語(yǔ)言中的一個(gè)分支。Markdown 有多個(gè)實(shí)現(xiàn), Github, 以及國(guó)內(nèi)很多社區(qū)都是使用 GFM包括 Python China, Ruby China,SegmentFault 都用了 GFM 語(yǔ)法。有 Node 模塊 marked 支持 GFM 的渲染。可以識(shí)別代碼塊中各種編程語(yǔ)言的關(guān)鍵字并高亮顯示。
效果
GFM切換方法：點(diǎn)擊Sublime Text右下角的
Markdown,然后按圖所示操作。
OmniMarkupPreviewer插件
安裝
源文件下載地址：https://github.com/timonwong/OmniMarkupPreviewer
安裝過(guò)程與MarkdownEditing插件安裝過(guò)程類(lèi)似，不再贅述。ZIP文件解壓后重命名為OmniMarkupPreviewer。
效果：
使用tips
-
快捷鍵
Ctrl+Alt+O（macOS下為Command+Option+K）在瀏覽器中實(shí)時(shí)預(yù)覽
-
可以實(shí)現(xiàn)多設(shè)備共同實(shí)時(shí)預(yù)覽渲染效果，如果你有iPad等設(shè)備就可以實(shí)現(xiàn)在電腦上編輯，在iPad上預(yù)覽效果，真心好用。
操作方法：
-
如圖所示進(jìn)行操作
-
在命令提示符中輸入
ipconfig找到你的電腦的本地IP地址
將在第一步中打開(kāi)的配置文件中的
"server_host": "127.0.0.1",改為你電腦的IP地址。再用本機(jī)打開(kāi)渲染后的頁(yè)面，記錄網(wǎng)頁(yè)地址。將你的其他設(shè)備連入同一WiFi網(wǎng)絡(luò)，打開(kāi)剛才記錄的網(wǎng)址即可訪問(wèn)。如果彈出防火墻提示，請(qǐng)選擇允許訪問(wèn)專(zhuān)用網(wǎng)絡(luò)。
-
更加深入的探索可參考這篇文章
書(shū)寫(xiě)Markdown
Markdown的書(shū)寫(xiě)教程網(wǎng)上多如牛毛，可自行搜索。
要輸入* ` 等具有特殊含義的字符時(shí)可以使用
\進(jìn)行轉(zhuǎn)義使用列表時(shí)注意縮進(jìn)，否則編號(hào)可能會(huì)錯(cuò)亂。
-
用Markdown書(shū)寫(xiě)文章圖片的插入是比較麻煩的，需要借助圖床來(lái)實(shí)現(xiàn)，在國(guó)內(nèi)我覺(jué)得用微博作為圖床就很方便。而且已經(jīng)有大神做了一個(gè)Chrome插件，可以更加非常快速地創(chuàng)建圖片鏈接。
安裝地址：Chrome Web Store
源碼：GitHub地址
