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一样)