基本概念
GitHub Actions 有一些自己的术语。
workflow (工作流程):持续集成一次运行的过程,就是一个 workflow。
job (任务):一个 workflow 由一个或多个 jobs 构成,含义是一次持续集成的运行,可以完成多个任务。
step(步骤):每个 job 由多个 step 构成,一步步完成。
action (动作):每个 step 可以依次执行一个或多个命令(action)。
具体可以前往 阮一峰的这篇 GitHub Actions 入门教程 了解一二
编写 workflow 文件
- 点击仓库的 Actions 按钮
- 点击 Set up a workflow yourself 按钮
- 复制如下内容
- name: GitHub Actions Build and Deploy
shell
# 触发条件: push 到 master 分支后
on:
push:
branches:
- master
# 设置上海时区
env:
TZ: Asia/Shanghai
# 任务
jobs:
build-and-deploy:
# 服务器环境:最新版 ubuntu
runs-on: ubuntu-latest
steps:
# 拉取代码
- name: Checkout
uses: actions/checkout@v2
with:
persist-credentials: false
# 打包静态文件
- name: Build
#你也可以使用yarn
run: npm install && npm run build
# 部署
- name: Deploy
# 引用别人写好的步骤,uses 后面是库名
uses: jenkey2011/vuepress-deploy@master
env:
# GitHub 密钥
ACCESS_TOKEN: ${{ secrets.ACCESS_TOKEN }}
# 静态文件所在目录
FOLDER: dist
# 你所要推送的仓库
TARGET_REPO: taozuidesongshu/LonelyCityHallucination
# 推送的分支
TARGET_BRANCH: gh-pages
# 要推送的,打包后的文件目录
BUILD_DIR: docs/.vuepress/dist
使用Github Action
自动构建、部署vuepress应用到Github Pages,自由设置仓库、分支