Vite 部屬到 Github Actions 小記

最近研究如何發布或定期執行程式，所以就找了一下並整理。

免費限制

作业执行时间 - 工作流程中的每个作业最多可以运行 6 个小时。如果作业达到此限制，该作业将会终止而无法完成。

工作流程运行时间 - 每个工作流程的运行时限为 72 小时。如果工作流程运行时间达到此限制，其运行将被取消。

教學

參考:
https://tzuhui.github.io/2020/12/11/Vue/Vue-deploy-github-actions/

https://milkmidi.medium.com/%E6%B7%B1%E5%85%A5%E4%BD%86%E4%B8%8D%E6%B7%BA%E5%87%BA-%E5%A6%82%E4%BD%95%E7%94%A8-github-actions-%E8%87%AA%E5%8B%95%E7%99%BC%E4%BD%88-gh-pages-8183464dfe84

設定 Github Token 給 Github Actions 用

專案設定

勾選圖片選項

此token 產生之後無法看到，記得先存起來。

設定 secret

設定完無法再看到之前設定值，滿特別的東西。

前湍 Vite 設定

調整 vite.confing.js

base: ‘/vite-test-publish-githubpage/‘,

專案目錄需要設定

.github/workflows/main.yml

# This is a basic workflow to help you get started with Actions
name: deploy

# Controls when the action will run. 
on:
  # Triggers the workflow on push or pull request events but only for the main branch
  push:
    branches:
      - master
  pull_request:
    branches:
      - master
  schedule:
    # * is a special character in YAML so you have to quote this string
    - cron:  '0,15,30,45 12,13 * * *'


  # Allows you to run this workflow manually from the Actions tab
  workflow_dispatch:

# A workflow run is made up of one or more jobs that can run sequentially or in parallel
jobs:
  # This workflow contains a single job called "build"
  build:
    # The type of runner that the job will run on
    runs-on: ubuntu-latest

    # Steps represent a sequence of tasks that will be executed as part of the job
    steps:
      # Checks-out your repository under $GITHUB_WORKSPACE, so your job can access it
      - uses: actions/checkout@v2
      
      - name: Install & Build # 執行指令
        run: |
          npm install
          npm run build 
          
      # Runs a single command using the runners shell
      - name: Deploy
        uses: JamesIves/github-pages-deploy-action@4.1.4
        with:
          # ACCESS_TOKEN: ${{ secrets.ACCESS_TOKEN }} # Settings > Secret 建立的 ACCESS_TOKEN，推同個 repo 的話可以不需要
          branch: gh-pages # deploy 到 gh-pages 這個分支
          folder: dist # build 後的資料夾

有看到文章說.github/workflows/會執行當下目錄下 yaml 檔案。

排程設定

# Controls when the action will run. 
on:
  # Triggers the workflow on push or pull request events but only for the main branch
  push:
    branches:
      - master
  pull_request:
    branches:
      - master
  schedule:
    # * is a special character in YAML so you have to quote this string
    - cron:  '0,15,30,45 12,13 * * *'

https://skeptric.com/github-action-cron/

timezone 時區要注意，不是用台灣時間，UTC+0時間。排成也不會馬上啟動，好像大多數排隊消化其他人排成，後續才會輪到，甚至排到兩次可能會取消，請看下面例子。

例如:cron: '0,15,30,45 9 * * *'。
下面都是台灣時間
0 =>
15 => 17:17
30 => 17:39
45 => 17:51

這邊看到 0分時候沒有啟動，原因是 Github Actions 還沒排到，所以15分又啟動排成就不會執行。

actions-status-discord 通知

- uses: sarisia/actions-status-discord@v1
  if: always()
  with:
    webhook: ${{ secrets.DISCORD_WEBHOOK }}
    title: "deploy"
    description: "Build and deploy to GitHub Pages"
    username: GitHub Actions

Raspberry PI 架 Drone

How to set up Drone CI on Raspberry Pi (and why you shouldn’t) | Alex Hyett

程式狂想筆記