2021-05-12 14:32:11
Sublime3下兩款Markdown外掛
最近升級到了 Sublime 3 ,於是又涉及到重新安裝我喜歡的外掛。作為Markdown 的重度使用者自然關於Markdown的外掛是必不可少的 (選擇在簡書中寫文章其中一個很重要的原因是因為簡書的MarkDown寫作環境很舒服)。 在這裡記錄分享一下我常用的兩款Markdown外掛。
MarkdownEditing是Markdown寫作者必備的外掛,它可以不僅可以高亮顯示Markdown語法還支援很多程式語言的語法高亮顯示。
OmniMarkupPreviewer用來預覽markdown 編輯的效果,同樣支援渲染程式碼高亮的樣式。
安裝外掛
安裝外掛之前,我們需要首先安裝一個Sublime 中最不可缺少的外掛 Package Control, 以後我們安裝和管理外掛都需要這個外掛的幫助。
安裝"Package Control"
使用快捷鍵 ** " ctrl + `" **開啟Sublime的控制台 ,或者選擇 View > Show Console 。
在控制台的命令列輸入框,把下面一段程式碼貼上進去,回車 就可以完成Pacakge Control 的安裝了。
import urllib.request,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a3098092775ccb37ca9d6b2e4b7d'; 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)
安裝MarkdownEditing
Package Control 安裝成功後我們就可以使用它方便的管理外掛了,首先使用快捷鍵 'command + shift + p ' 進入到Sublime 命令面板,輸入 "package install" 從列表中選擇 "install Package" 然後回車。這時候Sublime開始請求遠端外掛倉庫的索引,所以第一次使用可能會有一些小的延時。
看到列表的更新之後輸入 "markdown ed" 關鍵字,選擇“MarkdownEditing" 回車。 外掛安裝完畢後需要重新啟動Sublime外掛才能生效。下面是我使用sublime編輯程式碼片斷的顯示效果。
除了高亮顯示語法,MarkdownEditing 還提供了一些快捷鍵用於快速插入markdown 標記,下面是我常用的兩個(更多的快捷鍵請參閱其官方文件)。
- command + option + k 插入連結
- command + shift + k 插入圖片
比起快捷鍵我更喜歡MarkdownEditing為我們增加的幾個"code snippet"
輸入 "mdi + tab" 會自動插入下面的圖片標記
![Alt text](/path/to/img.jpg "Optional title")
輸入 "mdl + tab" 會自動生成下面的連結標記
[](link)
安裝OmniMarkupPreviewer
完成了基本的編輯需要,接下來檢視Markdown的渲染效果或者輸出html格式,OmniMarkupPreviewer就會派上用場了,我們同樣需要借助Pacakge Control來安裝這個外掛。鍵入 "command + shift + p" 進入sublime的命令介面,輸入 "package ins" 然後回車 ,鍵入 "ominmarkup" 選擇OmniMarkupPreviewer , 回車。
外掛安裝成功後我們就可以使用快捷鍵對編輯的markdown原始檔進行預覽了。下面是幾個常用快捷鍵.
- Command +Option +O: 在瀏覽器中預覽
- Command+Option+X: 匯出HTML
- Ctrl+Alt+C: HTML標記拷貝至剪貼簿
下面是同樣的程式碼markdown程式碼在瀏覽器中預覽後的效果.
配備了以上兩個外掛後在sublime中使用markdown完全滿足日常需要了,享受markdown寫作給你帶來的樂趣吧.
相關文章