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

2019-11-08 00:11:11 浏览数 (1)

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

0 人点赞