使用Sublime Text 3進行Markdown編輯+實時預覽

使用Sublime Text 3進行Markdown編輯+實時預覽

安裝軟件包管理器

打開Sublime Text 3
同時按下 ctrl+` ,窗口底部出現一個小控制檯
複製如下代碼,粘貼到控制檯的編輯欄裏:

import urllib.request,os;
pf = 'Package Control.sublime-package';
ipp = sublime.installed_packages_path();
urllib.request.install_opener( urllib.request.build_opener( urllib.request.roxyHandler()) );
open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

等待操做完成,關閉並從新打開Sublime Text 3

安裝插件

按下ctrl+shift+P打開快速菜單,鍵入pcip,回車,等待數據更新,完成後會顯示軟件列表
在裏面輸入如下軟件名稱並回車進行安裝:

• Markdown Editing
• Markdown Previe
• auto-save
• LiveReload

刪除插件,Ctrl+Shift+P調出命令面板,輸入remove,調出Remove Package選項並回車,選擇要刪除的插件便可,更新插件,upgrade packages

啓用liveReload

按快捷鍵Ctrl + Shift + P,輸入LiveReload: Enable/disable plug-ins.
並選擇Enable: Simple Reload with delay (400ms).
耐心等待操做完成,以後關閉並從新打開Sublime Text 3

修改Markdown Preview的配置文件

將enable_autoreload設爲true
打開Preferences – Package Settings – Markdown Preview – Setting User,添加

"enable_autoreload": true,

實現實時預覽功能

咱們使用Markdown Preview插件來打開瀏覽器進行預覽:
按下ctrl+shift+P打開快速菜單，鍵入"mp"

實現瀏覽器自動刷新

自動刷新只需在md文件最下面加入一行：

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

實現md文檔到html文件的自動更新

打開auto-save的默認設置和用戶設置文件:
Preference->Package Settings->Auto-save->打開Settings-Defualt和Settings-User
將Default的內容複製粘貼到User裏面，而後修改等待時長:

"auto_save_delay_in_seconds": 0.15,

打開當前文檔的自動保存功能

按下ctrl+shift+P打開快速菜單，鍵入"auto"
選擇到current file only按下回車