使用Hexo搭建个人博客过程记录

本文主要记录使用Hexo+Next主题搭建博客，并部署在Github Pages，使之能够通过个人域名访问的全过程。

准备

环境配置

首先需要安装node环境，安装完毕后，在命令行中输入：

1	npm install hexo-cli -g

安装完毕后，进入某个目录，在命令行中输入

1
2
3

hexo init blog
cd blog
npm install

然后安装Next主题：

1	npm install hexo-theme-next

以上命令会将next主题依赖添加到package.json文件中，方便后续在Github CI上部署。

修改Hexo配置文件

此后，修改_config.yml文件，找到theme这一行：

1	theme: next

根据hexo文档中的指导，修改其他的内容。

https://hexo.io/zh-cn/docs/configuration

修改Next配置文件

将配置文件复制到根目录：

1	cp node_modules/hexo-theme-next/_config.yml _config.next.yml

具体设置参考Next文档。

https://theme-next.js.org/docs/theme-settings/

根据文档，添加about, tags, categories页面。

部署到Github

建立Github仓库

在Github中建立一个公开仓库，命名为<name>.github.io。

在Hexo配置文件中，修改最后三行：

deploy:
  type: git
  repository: [email protected]:Bohan-hu/Bohan-hu.github.io.git
  branch: master

建立源代码仓库

在本地刚刚建立的Blog文件夹中，新建.github\workflows\deploy.yml，用于CI自动部署。

name: CI

on:
  push:
    branches:
      - master

env:
  GIT_USER: Bohan-Hu
  GIT_EMAIL: [email protected]
  DEPLOY_REPO: Bohan-hu/Bohan-hu.github.io
  DEPLOY_BRANCH: master

jobs:
  build:
    name: Build on node ${{ matrix.node_version }} and ${{ matrix.os }}
    runs-on: ubuntu-latest
    strategy:
      matrix:
        os: [ubuntu-latest]
        node_version: [12.x]

    steps:
      - name: Checkout
        uses: actions/[email protected]

      - name: Checkout deploy repo
        uses: actions/[email protected]
        with:
          repository: ${{ env.DEPLOY_REPO }}
          ref: ${{ env.DEPLOY_BRANCH }}
          path: .deploy_git

      - name: Use Node.js ${{ matrix.node_version }}
        uses: actions/[email protected]
        with:
          node-version: ${{ matrix.node_version }}

      - name: Configuration environment
        env:
          HEXO_DEPLOY_PRI: ${{secrets.HEXO_DEPLOY_PRI}}
        run: |
          sudo timedatectl set-timezone "Asia/Shanghai"
          mkdir -p ~/.ssh/
          echo "$HEXO_DEPLOY_PRI" > ~/.ssh/id_rsa
          chmod 600 ~/.ssh/id_rsa
          ssh-keyscan github.com >> ~/.ssh/known_hosts
          git config --global user.name $GIT_USER
          git config --global user.email $GIT_EMAIL

      - name: Install dependencies
        run: |
          npm install

      - name: Deploy hexo
        run: |
          npm run deploy