GitHub Actions自动部署

320 阅读1分钟

先进入开发者设置

github.com/settings/to…

image.png 复制生成后的token

去自己GitHub发布的仓库

image.png

打开本地代码,按目录加上这个文件

image.png

# name 可以自定义
name: Deploy GitHub Pages

# 触发条件:在 push 到 main分支后
on:
  push:
    branches:
      - main

# 任务
jobs:
  build-and-deploy:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout
        uses: actions/checkout@v2
        with:
          persist-credentials: false

      # 生成静态文件
      - name: Build
        run: npm install && npm run build

      # 部署到 GitHub Pages
      - name: Deploy
        uses: JamesIves/github-pages-deploy-action@releases/v3
        with:
          ACCESS_TOKEN: ${{ secrets.ACCESS_TOKEN }} # 也就是我们刚才生成的 secret
          BRANCH: page # 部署到 page 分支
          FOLDER: docs/.vitepress/dist # vitepress 生成的静态文件存放的地方