静态博客框架之Hexo & Jekyll

作者: 一只老辣鸡 | 来源:发表于2016-03-28 13:14 被阅读17048次
    图片来自网络

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

    第一阶段,刚接触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支持本地预览
    

    相关文章

      网友评论

      • Chars:hexo有语法问题,可能某些文章会导致语法错误。还是jekyll大法好
      • leach_chen:看了下hexo的主题,Jekyll主题更多,而且主题页面可直接预览,可直接链接到源码git界面,主题也更好看,我最近根据几个主题在改造一个
        https://leach-chen.github.io/
        一只老辣鸡:@leach_chen 这个风格还是挺不错的,除了侧边菜单我个人觉得很粗糙,但是很赞啦:+1:
      • 又大又甜的桂圆:问下怎么与editor.md结合渲染网页啊,因为editor.md支持流程图、上传图片等功能
        一只老辣鸡:@又大又甜的桂圆 修改博客框架的源码咯
      • 那年菩提树下:我看文章标题上面的时间是 2016 年吧, 但是那个时候 jekyll 肯定是支持预览的, 我再 2014年就已经在使用了 http://www.ifmicro.com/static-website-by-jekyll/
        姑且不论具体时间, 我看了下面有人在评论中指出了这个问题, 你也已经回答啦说自己写的时候并不支持, 那为什么不更新文章呢? 希望你更新一下,没得初入坑的同学被误导
        一只老辣鸡:@那年菩提树下 谷歌和百度的差别还是挺大的,特别是有关coding方面的~
        一只老辣鸡:嗯嗯,多谢提醒,已去掉这个错误的描述。之后会抽出时间及时更新
        那年菩提树下:谷歌和百度搜索排名挺高的, 初入坑的同学很容易被误导, 建议更新一下
      • 一只特立独行的猪95:没用过hexo,不过jekyll的优点我还是很喜欢的,一是搭建完成以后就不用再管其他的了,只需要用markdown把文章写好以后直接git push就可以,还是很方便的;另外还有很多jekyll主题可以下载,总有一款适合你。
      • 宁静世界:博主,我想请问一下如何把这个应用到自己的网站
        一只老辣鸡:@木清先生 可以的啊虽然是本身是静态的,但是我们可以加入任何自定义的widget,如果牛逼的话,可以修改他的渲染过程等等。如果只是简单搭建博客的话,上官网查阅教程就足够了。
      • robchou:2. Jekyll没有本地服务器,无法实现本地博文预览功能,需要上传到WEB容器中才能预览功能,而Hexo可以通过简单的命令实现本地的预览,并直接发布到WEB容器中实现同步。
        ----------------------------------------------------------------------------------------------------------------------
        其实是有的
        一只老辣鸡:@robchou 哈哈 以前没深入了解过
      • Sacowiw:Jekyll可以实现本地预览的啊
        一只老辣鸡:@Sacowiw 阿偶 写的那时候好像还没有 或者是我没了解到:sweat:
      • 名家论天下:🐕🐕🐕
      • 食梦兽:👍
        一只老辣鸡: @世界是我的床 谢谢😊

      本文标题:静态博客框架之Hexo & Jekyll

      本文链接:https://www.haomeiwen.com/subject/pdyjlttx.html