使用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按下回車

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