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