静态博客框架之Hexo & Jekyll

96
作者 翘着二郎腿打代码
2016.03.28 13:14* 字数 1071

图片来自网络

经常在网上看到这么一段话,发现挺有道理的:

第一阶段,刚接触Blog,觉得很新鲜,试着选择一个免费空间来写。
第二阶段,发现免费空间限制太多,就自己购买域名和空间,搭建独立博客。
第三阶段,觉得独立博客的管理太麻烦,最好在保留控制权的前提下,让别人来管,自己只负责写文章。

之所以接触到Hexo以及Jekyll框架是因为之前一直有在写些博客,比如通过 Github Pages直接写的HTML静态博客(点击这里浏览我之前写过的一个博客),但这种博客维护起来相当麻烦,有如下一些问题:

  1. 维护繁杂,加一篇日志链接往往需要改动很多HTML页面中的链接。
  2. 设计困难,非前端设计人员的通病,往往在界面设计以及效果实现上浪费很多时间。
  3. 不支持MD语法,写一篇博客相当于写一个HTML页面,相当累人。

选择Hexo还是Jekyll

于是开始接触比较流行的一些静态博客框架,比较流行的有Jekyll,Hexo,Simple,Octopress,Pelican以及Lo·gecho等等。这些静态程序可以说都有各自的好处,但最后我选择了Hexo来搭建自己的博客,和Jekyll相比,选择Hexo主要原因是:

  1. Jeky基于Ruby实现,安装Jeky需要搭建Ruby环境,在Windows搭建Ruby环境并不是被推荐的,而 Hexo基于NodeJs实现,在Windows上安装NodeJs开发环境简单。
    2. Jekyll没有本地服务器,无法实现本地博文预览功能,需要上传到WEB容器中才能预览功能,而Hexo可以通过简单的命令实现本地的预览,并直接发布到WEB容器中实现同步。(此观点有误,Jekyll支持本地预览)
  2. 比较直接的另一个原因是在网上查找了很多博客的主题,发现Jekyll官网提供的主题都不怎么好看(可能是个人原因),而Hexo的主题看的比较顺眼。
  3. 两者都支持Markdown语法,这点我非常喜欢。

Hexo博客开发过程

就这样我在Windows环境下选择了Hexo来开发自己的个人博客,Hexo是一个很不错的静态博客程序,可以基于原生的主题高度优化自己的博客。选择Hexo后,折腾了两天,从环境搭建到部署以及域名绑定等全部搞好了,所以说对于一个普通的程序员,使用Hexo或者Jekyll开发博客是不具有难度的。

Hexo博客的开发与部署流程

接下来简单阐述一下一个之前从未接触过Hexo的折腾党是如何在两天内搭建并部署的:

  1. NodeJs环境搭建,其实只要下载并安装NodeJs就OK了。
  2. Hexo环境搭建,其实只需要在Git Bash或者Power shell使用npm进行安装即可。
  3. 使用自己喜欢的Hexo主题,可以从官网下,或者其他地方。
  4. 配置Hexo,这里不详细介绍了,有兴趣的可以从网上搜索或者直接看我此分类下的博文。
  5. 部署到Gihub上。
  6. 注册并绑定自己的域名。

当然,在这个过程中也碰到过许多的小问题,稍后会将其总结出来并发布。
也欢迎大家访问本人使用Hexo搭建起来的博客: 也欢迎大家访问我使用Hexo搭建起来的个人博客: Hummingman

最后,由于工作时间关系,没能抽出较为闲暇的时间来更新最新的错误之处,对此非常抱歉,同时也非常感谢各位父老乡亲对文章中的错误指出提出之争意见。

更新日志
2017-06-18 17:10:33  【更正】Jekyll支持本地预览
Hexo