sublime3實現markdown在chrome中實時預覽，解決livereload無效問題。

需要插件

• 語法高亮 Markdown Editing
• 實時預覽（使用瀏覽器預覽） Markdown Preview
• 熱加載 LiveReload
• chrome 瀏覽器擴展 LiveReload

使用方法

解決liveReload無效問題：chrome安裝liveReload擴展後直接跳到第3步配置sublime和chrome中的liveReload。

1. sublime和chrome分別安裝上述對應插件和擴展，這裏不再贅述。
2. Markdown Preview配置

   1. 使用快捷鍵打開瀏覽器預覽。
      在Preferences -> Key Bindings打開的文件中的右邊部分添加

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

      其中alt+m可以改成自己想要的快捷鍵、"parser":"markdown"中的markdown可以修改爲github。

      github是利用GitHub的在線API來解析.md文件，支持在線資源的預覽，如在線圖片它的解析速度取決於你的聯網速度。該方式據說一天只能打開60次。markdown就是傳統的本地打開，不支持在線資源的預覽。

   2. 開啓實時預覽
      打開其配置文件Preferences -> Package Settings -> Markdown Preview -> Settings，檢查左側enable_autoreload條目是否爲true，若是，跳過。若不是，右側欄加一條下面這個後重啓Sublime:

      {
      "enable_autoreload": true
      }
      

3. sublime中LiveReload配置
   1. 打開 ctrl + shift + p，輸入 LiveReload: Enable/disable plug-ins，選擇 Enable: Simple Reload。
   2. 打開preferences->packge settings ->livereload->settings-user，修改爲如下

      {
          "enabled_plugins": [
              "SimpleReloadPlugin",
              "SimpleRefresh"
          ]
      }
      

4. sublime配置MarkdownEditing樣式
   preferences->packge settings ->Markdown Editing->Markdown GFM settings - user

   {
   	"color_scheme": "Packages/MarkdownEditing/MarkdownEditor-Dark.tmTheme",//黑色主題
   
   	// Layout
   	"draw_centered": false,//文字居左
   	"word_wrap": true,
   	"wrap_width": 120,//每行最大文字量
   	"rulers": []
   }
   

5. 配置chrome擴展
   1. 擴展管理中允許該擴展訪問文件地址。
   2. 打開頁面後點擊擴展圖標，使圖標中心圓點爲實心。