使用Hexo+GitHub搭建个人博客

Abstract

生命不息,折腾不止。

在探索人生真谛的道路上,总是时不时忘了上次踩了什么坑,所以急需要把坑标注下来,于是开始苦苦寻求记录工具。Apple的备忘录过于简陋,Evernote不利于分享,CSDN支持Markdown,无奈广告辣眼。用了一段时间WordPress,但是阿里服务器快到期了,没钱续费(囧)。
最终决定使用Hexo静态生产博客。

相比于WordPress,GitHub+Hexo的搭配有如下优点:

  1. 无需单独购买服务器。
  2. 源生支持Markdown。
  3. 轻盈简洁,无需数据库。

安装Hexo

什么是Hexo

Hexo是一个快速、简洁且高效的博客框架。Hexo使用Markdown解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

安装前提

在Mac下安装Hexo非常简单,首先确定电脑下已安装如下软件:

如果已安装好,那么接下来就可以安装Hexo了。

1
$ npm install -g hexo-cli

建站

Hexo安装完成后,在合适文件夹如Developer/下执行下列命令

1
2
3
$ hexo init Blog
$ cd Blog
$ npm install

Blog/文件夹目录如下:

1
2
3
4
5
6
7
8
.
├── _config.yml
├── package.json
├── scaffolds
├── source
| ├── _drafts
| └── _posts
└── themes

常用命令

新建一篇文章

1
$ hexo new [layout] <title>

其他常用指令

指令 功能
$ hexo clean 清除缓存文件
$ hexo g(generate) 生成静态文件
$ hexo d(deploy) 部署网站
$ hexo s(server) 启动服务器

使用GitHub

  1. 在GitHub上创建新分支,以username.github.io命名。
  2. Blog/_config.yml下配置,例:
    1
    2
    3
    4
    deploy:
    type: git
    repo: git@github.com:Noah-Zhang/Noah-Zhang.github.io.git
    branch: master

最后部署至GitHub

$ hexo deploy

安利NexT主题


NexT风格简约优雅,是GitHub上star最多的Hexo主题,作者提供了非常完善的配置说明。

下载主题

在Blog/下执行

1
$ git clone https://github.com/iissnan/hexo-theme-next themes/next

启用主题

修改Blog/_config.ymltheme字段

1
theme: next

再重新生成、部署即可。详细内容可查看作者文档

Tips

Mathjax连续插入两个行公式,中间会空行

Mathjax性能优化

使用图床

七牛云存储

相关衔接