Sublime Text 3下安裝MarkDown並實時預覽


Sublime下安裝MarkDown並實現實時預覽

1、安裝前需要注意的一些問題:

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! 😃


免責聲明!

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



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