Hexo 搭建心得

前几天看到有一个博客用的是hexo搭建, 简洁中又蕴含动画的美感; 正好个人博客的计划一拖再拖, 今天就来搭建了一个hexo.

基础的部署

  1. 安装hexo-cli

    hexo-cli是一个hexo的command line tool, 用它可以方便的初始化hexo网站, 并且提供自动渲染和服务器的功能.

    1
    2
    npm install -g hexo-cli
    hexo init <blog-name>
  2. 安装插件

    hexo最主要的优势就是数量巨大的插件, 从渲染到管理部署应有尽有. 我自己只安装了

    • hexo-admin 在线管理hexo上的内容;
    • hexo-math marked好像原生不支持mathjax;
    • hexo-generator-feed 用来生成rss/atom用以订阅.
      1
      2
      cd <blog-name>
      npm install hexo-admin hexo-math hexo-generator-feed --save
  3. 配置
    hexo的所有配置都在_config.yml里, 不用到处去寻找各个插件的配置.

    • hexo本身的配置介绍在官网上很详尽不再赘述: Hexo Configuration.
    • hexo-admin 的配置主要有username, password_hashsecret, 其中password_hash是md5的哈希值;
    • hexo-generator-feed要配置一下feed.type(atom/rss2), feed.pathfeed.limit.
      这样hexo的配置就完成了, 当然如果你有安装自己的主题的话主题还会有配置要求, 这可以在各自的网站上找到, 比如我使用的hueman.
  4. 启动

    • 只要执行 hexo server , 就可以启动hexo自带的server了, 默认监听 http://0.0.0.0:4000 , 我用nginx反向代理到了80端口.
    • 同时执行 hexo generate 会自动生成静态页面, 加快访问速度, hexo generate -w 则会监听文件变动自动生成。

后日谈

hexo虽然很方便, 但是还有很多不足的:

  • 都这个年代了原生还不支持mathjax;
  • hexo-admin 有着大量的bug, 比如 hexo-math 插件不会渲染, 还有编辑页面的 height 和渲染页面不同, markdown的高亮很有问题等等(不过真的有完美的markdown解释器么);
  • hexo并没有什么好的方法作为daemon运行, 我也暂时没有尝试出来forever的方法, 不过感觉node系的app都有这样的问题也不怪这一家.

Even more

这破主题 -_ 弄混了调试了半天= =所以还是camelCase大法好啊

什么时候有空了加上disqus吧(总觉得是flag)

[update 10.17 11:20PM]

  • 被疯狂吐槽后立即追加了disqus功能;
  • 简单地写了一下About Me;
  • 发现CloudFlare自带SSL, 于是就加上了, 然后惊讶地发现theme里自带的fonts cdn居然是没有https支持的不能忍(貌似还是360的). 最近听闻google部分服务解封, 怒换fonts.googleapis.com.
  • 顺手修了一些theme里的bugs, 把字体换成了Open Sans顺眼多了.
  • TODO: Product Sans好像不错, 什么时候去试试看.
Share