使用Hexo在GitHub上搭建博客

发表于
字数统计 416 | 阅读时长 1

越来越多的人利用GitHub Pages创建静态网站。这样有很多好处，比如你不再需要维护自己的VPS,也不需要配置Nginx服务器，更不必担心域名何时续费等等。对于一个不需要那么多”动态”业务的博客来说，GitHub提供给我们的已经足够了。

GitHub原生支持Jekll。Jekyll是一个用来生成静态网页的工具,跟Hexo类似。本文介绍如何使用Hexo在GitHub上搭建博客。

安装hexo

1
npm install hexo-cli -g

创建本地环境

假设我们新建一个叫做blog的本地文件夹，在blog下安装依赖。安装完成后启动hexo-server。可以在本地看到一个类Hello world的页面。

1
2
3
4
hexo init blog
cd blog
npm install
hexo server

创建GitHub仓库

GitHub中有一个特殊的仓库，叫username.github.io。Github Pages会默认使用这个仓库。如果在这个库里有一个index.html。那么访问http://username.github.io就会看到这个静态页面。

此步骤可以创建一个空的仓库：username.github.io。

本地生成静态文件

由上一步我们知道，我们需要一个index.html的静态文件。在本地我们可以由hexo生成。

1
hexo generate

此过程会将hexo的主题包括css和js，以及你本地的博客文件编译成静态文件。

部署到GitHub

安装`hexo-deployer-git”。

1
npm install hexo-deployer-git --save

修改_config.yml。将刚才创建的空得仓库信息填写到下面。messges可以删除。

1
2
3
4
5
deploy:
  type: git
  repo: <repository url>
  branch: [branch]
  message: [message]

然后hexo deploy。查看username.github.io，会看到和本地server一样的结果。