Sublime配置markdown環境

主博客裏有Sublime的安裝以及Sublime其他環境配置

5. Sublime配置markdown環境

5.1 安裝Markdown相關插件

使用package control安裝如下插件，package control的安裝方法見主博客，快捷鍵Ctrl+Shift+P調出命令面板，找到 Install Package 選項並回車，稍微等待幾秒，然後在出現的列表中搜索想要安裝的插件回車即可，安裝完成後會彈出“Package Control Messages”的文件。

插件	功能
MarkdownEditing	一個提高Sublime中Markdown編輯特性的插件
MarkdownPreview	Markdown轉HTML，提供在瀏覽器中的預覽功能
MarkdownLivePreview	提供在編輯框中實時預覽的功能
LiveReload	一個提供md/html等文檔的實時刷新預覽的的插件

1.MarkdownEditing插件，這是編輯用的插件，特別注意MarkdownEditing只針對 md\mdown\mmd\txt 格式文件才啓用。
2.安裝MarkdownPreview插件，這是提供在瀏覽器中的預覽功能的插件

3.安裝LiveReload插件 ，運行一次打開網頁預覽後，每次修改.md文件後保存即可實時自動刷新網頁預覽。
Preferences > Package Settings > LiveReload > Settings User，在user的配置文件中加入如下設置並保存：

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

如果按之前博客裏說的這麼寫的話會報錯（雖然不影響運行和刷新效果）

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

5.2 設置MarkdownPreview + LiveReload實時刷新網頁預覽

Sublime Text3 的 Markdown 實時預覽全面總結
.md文件用瀏覽器預覽的方法：
1.常規Ctrl+Shift+P方法
組合鍵 Ctrl+Shift+P 調出命令面板，找到並選中Markdown Preview： Preview in Browser
出現兩個選項：github和markdown，任選其一即可。github是利用GitHub的在線API來解析.md文件，支持在線資源的預覽，如在線圖片它的解析速度取決於你的聯網速度。該方式據說一天只能打開60次。markdown選項就是傳統的本地打開在默認瀏覽器中顯示預覽結果，不支持在線資源的預覽。
2.自定義快捷鍵打開（這也是設置快捷鍵的通用方法）
Sublime Text支持自定義快捷鍵，Markdown Preview默認沒有快捷鍵，我們可以自己爲Markdown Preview： Preview in Browser設置快捷鍵。
方法是在Preferences -> Key Bindings打開的文件的右側欄的中括號中添加一行代碼：

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

其中"alt+m" 可設置爲自己喜歡的按鍵，"parser": "markdown"也可設置爲"parser":"github"，改爲使用Github在線API解析markdown，看自己需求設置

以上兩種方式本質是同一種方法，每次預覽都要打開一個新的網頁才能看到修改的效果，我們希望它能自動刷新網頁預覽。

接下來配置LiveReload，LiveReload是一個可實時刷新的插件，不僅可用於Markdown，也可用於HTML等。Ctrl+shift+p找到LiveReload: Enable/disable plug-ins,然後回車, 選擇 Simple Reload with delay (400ms)或者Simple Reload，兩者的區別僅僅在於後者沒有延遲。

以上配置完MarkdownPreview + LiveReload後只要運行一次.md打開了網頁預覽，每次編輯.md文檔保存後網頁預覽就會實時自動更新，但是小缺點就是不能跟隨sublime編輯位置下移，還是需要自己上下滑動頁面的。

5.3 配置MarkdownLivePreview

真的不太好用還是不要裝了，雖然分屏實時預覽，但是容易閃退等等問題_(:з」∠)_，但是下面的主題修改還是可以看一下的，默認的.md文檔的編輯頁面太醜了
MarkdownLivePreview插件可以安裝也可以不安裝，它有比較多的隱藏坑，效果也不是特別好的樣子，但還是介紹一下這個插件，他主要是可以在sublime裏面分兩欄預覽效果。

我這邊遇到了幾個問題，安裝完後，下面步驟1的Preferences -> Package Settings裏就沒有MarkdownLivePreview這個選項（但是確實主題變成灰白灰白的所以應該是安裝成功了，卸載重裝一次後還是沒這個選項就很迷），然後根據步驟2修改了主題後沒有任何變化（卸載重裝後主題設置奏效了），很迷，所以先介紹一下卸載辦法，Ctrl+shift+p然後輸入remove找到MarkdownLivePreview回車。

1.設置默認打開右側預覽框
MarkdownLivePreview默認是關閉實時預覽，即默認是不會分兩欄左側編輯框右側預覽框，默認只有編輯框，所以要設置一下
Preferences -> Package Settings -> MarkdownLivePreview -> Settings 打開設置，在右側加一條 "markdown_live_preview_on_open": true,然後重啓sublime
這裏不能直接將左側對應的false改爲true是因爲左側爲默認配置，是不能改的（只讀），右側的編輯區纔是用戶自定義區，其他插件的setting文件也是這個原理。
最後我是Ctrl + Shift + P這麼打開settings的，但是加了這行代碼並不會在打開.md的時候默認打開預覽，所以很雞肋（


還是要在上面選 open preview 打開預覽

2.修改打開.md和.txt不好看的主題
首先安裝MarkdownLivePreview插件，暗轉完後會發現打開.md和.txt文件主題都和默認不一樣主要有：

• 主題爲醜醜的灰白色
• 左側有大量空白去不掉，雖然放大會消失
• 行號不見了
  

解決方法：Sublime3 Markdown 去除左側空白+更改主題
進入 Preferences -> Package Settings -> Markdown Editting -> Markdow GFM Settings - Default & Markdow GFM Settings - User ，將 Markdow GFM Settings - Default 中的內容拷貝至 Markdow GFM Settings - User 並保存，然後修改如下內容：

1. 修改主題：
修改 “color_scheme”: 所在行爲你喜歡的主題，筆者sublime默認主題爲Monokai，這裏修改如下，那個默認灰白色的主題就是第一個。

//"color_scheme": "Packages/MarkdownEditing/MarkdownEditor.tmTheme",
// "color_scheme": "Packages/MarkdownEditing/MarkdownEditor-Dark.tmTheme",
// "color_scheme": "Packages/MarkdownEditing/MarkdownEditor-Yellow.tmTheme",
    "color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme",

2. 去除空白：

// Layout
"draw_centered": false,  //決定兩側是否留白，默認爲true，修改爲false去除左側空白
"word_wrap": true,
"wrap_width": 120, //決定每行最大字數，這裏設定爲120
"rulers": [],

3. 顯示行號：

// Line
"line_numbers": true, //顯示行號，默認爲false
"highlight_line": false,
"line_padding_top": 2,
"line_padding_bottom": 2,

4. 修改Markdown關聯文件：
如果不想讓markdown關聯txt可以註釋掉下面的"txt"，但注意要把上一行的逗號也刪掉，不然會發生語法錯誤。

"extensions":
[
    "md",
    "mdown"
    //"txt"
],

5.4 關於插入圖片的問題

暫時沒有找到什麼好的解決辦法
解決Sublime Text寫markdown無法直接粘貼圖片的問題這篇博客直接自己寫了一個自定義python插件，但是自定義插件的配置也比較麻煩，最後如何使用暫時還沒研究出來
暫時採用了url的方式，寫相對路徑來插入圖片 ![文件名](url) ，其中url使用相對路徑，即 ./ 是同級， ../ 是上一級，但url的方式可以放項目文件夾裏本地圖片也可以放一個網址（專門建立了網上圖片庫）
還有一種方式是把圖片轉碼直接壓在.md文件裏，這種是不會丟失圖片的最保險的辦法，缺點就是轉碼後可能很長以及有些格式圖片可能不支持，這是圖片轉碼教程