折腾博客系列之编辑工具的选择

Hexo是静态博客网站，必须先在本地编辑好md文件再推送到网站上去—md文件也就是所谓的用markdown语法编写内容的文件。“工欲善其事，必先利其器”，因此我们需要一个合适的markdown编辑工具，它必须具备以下特点： 1.可导出md文件到本地，并随时进行修改 2.可提供分屏预览，支持同步滚动和定位 3.启动时响应速度快，编辑时渲染速度快

以下是一些工具在markdown编写方面的优劣比较，可酌情进行选择。 （平台：windows）

印象笔记

印象笔记自带markdown编辑器,如下图：

优点：提供分屏预览，无需直接编写md代码，只需点击按钮即可，操作方便 缺点：无法导出md文件到本地，这是它的致命缺点。

sublime text3

优点：安装插件后可以提供分屏预览 缺点：预览效果极差，超出的文本内容无法自动换行显示，而是直接隐藏。如下图红框部分

Typora

优点：简洁美观 缺点：不提供分屏预览，md代码编辑完成后回车即自动渲染出文本来。（虽然它认为这是优点，很多人习惯的却是分屏）

Atom

优点：提供分屏预览，有较多可拓展插件 缺点：响应速度极慢，编辑时明显感觉卡顿；软件过大，大概100多m；安装插件极其困难，失败率较高

HexoEditor

优点：简洁美观，提供分屏预览，图片插入方便 缺点：需要用npm指令下载安装，和Atom插件安装如出一辙，很容易卡死

Hexo-admin

非工具。Hexo自带的博客后台管理，可以在web ui界面下进行编辑 优点：提供分屏预览 缺点：界面过于简陋，自定义程度较低，本地服务器必须一直开着才能使用

Vscode

这是这么多工具中我觉得体验最好的，本篇博客也是用vscode编写。 优点：提供分屏预览、同步滚动等；较多markdown插件和主题；启动速度快，使用流畅不卡顿，渲染速度很快 缺点：需要自己写md代码，不过鉴于md语法并不复杂，我觉得这个缺点完全可以忽略不计。

最后是博客编写方面的一点小tip： 原生markdown语法并不支持定义字体颜色和大小等样式，但是由于在hexo中，我们编写的md文件最后会生成对应的html文件，所以完全可以在编写的时候使用html语法，浏览器会自动解析并渲染文件中包含的标签等。比如，上面就可以通过将句子放在span标签中，再加上内联样式达到荧光高亮的效果。不止是样式，我们还可以用<br>标签实现换行,让每一段不至于太紧凑。（md中空格是会被合并的，这点和html一样）