Clipping 微信公众号

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

by DracoVibeCoding 原文 ↗
Created: 2026-07-07

公众号名称:Draco正在VibeCoding

作者名称:DracoVibeCoding

发布时间:2026-07-01 18:58

昨天文章中所言,我从今天开始将聚焦于国内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的连接器菜单,点击“更多连接器”:

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

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

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

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

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

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


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

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

  1. 通过edgeone cli实现操作

直接跟WorkBuddy要求它安装edgone cli

然后让Workbuddy给出edgeone cli的登录指令

按照指令完成登录

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

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

这样,Workbuddy就不会每次都覆盖上一次的网站了!

  1. 手动在EdgeOne Pages中创建项目

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

点击“导入Git仓库”

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

完成Github登录授权

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

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

一般情况下,1分钟之内可以完成部署

然后点击“预览”按钮:

点击弹窗中的预览地址:

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

本文完。


内容效果不满意?点此反馈

输入关键词开始搜索