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文件里，这种是不会丢失图片的最保险的办法，缺点就是转码后可能很长以及有些格式图片可能不支持，这是图片转码教程