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 的部署流程。这种方式不仅完全免费,而且可以完美替代原有的自动部署功能。

相关推荐
程序员天天困18 小时前
Loop Engineering 实战:/goal 命令让 AI 自己写完整项目
github
徐小夕18 小时前
我们开源了一款“框架无关”的思维导图编辑器,3分钟集成到任意系统
前端·javascript·github
小爷毛毛_卓寿杰18 小时前
我把 397B 的「Agentic 大脑」塞进了 Xinference,一键部署 Nex-N2
人工智能·架构·github
小爷毛毛_卓寿杰20 小时前
我把一个 3B 模型塞进了 Xinference,然后它干掉了 DeepSeek V3.2
人工智能·开源·github
凌奕20 小时前
别用文档约束你的 Agent:聊聊 Agent 开发流程的思想
llm·github·agent
HelloGitHub1 天前
《HelloGitHub》第 123 期
开源·github
逛逛GitHub2 天前
这个 GitHub 有意思啊,Claude Code + Obsidian = 知识库王炸。
github
ZaferLiu2 天前
当Agent需要动手干活:Tool还是MCP?
github
鹏毓网络科技4 天前
Cursor Rules 文件配置实战:3 个隐藏参数让我每月少写 40% 样板代码
前端·github
嘻嘻仙人5 天前
Ubuntu中 git上传自己的项目和二次上传一般流程
git·github