如何用 AI 一键部署个人网站？EdgeOne Makers 从代码生成到上线全流程指南

腾讯云 2026 年 6 月 23 日正式发布的边缘 Web + AI Agent 托管平台——EdgeOne Makers，由 EdgeOne Pages 品牌升级而来。本文除了拆解产品，还会用”设计师个人主页”作案例，演示”Cursor 写代码 → 一键部署上线 → 配置自定义域名”的完整路径。把它和 Vercel、Cloudflare Pages、阿里云 ESA Pages、GitHub Pages 放在一起，告诉你什么时候该选谁。

一、品牌升级：EdgeOne Pages → EdgeOne Makers

腾讯云 EdgeOne 在 2024–2026 年间经历了几次关键的品牌与能力升级，最终在 2026 年 6 月 23 日正式定型为 EdgeOne Makers——一款”边缘 Web 与 AI Agent 托管平台”。

时间	事件
2024-10	腾讯云 EdgeOne 推出全新 Pages，主打”前端 + 边缘函数”
2025-04	上线 Pages MCP，AI 可以一键把生成的 HTML 部署到公网 URL
2025-09	EdgeOne Pages 升级为”边缘全栈开发平台”，原生支持 Next.js 全栈框架、Node.js 生态、Serverless API
2026-06-23	EdgeOne Pages 品牌升级为 EdgeOne Makers，新增对 AI Agent 的原生支持

简单说：EdgeOne Pages = 静态托管 → EdgeOne Pages（全栈）= 全栈托管 → EdgeOne Makers = 全栈 + AI Agent。功能一直在累积，名字换了一次。

数据来源：腾讯云 EdgeOne 官方文档

二、EdgeOne Makers 到底是什么？

按官方文档的原话：

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

1. 应用层（你写的代码）：Agent 应用 / 全栈应用（Next.js、Astro）/ 前端单页（React、Vue）/ 后端服务（FastAPI、Node.js）。
2. 工具层（怎么把代码送上去）：CLI、Git、Webhook、Skills、MCP。
3. 平台层（EdgeOne Makers 提供的能力）：运行时、沙箱、会话记忆、模型网关、可观测性。
4. 边缘服务：KV、Blob、Sandbox、Models。
5. 底层 EdgeOne 基础设施：DNS、CDN、安全防护。

五大产品优势（官方）

1. 现代化部署流程：Git 连接 + CLI + MCP + IDE 插件全支持。
2. 全球极速体验：基于 EdgeOne 全球边缘节点，动静内容都给你缓存到离用户最近的位置。
3. Serverless 函数：从边缘函数到云端函数，免运维、按负载弹性扩缩容。
4. 全栈框架深度集成：Next.js 等框架”零配置”支持完整功能，云边一体化架构。
5. Agent 原生开发：内置运行时 / 沙箱 / 会话记忆 / 模型网关 / 可观测性，兼容 Claude、LangGraph 等主流 Agent 框架。

适用场景

• Web 全栈应用开发托管：Next.js 全栈项目 / Astro 等静态生成器 / React 单页应用。
• Agent 应用开发托管：Claude、LangGraph 等 Agent 框架，平台帮你搞定运行时、沙箱、会话记忆。
• 敏捷开发与持续交付：CLI + MCP + Skills + IDE 插件 + Git + CI/CD。

三、五大部署平台横评：EdgeOne Makers / Vercel / Cloudflare Pages / ESA Pages / GitHub Pages

这一节我把它和当下最常被拿来对比的几家放在一起，从 8 个维度看。

维度	EdgeOne Makers	Vercel	Cloudflare Pages	阿里云 ESA Pages	GitHub Pages
定位	边缘全栈 + AI Agent	前端 + Serverless（Next.js 一等公民）	JAMstack + Workers	边缘安全加速下的静态 + 函数	纯静态站点托管
静态托管	✅	✅	✅	✅	✅
全栈框架	✅（Next.js 等）	✅（Next.js 最佳）	⚠️（需搭配 Workers）	⚠️（需搭配函数）	❌
边缘函数	✅ Edge Functions	✅ Edge Functions	✅ Workers（最强生态）	✅ ESA Functions	❌
AI Agent 原生	✅（内置运行时/沙箱）	⚠️（需自配）	⚠️（需自配）	⚠️（需自配）	❌
免费额度	公测期间免费	100 GB 流量/月、6000 构建分钟/月	无限带宽、500 构建次/月	基础版 ¥4.45/月起	100 GB/月、10 次/小时构建
全球节点	EdgeOne 全球边缘网络	全球 CDN	Cloudflare 3200+ 节点（最多）	阿里云全球节点	仅 GitHub 数据中心 + CDN
国内访问	⭐⭐⭐⭐⭐（国内优化）	⚠️（经常打不开）	⚠️（经常打不开）	⭐⭐⭐⭐⭐	⚠️（境内慢）
Git 集成	GitHub / GitLab / Gitee	GitHub / GitLab / Bitbucket	GitHub / GitLab	GitHub / Gitee	仅 GitHub
CLI / MCP / IDE	✅ 全有	✅ Vercel CLI + Cursor MCP	✅ Wrangler + MCP	⚠️ 部分	❌
自定义域名	✅	✅	✅	✅	✅
最适合谁	想在国内稳定访问 + 玩 AI Agent 的全栈党	Next.js 重度用户、海外项目	想要无限带宽 + Workers 生态	国内合规 / 阿里云生态	个人博客 / 文档 / 开源主页

对比总结

如果你主要用户在国内，EdgeOne Makers 和阿里云 ESA Pages 是唯二不会”经常打不开”的选项。Vercel、Cloudflare Pages 在没有备案的情况下经常被运营商干扰，GitHub Pages 同样如此。这是国内独立开发者选择平台的第一道筛子。总之对国内新手来说，EdgeOne Makers 目前来看是一个非常不错的选择。

四、完整上手：以”设计师个人主页”为例，从 AI 编程到部署上

我会用 设计师个人主页 作案例，演示从”一句话让 AI 写代码”到”上线拿到公网”的全过程。

第 1 步：用 WoekBuddy / Trae 让 AI 写主页（2 分钟）

腾讯的WoekBuddy 或 字节的 Trae Work现在都非常好用，很容易上手。直接对它说：

帮我做一个设计师个人主页，单页结构：Hero 区（姓名、职位、一句话自我介绍、社交链接）、作品集（4 个案例卡片）、服务范围、关于我、底部联系方式。视觉风格：极简留白，黑白主色 + 一个强调色（#FF6A00），用 Tailwind CSS，移动端适配。

AI 会生成 index.html、style.css 等文件。

设计提示：如果你是真的设计师，让 AI 先生成”极简骨架”，再自己精修图片和排版，比”让 AI 一次性出大片”靠谱得多。

第 2 步：本地预览（30 秒）

cd your-portfolio
python3 -m http.server 5173

第 3 步：把代码推到 GitHub（1 分钟）

git init
git add .
git commit -m "feat: 设计师个人主页 v1"
gh repo create your-name-portfolio --public --source=. --remote=origin --push

第 4 步：在 EdgeOne Makers 控制台一键部署（2 分钟）

1. 打开 EdgeOne 控制台 → Makers → 新建项目。
2. 选择 导入 Git 仓库 → 授权 GitHub → 选中刚推上去的仓库。
3. 框架预设：选 “Other / 静态站点”（若用 Next.js 则选 Next.js）。
4. 构建命令：留空（纯静态）或 npm run build（Next.js）。
5. 输出目录：./ 或 dist/ / .next/。
6. 点击 “开始部署”。

大约 30 秒到 2 分钟，控制台会给你一个 *.edgeone.cool 的临时域名。

第 5 步：绑定自定义域名（可选，3 分钟）

在项目设置 → 域名管理 → 添加自定义域名，按提示去 DNS 服务商加 CNAME 记录即可。不需要备案（如果用境外解析）。

第 6 步：以后更新怎么办？

代码推到 GitHub 后，Makers 会自动触发重新部署，零额外配置。

五、官方 CLI / MCP / IDE 插件速查

1）edgeone-cli

npm install -g edgeone-cli
edgeone-cli login
edgeone-cli dev
edgeone-cli deploy

2）@edgeone/makers-mcp（推荐 ⭐）

接入 Cursor / Trae / Claude Desktop / VSCode Copilot 的官方 MCP 服务。

GitHub 仓库：github.com/TencentEdgeOne/edgeone-makers-mcp

接入 Cursor 的 mcp.json：

{
  "mcpServers": {
    "edgeone-makers-mcp": {
      "command": "npx",
      "args": ["@edgeone/makers-mcp@latest"]
    }
  }
}

3）IDE 插件

VSCode / Cursor / Trae 都能在插件市场搜到官方插件，核心功能是”侧边栏一键部署”。

六、它适合谁？三个场景

场景 1：设计师 / 自由职业者做作品集网站

推荐度：⭐⭐⭐⭐⭐
EdgeOne Makers 的模板库里有大量”个人主页 / 作品集”模板，挑一个改文字图片绑定自定义域名，全程不用碰服务器。国内访问速度还快。

场景 2：独立开发者做 AI Agent / 全栈项目

推荐度：⭐⭐⭐⭐⭐
原生 Agent 运行时 + MCP 是 Makers 的独门武器。Vercel / Cloudflare Pages 都需要自己拼函数计算 + 数据库 + 鉴权，Makers 直接开箱即用。

场景 3：国内中小团队的官网 / 营销页

推荐度：⭐⭐⭐⭐
中文控制台 + 合规 + 国内 CDN 加速 + 一体化安全防护，比 Vercel / CF Pages 适合国内项目。注意：正式商用要关注计费政策。

七、常见问题 FAQ

Q1：EdgeOne Makers 跟 EdgeOne Pages 是什么关系？
Makers 是 Pages 的品牌升级。所有原有 Pages 项目会自动迁移到 Makers，原有功能完全保留。

Q2：公测期结束后会收费吗？
官方目前没有公布正式价格，个人项目大概率仍有免费额度。

Q3：需要备案吗？
使用默认分配的 *.edgeone.cool 子域名不需要备案。绑定自定义域名解析到国内节点则需要备案，不使用国内节点可以不备案。

Q4：跟 Vercel 比最大的差异？
Vercel 是给 Next.js 重度用户 + 海外项目用的，Makers 是给国内项目 + AI Agent 场景用的。

Q5：MCP 部署安全吗？
MCP 服务部署的是你主动提交的内容，不存在”偷代码”问题。开源仓库可审计（MIT 协议）。

参考资料

1. 腾讯云 EdgeOne Makers 产品介绍
2. EdgeOne Makers MCP GitHub
3. Vercel 官网
4. Cloudflare Pages
5. 阿里云 ESA
6. GitHub Pages