Github Actions 结合 Github Pages实现静态网页的自动化编译和发布

Github Actions，这里笔者的初步感受就是提供了一个虚拟环境，编译到发布阶段各阶段的辅助工具，创建一个workflow就可以完成提交代码到编译发布的全过程，解决的就是发布需要人工参与的问题。

预备知识

https://docs.github.com/en/actions/quickstart：阅读 Quickstart 文档了解 Github Actions 的基本信息，学会如何创建一个 Github Actions 配置文件并对其进行更新。
https://docs.github.com/en/pages/quickstart：阅读 Quickstart 文档了解 Github Pages 的基本信息，学会如何配置Github Pages信息（自定义域名）。

开启Github Actions

这里我已经准备好了一个仓库https://github.com/HanSanCoder/Resume（演示）

注意这是开启Actions 配置文件读和写的功能，一般这是只开启了读的功能。如果不修改你写的 Actions 配置文件是不被允许保持的！！

Settins > Actions > General

创建配置文件.yml

配置信息可以如下

name: Deploy Resume to GitHub Pages

on:
  push:
    branches:
      - master

jobs:
  build-and-deploy:
    runs-on: ubuntu-latest
    
    strategy:
      matrix:
        node-version: [20.x]
        
    steps:
    - name: Checkout code
      uses: actions/checkout@v2

    - name: Setup Node.js and Yarn
      uses: actions/setup-node@v3
      with:
        node-version: ${{ matrix.node-version }}
        cache: 'yarn'

    - name: Install dependencies
      run: yarn install

    - name: Build project
      run: yarn build

    - name: Deploy to GitHub Pages
      uses: peaceiris/actions-gh-pages@v3
      with:
        github_token: ${{ secrets.GITHUB_TOKEN }}
        publish_dir: ./dist
        user_name: hehansan
        user_email: hehansan@gintama.love

实现功能：提交代码到仓库的时候触发workflow,将项目编译运行并发布到github pages。