Vercel 设置自动部署 GitHub 项目

Vercel 设置自动部署 GitHub 项目

问题背景

最近 Vercel 调整了其部署政策,免费版用户无法继续使用自动部署功能,除非升级到 Pro 计划。但是,我们可以通过配置 Deploy Hooks 来实现同样的自动部署效果。

解决方案

通过设置 Vercel 的 Deploy Hooks 和 GitHub 的 Webhooks,我们可以实现代码推送后自动触发部署,而且无需 Vercel 团队访问权限或修改 git 配置。

步骤一:配置 Vercel Deploy Hooks

  1. 进入你的 Vercel 项目设置页面
  2. 找到 Git → Deploy Hooks 选项
  3. 创建一个新的 Hook(比如命名为 "Auto Deploy")
  4. 复制生成的 Deploy Hook URL

步骤二:配置 GitHub Webhooks

  1. 打开你的 GitHub 仓库设置
  2. 进入 Webhooks → Add webhook
  3. 配置以下信息:
    • Payload URL:粘贴刚才复制的 Vercel Deploy Hook URL
    • Content type:选择 application/json
    • 触发事件:选择 "Just the push event"(仅推送事件)
    • SSL verification:启用
  4. 点击 "Add webhook" 完成添加

完成效果

配置完成后,每次你推送代码到 GitHub 仓库时,都会自动触发 Vercel 的部署流程。这种方式不仅完全免费,而且可以完美替代原有的自动部署功能。

相关推荐
wangruofeng5 小时前
Phosphor Icons 官网源码拆解:URL 即存储、水波动画与 7362 Star 图标库的架构实践
前端·架构·github
wangruofeng5 小时前
AI 画架构图总差点意思,archify 给它加了一条验收流水线
架构·github·aigc
林澈在路上7 小时前
AI翻唱软件哪个好 2026国产AI写歌工具对比推荐
大数据·人工智能·深度学习·github·aigc·音视频·音频
百变梦仔10 小时前
Codex 写前端任务时,我用这张 GitHub Skill 地图先选工具
前端·github
u13013014 小时前
GitHub 热榜项目:日榜(2026-08-29)
github
mooooooooooye16 小时前
SSH 工具越用越乱,Xterminal 先清掉这三类失效连接
运维·ssh·github
x8616 小时前
GitHub 8·17 大故障复盘:7 小时 47 分钟的容量失败与重试风暴教训
github
TunerT_TQ17 小时前
Meta|Flow 源码结构解析:一个大型 JavaScript 静态类型检查项目的工程化实践
meta·开源·github
m4Rk_18 小时前
【论文阅读】Agent 记忆机制(54):MINJA——普通用户如何仅通过查询污染 Agent 的长期记忆
论文阅读·人工智能·学习·开源·github
峰向AI18 小时前
公众号创作 Skill 集合:从定位到排版,终于有流水线了
github