使用 Hexo 和 GitHub Pages 搭建博客

Hexo 是一个快速、简洁且高效的博客框架，GitHub Pages 是面向用户、组织和项目开放的公共静态页面搭建托管服务，站点可以被免费托管在 Github 上。

步骤被分为三步：

1. 创建 GitHub Pages 仓库。
2. 用 Hexo 生成博客。
3. 发布到 GitHub Pages。

创建 GitHub Pages

只要你有 GitHub 账号就可以创建 GitHub Pages，其实就是创建一个仓库名为 yourusername.github.io 的仓库。

image.png

我的 GitHub 账号为 bebalance ，所以仓库名为 bebalance.github.io，创建好之后，即生成了一个 url 为 https://bebalance.github.io/ 的站点，以下都以这个账户名为例。

用 Hexo 搭建博客

• 安装

npm install hexo-cli -g

• 建站

hexo init <folder>
cd <folder>
npm install

• 启动服务器

▶ hexo server
INFO  Start processing
INFO  Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

默认情况下，访问网址为： http://localhost:4000/ ，到这一步就可以看到生成的默认主题的博客啦~

发布到 GitHub Pages

• 生成静态文件

上一步启动服务器之后，就放着别动了，新开一个 Terminal 窗口，重新切换到项目目录，并执行以下命令。

cd <folder>
hexo generate

- 该命令可以简写为 `hexo g`

• 配置部署参数

open _config.yml

打开配置文件 _config.yml ，编辑如下：

deploy:
 type: git
 repo: https://github.com/bebalance/bebalance.github.io.git
 branch: master

需要注意的是： _config.yml 文件格式特别的严谨！ 少了一个空格或者多一个空格都不是错的，所以这个文件请不要随便减少空格，或者多加空格。
deploy后面的每一行都要缩进一个空格，属性名冒号后面也需要留一个空格。 (简书的代码格式竟然不显示缩进。。。)

• 安装部署插件

npm install hexo-deployer-git --save

• 部署

hexo deploy

• 该命令可以简写为 hexo d

访问 https://bebalance.github.io/ 就可以看到已经将你本地配置好的博客发布到 GitHub Pages 上去啦~
后面你就可以着手给博客制作主题，发布文章等一系列操作了~