Sublime Text3 Markdown 編輯 + 實時預覽

下面由sublime使用教程欄目給大家介紹如何用 sublime 編輯 markdown,并在瀏覽器中實時預覽,希望對需要的朋友有所幫助!

Sublime Text3 Markdown 編輯 + 實時預覽

說明

本文講的是如何用 Sublime 編輯 markdown,并在 瀏覽器 中實時預覽。

如果你想要的是在 Sublime 中實時預覽,這邊文章可能并不是很適用。

先來一張效果圖:

Sublime Text3 Markdown 編輯 + 實時預覽

需要的插件

● Markdown Editting

主要用來做 Markdown 編輯時的語法高亮,視覺效果更好

●?Markdown Preview

用來在瀏覽器中預覽效果

●?LiveReload

熱加載

設置步驟

1、安裝 Package Control(如果已安裝,請忽略此步驟)

1)打開控制臺

使用 ctrl + 或者View -> show console` 打開控制臺。

2)復制下面代碼到 console 中(或者去 官網(wǎng) 復制)

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)

2、安裝插件

1)ctrl + shift + p 選擇 Package Control: Install Packge

Sublime Text3 Markdown 編輯 + 實時預覽

2)在插件列表中,選擇搜索 markdown preview

Sublime Text3 Markdown 編輯 + 實時預覽

3)重復上面兩步分別安裝 Markdown Editting 和 LiveReload

3、修改配置項

1)將 Markdown Preview 的 enable_autoreload 設置為 true

打開 Preferences – Package Settings – Markdown Preview – Setting,在 user 設置中添加:

{ ????"enable_autoreload":?true, }

2)啟用 LiveReload

打開 ctrl + shift + p,輸入 LiveReload: Enable/disable plug-ins,選擇 Enable: Simple Reload。

4、設置預覽快捷鍵

選擇 Preferences — Key Bindings-User,將下面的內容添加進去:

{?"keys":?["alt+m"],?"command":?"markdown_preview",?"args":?{"target":?"browser",?"parser":"markdown"}?}

? 版權聲明
THE END
喜歡就支持一下吧
點贊6 分享