Sublime Text3 的 Markdown 实时预览全面总结

1. 温习：插件安装方式，后面会反复用到
   组合键Ctrl+Shift+P 调出命令面板
   输入Package Control: Install Package，回车
   在搜索框中输入要安装的包名（一个一个，不能同时安多个）
   静待几秒即可安装成功
   插件介绍
   介绍几个Markdown类的常用插件：

插件 功能
MarkdownEditing 一个提高Sublime中Markdown编辑特性的插件
MarkdownPreview Markdown转HTML，提供在浏览器中的预览功能
MarkdownLivePreview 提供在编辑框中实时预览的功能
LiveReload 一个提供md/html等文档的实时刷新预览的的插件

2. MarkdownEditing
   顾名思义，Markdown编辑器，是Markdown写作者必备的插件，不仅可以高亮显示Markdown语法还支持很多编程语言的语法高亮显示。
   特别注意：MarkdownEditing只针对 md\mdown\mmd\txt 格式文件才启用。

特性
MarkdownEditing 从视觉和便捷性上针对 Markdown 文档的编辑进行了一系列的优化。如：

颜色方案仿 Byword及iA writer
自动匹配星号（*）、下划线（_）及反引号（`）
选中文本按下以上符号能自动在所选文本前后添加配对的符号
方便粗体、斜体和代码框的输入
效果图：

3. MarkdownPreview
   功能: 支持在浏览器中预览markdown文件, 将md文件导出为html代码, 将md文件用浏览器预览

# 3.1 常规方法
# 1) 组合键 Ctrl+Shift+P 调出命令面板
# 2) 输入mdp找到并选中Markdown Preview： Preview in Browser
# 3) 出现两个选项：github和markdown, 任选其一即可
# github是利用 GitHub 的在线API来解析.md文件，支持在线资源的预览，如在线图片它的解析速度取决于你的联网速度。该方式据说一天只能打开60次。
# markdown就是传统的本地打开，不支持在线资源的预览, 默认浏览器中显示预览结果

# 3.2 用快捷键打开
# Sublime Text支持自定义快捷键，Markdown Preview 默认没有快捷键
# 我们可以自己为 Markdown Preview： Preview in Browser 设置快捷键
# 在 Preferences -> Key Bindings 打开的文件的右侧栏的中括号中添加一行代码：
{ "keys": ["control+m"], "command": "markdown_preview", "args": {"target": "browser", "parser":"markdown"}  }

# control+m 可设置为自己喜欢的按键
# parser: markdown 也可设置为 parser: github，改为使用 Github 在线API 解析 markdown

# 实时刷新预览 MarkdownPreview+LiveReload！ 
# LiveReload是一个可实时刷新的插件，不仅可用于Markdown，也可用于HTML等。

4. 实时自动刷新预览：MarkdownPreview + LiveReload

4.1 先安装并配置 Markdown Preview
4.2 打开其配置文件 Preferences -> Package Settings -> Markdown Preview -> Settings，检查左侧 enable_autoreload 条目是否为true，若是，跳过。若不是，右侧栏加一条下面这个后，重启Sublime

{
    "enable_autoreload": true
}

4.3 安装并配置 LiveReload
(1) Ctrl+Shift+p, 输入 Install Package，输入LiveReload, 回车安装
(2) preferences->package-Settings->LiveReload->Settings -User 配置，使用以下配置:

{
    "enabled_plugins": [
        "SimpleReload"
    ]
}

# 手动启用
# Ctrl+shift+p, 输入LiveReload: Enable/disable plug-ins, 回车
# 选择 Simple Reload with delay (400ms)或者Simple Reload，两者的区别仅仅在于后者没有延迟

(3) preferences->package-Settings->Markdown Editing->Markdown GFM Settings -User 配置，使用以下配置:

{
  "extensions":
  [
    "md"
  ],

  "color_scheme": "Packages/MarkdownEditing/MarkdownEditor-Dark.tmTheme",

  "line_padding_top": 4,
  "line_padding_bottom": 4,

  "tab_size": 4,
  "translate_tabs_to_spaces": true,

  "draw_centered": false,
  "word_wrap": true,
  "wrap_width": 120,
  "rulers": []
}

开始使用, 通过前面提到的手动或者快捷键打开预览网页，之后便再也不用管它，只要你的sublime保存一次，网页那边就会自动刷新预览

遗留的问题：网页预览不能跟随你的sublime编辑位置，还需要你滑动页面