每次寫完文章還要打指令生成網站，麻煩死了！讓 GitHub Actions 幫你自動部署，寫完文章直角上傳就好了！

在開始之前請先建立好部落格，並且將整個檔案的資料夾上傳到 Github 的用戶名/用戶名.github.iorepository 記住不是裡面的public子資料夾，是整個資料夾喔

要解決的問題

平常我們寫完一篇文章，要先打指令生成靜態網站（生成在public資料夾裡面），再把它上傳到 Github 上面。除了過程十分的麻煩以外，因為網站資料是儲存在你自己的電腦裡面，所以假設你更變工作環境（比如說在手機上）你就沒辦法進行編輯。

既然每次生成網站的指令都是一樣的，不如我們來建立一個 GitHub Actions 來讓它自動部署吧

設定 Github

設定 Access Token

首先我們要先建立一個 Repository 的 Access Token。這是一把鑰匙，我們要把鑰匙給 GitHub Actions 的程式它才可以部署我們的網站

請先到Settings/Developer Settings下的Personal access tokens生成一組Access Token。建議 scope 直接選 repo 的所有權限。

添加 Secrets

因為我們的 GitHub Actions 程式碼是公開的，但是我們不想要讓其他人看到剛才的那組 Access Token，所以我們要建立一組 Secret。當我們在程式說要「那個東西」的時候，他就會知道要來這裡找這組密碼。

請到Settings/Secrets新增一組 Secrets，我這邊叫做 ACCESS_TOKEN，之後在腳本上會用到。

新增 Workflow

依序點擊 Action，New，set up a workflow yourself，並貼上以下程式。名稱可以自己取，貼上完之後點擊 Start Commit。

程式意思是當 main 分支有 push 操作時（就是你上傳或更變檔案），會生成靜態網頁。剛才不是說會生成在public這個資料夾，我們把它推送到 gh-pages 這個分支（當然你也可以自己取名）

                1name: create
2
3on:
push:
  branches:
    - main  # 當main分支有push操作時
7
8jobs:
deploy:
  runs-on: ubuntu-latest
  steps:
    - uses: actions/checkout@v3
      with:
        submodules: true  # 找尋Hugo主題(true OR recursive)
        fetch-depth: 0    # Fetch all history for .GitInfo and .Lastmod
16
    - name: Setup Hugo
      uses: peaceiris/actions-hugo@v2
      with:
        hugo-version: '0.89.4' # hugo 版本
        extended: true
22
    - name: Build
      run: hugo --minify
25
    - name: Deploy
      uses: peaceiris/actions-gh-pages@v3
      with:
        github_token: ${{ secrets.HUGO_DEPLOY_TOKEN }}
        PUBLISH_BRANCH: gh-pages  # 推送到 gh-pages 分支
        PUBLISH_DIR: ./public     # hugo 生成的目錄
        commit_message: ${{github.event.head_commit.message }}
            