Sublime下安裝MarkDown並實現實時預覽
1、安裝前需要注意的一些問題:
- 安裝Sublime:Sublime Text 3
- 安裝Package Control:Package Control
import urllib.request,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaee' + 'ebe013ee18cced0ef93d5f746d80ef60'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)
鍵入Ctrl + ~ 打開控制台,輸入上述命令回車即可安裝。
如果這種方法失敗,可以去官網下載Package Control.sublime-package 並且將它拷貝到 Sublime的安裝包目錄下解壓。
再重啟Sublime查看Preference --> Package Control是否安裝成功。
2、安裝MarkdownEditing和LiveReload
- 按Ctrl + Shift + P,輸入install Packages回車。
- 輸入MarkDown Preview回車,進行安裝。
3、安裝MarkdownPreView + LiveReload
3.1先安裝MarkDownPreview並進行配置
安裝MarkdownPreview的方法跟上面一樣,安裝完成后會彈出一個安裝成功的文本文件。
MarkdownPreview沒有快捷鍵,可以為Markdown Preview: Preview in Browser設置快捷鍵。
方法是在Preferences -> Key Bindings打開的文件的右側欄的中括號中添加一行代碼:
{ "keys": ["alt+m"], "command": "markdown_preview", "args": {"target": "browser", "parser":"markdown"} }
如前Markdown Preview安裝成功后,設置前文所述的快捷鍵(如需),打開其配置文件 Preferences -> Package Settings -> Markdown Preview -> Settings,檢查左側enable_autoreload條目是否為true,若是,跳過。若不是,右側欄加一條下面這個后重啟Sublime:
{
"enable_autoreload": true
}
3.2安裝配置LiveReload實現自動刷新預覽
Ctrl+Shift+p, 輸入 Install Package,輸入LiveReload, 回車安裝
安裝成功后, 再次Ctrl+shift+p, 輸入LiveReload: Enable/disable plug-ins, 回車, 選擇 Simple Reload with delay (400ms)或者Simple Reload,兩者的區別僅僅在於后者沒有延遲。
4、使用
安裝完成后重啟Sublime,新建一個后綴為filename.md的文件,鍵入幾個字后保存,按alt + m(剛設置的快捷鍵)即可彈出一個可以即時瀏覽的網頁!
Enjoy the sunshine today! 😃