Hexo博客优化之内容编辑

---

前言

之前介绍了Hexo博客平台的搭建，这次我们来看看博客内容怎么编辑。Hexo要求博客必须用Github风格的Markdown语言进行编辑，因此我们就需要了解文字、图片、公式等内容的编辑和排版方式。其中，图片的存储需要利用云服务器的对象存储服务或者图床，下面会具体介绍。

1. Markdown编辑器

既然Markdown是一门语言，那么与之对应的就有很多种编辑器，不仅如此，Markdown的语法在不同的编辑器或者平台（简书、CSDN、Github)还有所不同，既有规则的不同，还有功能的不同，不过大体的语法是相同的。据说Mac上的Markdown编辑器很不错，不过现在我们只介绍Windows上的。由于Hexo需要Github风格的Markdown语法，所以我们最好不用各类博客平台上的在线Markdown编辑器，而是采用支持Github风格Markdown语法的Markdown离线编辑器。

1.1 Atom

Atom是由Github开发的一款文字与代码编辑器，可以用Git进行版本控制。既然是Github开发的，那么就少不了开源社区众多的支持，所以其支持的语言很丰富，功能也很强大，基本上每个小功能都有一堆的插件供你下载安装，具有极强的定制性,这个比较适合喜欢折腾的人…

可以看到，Atom就像一个自带版本库的IDE，支持各种语言，对于所需要的包（主题、语言支持、实时预览等功能）都可以直接在界面中选择安装，非常的方便，不过由于我写博客主要是在Windows上，所以暂时不想这么折腾，以后只用Linux的时候可以考虑用这个，各种包下下来，估计有差不多1个G了，毕竟不是主要面向的Markdown。

1.2 Typora

Typora是一款免费的Markdown编辑器,支持Windows,OS X和Linux，单就Markdown来说，不逊色于Atom。另外Typora能够实时将Mardown语法转换为渲染后的画面显示，注意，不是并排显示，而是直接替换原有的Markdown部分。其还支持图片直接拖入，自动生成Markdown语句，word方式生成表格、插入图片、latex公式编辑、代码块高亮、自动显示和插入目录、主题选择等，可谓相当强大了。

主题背景很爽，略逊色于Atom的背景，不过相当简洁了，很照顾我这类选择困难症患者。

1.3 MarkdownPad2

MarkdownPad2是Windows平台曾经最优秀的Markdown编辑器了，其部分免费，如果要使用Github风格Markdown语法或者其他高级功能，则需要收费，当然。。。也有破解码：

Email:Soar360@live.com
License:GBPduHjWfJU1mZqcPM3BikjYKF6xKhlKIys3i1MU2eJHqWGImDHzWdD6xhMNLGVpbP2M5SN6bnxn2kSE8qHqNY5QaaRxmO3YSMHxlv2EYpjdwLcPwfeTG7kUdnhKE0vVy4RidP6Y2wZ0q74f47fzsZo45JE2hfQBFi2O9Jldjp1mW8HUpTtLA2a5/sQytXJUQl/QKO0jUQY4pa5CCx20sV1ClOTZtAGngSOJtIOFXK599sBr5aIEFyH0K7H4BoNMiiDMnxt1rD8Vb/ikJdhGMMQr0R4B+L3nWU97eaVPTRKfWGDE8/eAgKzpGwrQQoDh+nzX1xoVQ8NAuH+s4UcSeQ==

然后在工具-选项中设置自己的偏好：

其优点在于，既能够并排实时预览，还能够在网页中查看效果：

看上去很不错的样子，不过其自身不具有图片居中、公式编辑、流程图绘制等功能的，要想使用需要结合html语法和添加样式表等方式扩展，不过这种方式实时预览效果会不大好。

PS：Windows上使用MardownPad2的时候，实时预览功能一般不能使用，所以需要下载依赖Awesomium 1.6.6 SDK。

1.4 HexoEditor

HexoEditor，顾名思义，是开源社区贡献者自主开发的一个针对Hexo的博客编辑器，支持自动创建post，也支持图片的云端上传功能，对于公式编辑、表格、流程图等也都支持，不过目前我试用的体验一般，有很多Bug，而且安装方式不适合不懂电脑的用户：

暂时不推荐使用，不过待其成熟还是可以试试的。

综上呢，我在Windows上使用的Markdown编辑器是Typora~

2. Markdown语法