使用Github搭建静态博客(Hexo)

634 查看

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

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

然后,配置文件_config.yml

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

然后执行命令:

hexo clean
hexo generate
hexo deploy

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

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


绑定个性域名

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

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


我的博客

hackeris.me