让AI帮我部署网站

最新推荐文章于 2026-06-15 20:19:01 发布

原创最新推荐文章于 2026-06-15 20:19:01 发布 · 237 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#AI编程

转型AI工程师专栏收录该内容

3 篇文章

订阅专栏

1. 可以免费部署的平台

EdgeOne Makers：这是腾讯云的全球 CDN 加速 + 网站托管平台，国内访问速度很快，目前提供了免费额度，个人项目基本够用。（注：原名为 EdgeOne Pages）
Vercel：是 Next.js 框架官方推荐的部署平台，海外生态最成熟，几乎是前端开发者的标配
Netlify：是一个老牌的前端托管平台，内置了表单处理、身份验证等开箱即用的功能，免费额度也挺大方
Cloudflare Pages：背靠全球最大的 CDN 厂商 Cloudflare，全球访问速度快，而且免费额度夯爆了，每天 10 万次请求都不收费

这些平台都支持从 GitHub 仓库导入项目并一键部署，也都提供了 Skills 或 MCP 来让 AI 编程工具自动完成部署操作。而且不只能部署纯静态页面，Next.js、Nuxt、Astro 这些全栈框架的网站也能直接丢上去，支持 SSR 服务端渲染。

2. AI+Vercel自动部署网站

2.1 关于Vercel

它是目前海外最主流的网站部署平台，你把代码丢给它，它能帮你构建、托管、CDN 加速，还自动配好 HTTPS，完全不需要自己搭建服务器。而且跟 GitHub 深度集成，之后每次推送代码都会自动重新部署，非常省心。

为了让 AI 编程工具能帮我们操作 Vercel，Vercel 官方提供了 3 样东西：

1）Vercel CLI 命令行工具：在终端里执行 vercel 命令就能完成部署，可以让 AI 帮你调用。

2）Skills 技能包：Skill 是一种标准化的指令文件，相当于给 AI 看了一遍 Vercel 的部署教程。装了之后 AI 就知道完整的操作流程和最佳实践，遇到问题也知道怎么处理。

3）MCP 模型上下文协议：让 AI 直接调用 Vercel 的 API 来管理项目，比如创建部署、配置环境变量等。

2.2 快速实战

我们这里主要用 CLI + Skills 的组合来演示。相比 MCP，Skills 不需要额外配置服务端，而且一次安装后，各种 AI 编程工具都能直接用。

2.2.1 注册Vercel账号

进入官网 Vercel: Build and deploy the best web experiences with the AI Cloud

注册账号，建议直接用 GitHub 账号登录，这样后面导入项目会很方便

授权

选择plan，选择个人

2.2.2 安装 Vercel CLI

先打开终端，用 npm 全局安装：

npm i -g vercel@latest

安装完之后，在终端执行 vercel login，并且在弹出的网页中完成登录认证：

vercel login

2.2.3 安装 Vercel Skills

接下来给 AI 编程工具装上 Vercel 的部署技能 deploy-to-vercel。装了之后，AI 在帮你部署的时候就能自动检测项目状态、选择最佳的部署方式、生成预览链接。

打开终端，输入命令

npx skills add vercel-labs/agent-skills

技能默认会被安装到大多数 AI 编程工具都支持的 .agents/skills 目录下，你也可以安装在特定 AI 编程工具的技能目录下(Additional agents)，比如安装到 Claude Code 支持的 .claude/skills 目录

最后，选择「全局安装」还是「当前项目下安装」，我一般选择全局，省的每个项目都要单独装一遍。

安装成功后，你的 AI 编程工具（Cursor、Claude Code、Codex 等）就会自动加载这些技能，在 AI 需要的时候帮你用上。

除了技能之外，还可以通过配置 Vercel 的 MCP 服务安装：

直接进入 Vercel MCP 的官方文档（Vercel Documentation），点击「Add to Cursor」按钮

会自动跳转到 Cursor 的设置页面，点击 Install 就能完成安装了，然后完成授权即可

2.2.4 执行AI部署

在Editor Window 打开要部署的项目，在AI对话框中输入：

/deploy-to-vercel 帮我把当前项目部署到 Vercel

注：我这里部署的是之前提到的待办清单的学习项目 cursor初学实战项目——待办清单-CSDN博客

AI 会自动帮你完成以下操作：

检测当前项目类型（比如识别出这是一个 VuePress 项目）
执行 vercel 命令发起部署
如果是第一次部署，AI 会自动帮你创建 Vercel 项目并完成关联
等待构建完成，最后把访问链接给你（中间遇到报错还会自主修复）

构建成功会返回 preview_URL 路径，在浏览器中打开查看效果

vercel 中 Deployments 中查看发布状态

浏览器浏览地址时，如果出现无法访问此网站，响应时间过长的问题，尝试绑定自己的私有域名试一下

3. AI+EdgeOne Makers自动部署网站

3.1 关于EdgeOne Makers

EdgeOne Makers 是基于 Tencent EdgeOne 基础设施打造的 Web 与 Agent 开发部署平台。提供从前端页面、动态 API 到 Agent 的一站式开发与部署服务，通过边缘网络全球加速，确保应用获得快速、稳定的访问体验。

产品优势

现代化部署流程：提供 Git 连接、CLI、MCP 及 IDE 插件，实现高效、自动化的全栈部署，助力项目快速迭代与持续交付。
全球极速体验：基于 EdgeOne 全球边缘网络，实现静态资源与动态内容的全球加速与智能缓存，确保用户的流畅体验。
Serverless 函数：提供从边缘函数到云端函数的无服务器部署体验，无需管理底层基础设施，根据业务负载高效扩展。
全栈框架深度集成：零配置支持 Next.js 等主流全栈框架完整功能，结合云边一体化架构，赋能开发者构建高性能应用。
Agent 原生开发：内置运行时、沙箱、会话记忆、模型网关与可观测性，兼容主流框架，助力快速构建生产级 Agent。

适用场景

Web 全栈应用开发托管：支持 Next.js 等框架构建的全栈项目、支持 Astro 等框架生成的静态站点，以及 React 等框架开发的单页应用。
Agent 应用开发托管：支持 Claude、LangGraph 等主流 Agent 框架开发部署，借助平台的运行时、沙箱、会话记忆等内置能力快速落地。
敏捷开发与持续交付：借助 CLI、MCP、Skills 及 IDE 插件等开发工具，结合 Git 与 CI/CD 集成，支持从开发、调试到部署的高频迭代与持续交付。

3.2 快速实战

3.2.1 配置MCP

首先登录控制台腾讯云控制台

然后服务总揽中开启Markers

然后获取APIToken

最后Cursor MCP中添加配置：

"edgeone-pages-mcp-server": {
"command": "npx",
// 如需部署至腾讯云国际站，保留"edgeone-pages-mcp-fullstack"参数即可
"args": ["edgeone-pages-mcp-fullstack", "--region", "china"],
   "env": {
           "EDGEONE_PAGES_API_TOKEN": "你的API Token"
           }
}