最方便簡潔的設置Sublime編輯預覽MarkDown

目錄

• 方便簡潔的設置Sublime編輯預覽MarkDown
  • 插件的安裝方法
  • 插件選擇:
  • 預覽方案:
  • 方案一:MarkdownEditing+MarkdownLivePreview
  • 方案二: MarkdownEditing+MarkdownPreview+LiveReload+Auto-save

方便簡潔的設置Sublime編輯預覽MarkDown

Sublime中編輯markdown,安裝一些插件來獲得更好的體驗.
需要安裝一些插件.

插件的安裝方法

1. Ctrl+Shift+P打開控制台,Install Package Control等待安裝成功
2. 再次Ctrl+Shift+P在控制台,Package Control
3. 依次輸入需要安裝的插件的名字, 等待片刻即可安裝成功.

插件選擇:

1.MarkdownEditing
2.MarkdownLivePreview
3.MarkdownPreview
4.Auto-save
5.LiveReload

預覽方案:

• 1+2 [方案一]
  • 直接在sublime中開另一個窗口預覽, 能夠實現同步顯示
    • 優點: 方便簡單
    • 缺點: 式樣簡陋不全有BUG,當使用分割線時,會吃掉分割線以下的內容.

  ---

• 1+3+4+5 [方案二]
  • 使用瀏覽器預覽,通過 [4] 完成瀏覽器讀取, [5] 完成實時保存,同樣可以實時預覽
    • 優點: 美觀大方, 顯示效果出眾
    • 缺點: 插件較多安裝麻煩, 消耗較高.瀏覽器刷新時偶爾閃屏.

---

方案一:MarkdownEditing+MarkdownLivePreview

1.Editing安裝好后, 重新打開.md文件的時候, 就會擁有一個新的界面.
更精確的語法高亮顯示and十分丑的主題
修改設置: > Preferences>>Package Settings>>MarkdownEditing>>GFM Settings - User

配置:

{
    "color_scheme": "Packages/MarkdownEditing/MarkdownEditor-Dark.tmTheme",
    "draw_centered": false,
}

2.LivePreview安裝后
Ctrl+Shift+P打開控制台MarkdownLivePreview: Open Setting
添加快捷鍵Alt+M
替換配置:

{
    "keys": ["alt+m"],
    "command": "open_markdown_preview"
}

重啟之后即可通過快捷鍵預覽所編輯內容.

---

方案二: MarkdownEditing+MarkdownPreview+LiveReload+Auto-save

1.Editing安裝后如同上文配置.
修改設置: > Preferences>>Package Settings>>MarkdownEditing>>GFM Settings-User
配置:

{
    "color_scheme": "Packages/MarkdownEditing/MarkdownEditor-Dark.tmTheme",
    "draw_centered": false,
}

2.MarkdownPreview安裝后配置
修改設置: > Preferences>>Key Blindings
添加內容:

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

完成后,即可通過快捷鍵打開.md文件的瀏覽器預覽頁面.

3.Auto-save安裝后
修改設置: > Preferences>>Package Settings>>LiveReload>>Settings - User
配置:

{
  "auto_save_on_modified": true,
  "auto_save_delay_in_seconds": 1,
  "auto_save_all_files": true,
  "auto_save_current_file": ".md",
  "auto_save_ignore_files": [".txt",".py"],
}

auto_save_delay_in_seconds更改保存頻率.過程中覺得閃的話可以調低一些.
auto_save_ignore_files 忽略文件.如果無需要則可不變
完成后, 即可實時保存文件免卻手動保存.

4.LiveReload安裝后
修改設置: > Preferences>>Package Settings>>LiveReload>>Settings - User
配置:

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

設置后, 每次調用預覽頁面即可自動實時加載, 免卻手動刷新頁面.

四個插件安裝配置完成后, 即可實現通過瀏覽器頁面顯示預覽

至此, 大功告成.
感謝閱讀.