谢谢你留下时光匆匆
Github Action 推送项目到 Vercel

最近在做一个小的项目,项目会生成静态网页,并通过Vercel进行部署发布。项目并未采用Vercel监听Github repo的commit变化,自动进行同步的方式,而是利用Github Action,通过Vercel CLI提交到Vercel,这篇笔记记录一下相关配置的细节,以方便后续其它项目部署使用。

Github Action配置

我们使用 amondnet/vercel-action Action来将项目文件同步至Vercel,在Github Action yaml配置文件中添加如下配置

1
2
3
4
5
6
7
8
- uses: amondnet/vercel-action@v20
  with:
  vercel-token: ${{ secrets.VERCEL_TOKEN }}
  github-token: ${{ secrets.GITHUB_TOKEN }}
  vercel-args: '--prod'
  vercel-org-id: ${{ secrets.ORG_ID}}
  vercel-project-id: ${{ secrets.PROJECT_ID}}
  working-directory: ./public

其中working-directory字段需要改成相应推送文件所在的路径

环境变量的配置

在github repo setting中,选择 XXX/secret,依此加入3个环境变量

  • ORG_ID
  • VERCER_TOKEN
  • PROJECT_ID

这三个变量都在Vercel中获取,具体获取方式如下

ORG_ID:在个人Setting页面中找到Vercel ID项,复制即可

ORG_ID
ORG_ID

VERCEL_TOKEN:在个人Setting页面找到Tokens项,创建一个Token后会有一串字符,复制即可

VERCEL_TOKEN
VERCEL_TOKEN

PROJECT_ID:在Project Setting页面中找到General栏下 Project ID项,复制即可

PROJECT_ID
PROJECT_ID

其它批注

  • Vercel创建项目时,如果为了部署静态网站,Template选择Other即可,无需更改其它配置
  • 如果Github repo没有commit更新,一段时间后,Github Action 定时任务会自动暂停掉,需要手动激活