使用github搭建静态博客(hexo)

Why

之前我一直在使用wordpress(下称 wp),就在前些日子,我爱上了 markdown,但在 wp 上又没找到完美一点兼容 markdown 的插件。慢慢地,越来越觉得 wp 很臃肿,最终,我选择了放弃它了。现在,我选择了一个基于 node.js 的小萝莉hexo


静态博客

hexo 相对于 wp,最大的区别就是它是一个静态博客。静态博客有什么特点?

  • 不用配置服务器
  • 不用数据库
  • 访问速度相当快
  • 没有安全性可言
  • 使用户可更注重博客内容
  • 支持 markdown

然而,现在我们还是使用github pages来搭建,意味着什么?就是免费。娃哈哈。当然,七牛等一系列云产品也是可以搭建的。

以上说的都是有点,至于缺点呢。缺点就不说那么多了,总得来说就是麻烦一些。

静态博客也有很多,例如github pages 推荐使用的jekyll

而 hexo 相对而言还是轻巧一些的,生成文章的速度也较快(静态博客生成页面时都是要整站生成,所以,页面越多,速度就越慢)。


开始 hexo

首先本地得装上了node.jsgit 和hexo

吓?这么火爆的 nodejs 和最流行的版本控制器 git 都不知道? 没关系,经过这次,多少也会了解到一点点点,也可自行谷歌看看去。

安装 git:git

安装 nodejs:node.js 官网

hexo:hexo 官网

hexo 使用 npm 安装,Quick Start 说得很清楚,我这里就不复制黏贴了。

Install —> Setup —> Generate —> 启动 Server

默认监听4000端口,现在,打开浏览器,输入 localhost:4000 就可以看到一个漂亮的博客出现在你眼前啦,耶~~~。

hexo的使用可参详官网的文档。


部署到 github

首先,配置文件_config.yml

1
2
3
4
5
deploy:
  type: github
  repository: git@github.com: 你的帐号 / 你的帐号.github.com.git
  例如我的:repository: git@github.com:zhongbaitu/zhongbaitu.github.com.git
  branch: master

然后执行命令:

1
2
3
hexo clean
hexo generate
hexo deploy

此时,在博客的根目录下会生成一个文件夹:.deploy

现在,到github新建一个项目,项目名为:你的用户名.github.io必须为这个名字

然后我们把这个文件夹里面的文件都push到刚才新建那个项目就 OK 了。几分钟过后,就可以打开你的用户名.github.io看到你的博客了。


绑定个性域名

在项目的根目录,新建名为CNAME的文件,内容为:你的域名,例如我的就是:hackeris.me

再到把你的域名指向你的用户名.github.io,几分钟过后,就可以看到成功的诞生了。


我的博客

hackeris.me