Blog

github action deploy hugo blog

December 2, 2021
Blog
Deploy

why #

为了将视线保持在文章上，减少构建和发布的时间占用。

what #

github action是GitHub推出的持续集成/持续部署工具，只需要在项目中添加workflow.yml配置文件，在其中配置好任务、工作、步骤等，即可在指定动作发生时自动触发编排好的动作。换言之，如果我们在我们的博客仓库里配置了自动将内容打包和发布的workflow.yml，那我们就可以把精力集中在文章的编写，然后轻轻地提交推送，即可完成博客地打包和发布，very easy and smooth。

how #

在github准备一个blog仓库，用于存放原始信息；再准备一个github page仓库，用于存放打包数据。

其中github page仓库已开启page，可以通过github page设置的域名访问。

我的blog仓库

我的github page仓库

workflow #

这是我结合网络各位英豪所总结出来的一个workflow.yml配置文件

name: blog # 做什么都好，别忘了先起个平凡（kuxuan）的名字

on: # 指定触发动作
  push: # 动作是：git push
    branches:
      - main # 指定分支： main

jobs:
  build-deploy:
    runs-on: ubuntu-latest # 基于ubuntu
    steps:
    - uses: actions/checkout@v2 # 切换分支：git checkout
      with:
        submodules: recursive  # Fetch Hugo themes (true OR recursive)
        fetch-depth: 0    # Fetch all history for .GitInfo and .Lastmod

    - name: Setup Hugo # 博客所用的打包和部署工具
      uses: peaceiris/actions-hugo@v2
      with:
        hugo-version: latest

    - name: Build # 打包
      run: hugo --minify --baseURL=https://donnol.github.io # 指定base url，确保构建出来的内容里的超链接都在它里面

    - name: Deploy # 部署
      uses: peaceiris/actions-gh-pages@v3
      with:
        deploy_key: ${{ secrets.ACTIONS_DEPLOY_KEY }} # 这个key非常关键，一言两语很难讲清楚
        external_repository: donnol/donnol.github.io # 我的github page所在的仓库
        PUBLISH_BRANCH: main
        PUBLISH_DIR: ./public # 将本仓库的public目录下的内容提交到github page仓库
        commit_message: ${{ github.event.head_commit.message }} # 提交信息

以铜为镜，可以正衣冠；以人为镜，可以明得失； 以史为镜，可以知兴替。

...