Sublime下MarkDown插件實現編輯和實時預覽並轉換成HTML格式


最近在使用markdown做筆記,編輯器Sublime Text3用起來很輕巧,現在讓他支持markdown的語法並且可以實時預覽。

安裝准備——安裝Package Control

Package Control是一個開源的用於插件管理的插件,在為Sublime安裝其他插件之前,需要安裝它。它有兩種安裝方式Simple和Manual。此處我們選擇simple方式來安裝。

從菜單 View - Show Console 或者 ctrl + ~ 快捷鍵,調出 console。將以下 Python 代碼粘貼進去並 enter 執行,不出意外即完成安裝。以下提供 ST3 和 ST2 的安裝代碼:

  • Sublime Text 3:

    import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; 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)
  • Sublime Text 2:

    import urllib2,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')

    按下enter之后可以看見編輯器最下面有提示正在安裝,安裝成功后會彈出一個README的文檔。

此時我們調出Command Paletter(Ctrl+Shift+P),輸入pci會有以下幾個選項

選擇install package,enter后會加載repository中的插件。

搜索需要的插件按enter,等待幾分鍾,插件就安裝好了。

安裝MarkdownEditing

MarkdownEditing提供markdown編輯的基本輔助提示,也有自己的一套配色方案。安裝此插件可以方便markdown的書寫。打開Command Paletter,按照上述方法安裝即可。

安裝Markdown Preview或OmniMarkupPreviewer

這兩個插件是用來預覽markdown文檔的。此處推薦OmniMarkupPreviewer,這個打開一次就可以實時預覽自己編輯的內容(快捷鍵ctrl+alt+o)。
安裝完OmniMarkupPreviewer后,默認是不支持mathjax公式的,需要支持,請修改配置文件,在user中增加以下配置即可。

  { "mathjax_enabled": true } 

安裝完這兩個插件之后,就可以利用sublime來寫markdown文檔的。

接下來推薦幾個增強型的插件

Monokai Extended & Markdown Extended

提供一套Monokai的markdown主題,比原來的美觀。

將Mardown GFM Settings-Default中的內容復制到Mardown GFM Settings-User中,然后在Mardown GFM Settings-User中修改如下:

 

Table Editor

用於編輯表格的工具。

 

開掛!實現瀏覽器自動刷新

對於瀏覽器而言,我們讓它自動刷新只需在md文件最下面加入一行:

<meta http-equiv="refresh" content="0.1">

將寫好的MarkDown文件轉換成帶目錄的HTML文件

npm install -g i5ting_toc //在npm命令窗口全局下載i5ting_toc
i5ting_toc -f 文件名.md //在md文檔路徑下開啟npm命令窗口,輸入命令,就可以轉換了




免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM