← 回總覽

【Workbuddy 基础教程】如何开发部署网站到公网可见的自有域名 - 腾讯 EdgeOne Pages 版

📅 2026-07-01 18:58 Draco正在VibeCoding 人工智能 11 分鐘 12565 字 評分: 80
AI Agent Workbuddy EdgeOne Pages 网站部署 域名配置
📌 一句话摘要 本文以详细图文步骤,介绍如何使用 AI Agent 工具 Workbuddy 配合腾讯 EdgeOne Pages,将静态网站部署到公网可见的自有域名,并解决默认项目覆盖的问题。 📝 详细摘要 文章是面向初学者的操作教程。作者从添加 Workbuddy 的 EdgeOne Pages 连接器开始,演示如何让 Agent 生成一个静态网站并自动部署,获得临时公网地址。随后重点讲解了在腾讯云 EdgeOne 控制台中配置自定义域名的完整过程,包括添加域名、DNS 解析、申请免费 SSL 证书等。针对 WorkBuddy 默认将所有网站部署到同一项目、导致相互覆盖的缺陷,作者给出

80

This article provides a step-by-step guide on using the AI Agent tool Workbuddy with Tencent EdgeOne Pages to deploy a static website to a public domain of your own and resolve the issue of default project overwriting. D Draco正在VibeCoding

Yesterday 1958 words (about 8 min) View Source →

Sign in to highlight text and take notes as you read. Sign in now

原创 DracoVibeCoding 2026-07-01 18:58 北京

!Image 1

昨天文章中所言,我从今天开始将聚焦于国内Agent(Workbuddy、Trae、Qoder、KIMI Work等)基础教程的撰写~ 希望用3-4个月时间,100篇左右的篇幅把日常工作可能用得到的场景都写一遍!每篇内容可能都不难,但整体工作量浩大~

希望得到你的鼓励和支持~ 以及希望你在评论区留言告诉我你想了解的具体场景,先谢过大家了!

今天是第一篇:【Workbuddy基础教程】如何开发部署网站到公网可见的自有域名 - 腾讯EdgeOne Pages版

> 为啥是“EdgeOne Pages”版? > > > 因为可以实现前端网页部署的地方很多,例如:Vercel、Github Pages、Cloudflare Pages等等,每个都会独立成篇~ *

前置准备:你需要先拥有自己的域名:【AI Agent小白教程】如何拥有自己的域名

再次强调:强烈建议你拥有自己的专属域名!后面build Web应用会非常方便!

步骤如下:

1.

打开WorkBuddy的连接器菜单,点击“更多连接器”:

!Image 2: image

2.

找到EdgeOne Pages,点击旁边的加号“+”

> 由于我已经添加过了,因此显示的是">"

!Image 3: image

3.

几秒之后,EdgeOne Pages连接器添加成功,返回对话框界面: 1. 请制作一个视觉效果酷炫的网站;(为了简化流程,这里的网站就随意了~ )2. 部署到EdgeOne Pages;(关键是这个步骤,你制作的任何静态网站都可以让Agent部署到EdgeOne Pages)!Image 4: image

4.

片刻之后,Workbuddy会生成一个网站,完成EdgeOne Pages的部署,并给出两个公网URL地址:

!Image 5: image

第二个网址指向【EdgeOne 控制台】,点击之后,使用腾讯云的账号登录,你就能看到EdgeOne的后台了:https://console.cloud.tencent.com/edgeone/makers

> 如果你已经完成了前置步骤(在腾讯云注册域名),你应该可以顺利完成登录

!Image 6: image

点击“域名管理”

!Image 7: image

点击“添加自定义域名”

!Image 8: image

在弹出的自定义域名窗口中填写你想给这个网站配置的域名(比如下面的workbuddy.aigc.green)

!Image 9: image

然后在弹出的DNS解析窗口中点击“一键添加”

!Image 10: image

点击“确认”

!Image 11: image

稍等1分钟后点击“验证”

!Image 12: image

如无意外,会显示“验证成功”,然后点击“完成”

!Image 13: image

域名管理会显示“部署中”状态

!Image 14: image

如果部署过程中出现“请添加CNAME”,则点击“一键添加”

!Image 15: image

在弹窗中点击“确认添加”即可;几秒之后就会显示“已生效”,接下来点击“HTTPS配置”中的“配置”按钮:

!Image 16: image

点击“配置”

!Image 17: image

选择“申请免费证书”--“自动验证”--“保存”

!Image 18: image

提示证书申请中

!Image 19: image

主界面会看到“部署中”状态

!Image 20: image

大概5分钟之后,能够看到状态为“已生效”,HTTPS配置为“已部署”

!Image 21: image

OK,到了这一步,你就可以使用你配置好的域名来打开自己的网站了:

> 比如我配置的https://workbuddy.aigc.green/ > > > 备注:后来新做了个demo site把之前给覆盖了,所以和上面的步骤看到的页面不太一样

!Image 22: image!Image 23: image *

但是,WorkBuddy 有个坑,就是会把所有不同项目中的网页默认部署到EdgeOne Pages的默认项目中去!

这种情况下之下,你有两个选择:

1.

通过edgeone cli实现操作

> 直接跟WorkBuddy要求它安装edgone cli

!Image 24: image > 然后让Workbuddy给出edgeone cli的登录指令

!Image 25: image > 按照指令完成登录

!Image 26: image > 中间会自动弹出浏览器登录窗口,完成登录后,上面的命令行也会显示“Login Successfully”

!Image 27: image > 之后,要求Workbuddy新建一个项目,并将网站部署到这个新项目里:

!Image 28: image > 这样,Workbuddy就不会每次都覆盖上一次的网站了!

2.

手动在EdgeOne Pages中创建项目

> 回到“服务总览”中点击“创建项目”:

!Image 29: image > 点击“导入Git仓库”

!Image 30: image > 在你之前的代码都已经同步到Git仓库的前提下,选择你的Git托管平台,比如我是Github就选择Github

!Image 31: image > 完成Github登录授权

!Image 32: image > 登录成功之后,选择你的项目,比如我们的演示项目Workbuddy-demo:

!Image 33: image > 配置项目页:这个要根据你的项目来填写。 > > > 注意:要和Workbuddy确认好你的网站是在根目录,还是放在某个子目录;如果在子目录,则需要修改“构建设置”定向到对应的子目录; > > > 配置完成之后,点击“开始部署”~

!Image 34: image > 一般情况下,1分钟之内可以完成部署

!Image 35: image > 然后点击“预览”按钮:

!Image 36: image > 点击弹窗中的预览地址:

!Image 37: image 当然,你也可以在这个新项目中配置网站指向自己的域名,步骤和本文上半部分相同,不再赘述。

本文完。

查看原文 → 發佈: 2026-07-01 18:58:00 收錄: 2026-07-02 02:00:17

🤖 問 AI

針對這篇文章提問,AI 會根據文章內容回答。按 Ctrl+Enter 送出。