将网站发布在公网上最简单且免费的方式(通过CodeBuddy MCP)

目录：

一、公网发布流程的优化

二、发布工具：CodeBuddy

三、 实现教程

1. 安装CodeBuddy

2. 获取MCP Server - EdgeOne Pages MCP Server

3. 单HTML文件的公网发布

4. 文件夹/项目的公网发布

5. 在EdgeOne控制台做最终验证

一、公网发布流程的优化

有时可能出于与他人协作，向他人展示，供自己查阅，使用等目的，我们需要把页面发布在公网上。不考虑通过域名、备案等重量型的流程，因为我们只是需要实现公网访问而已，那最基本，我们也需要一台公网服务器，在上面安装个WebServer，然后把前端页面上传上。虽然流程相对简单，但还不够最简化，而且还有公网服务器的费用。

二、发布工具：CodeBuddy

CodeBuddy是由腾讯云自研的一款开发编程提效辅助工具，基于腾讯混元 + DeepSeek 双轮模型驱动，构建对开发者友好，好用易用的代码助手，为开发者提供AI技术问答、Craft软件编码智能体、智能代码补全、单元测试、智能评审、代码修复等Agent智能体拓展能力，兼容 MCP 开放生态，并可支持团队知识库管理、自定义智能体与指令管理、多模型接入、企业账号集成等功能，辅助开发者提升编码效率和质量，助力研发团队提质增效。

全量MCP广场，可见：https://cloud.tencent.com/developer/mcp?from=article

在这个场景中，我们使用CodeBuddy的优质MCP来解决上面的痛点。

CodeBuddy MCP是一款基于MCP（Meta Copilot Protocol）的智能工具，CodeBuddy MCP提供了多种功能的MCP。

其中，腾讯EdgeOne Pages是腾讯云EdgeOne产品家族中的静态网站托管服务，基于腾讯全球边缘节点网络构建，提供高性能、安全可靠的静态内容分发能力。

三、 实现教程

1. 安装CodeBuddy

此处以VSCode为例，如下图所示。

先点击Extensions按钮，搜索框中输入CodeBuddy，点击Install按钮进行安装。安装完成后，会在Extensions按钮之下，会多出一个CodeBuddy按钮，表示CodeBuddy安装成功。

2. 获取MCP Server - EdgeOne Pages MCP Server

获取CodeBuddy MCP也非常方便，只需点击右上角MCP市场，搜索pages，看到EdgeOne Pages MCP Server，点击Install。

安装完成后，确认一下该MCP已经在正常运行即可

3. 单HTML文件的公网发布

EdgeOne Pages MCP Serve针对不同文件类型的发布，有不同的操作方式。如果是针对单HTML文件，那是最简单的模式，只需要告诉MCP进行部署即可。

首先我们先借助CodeBuddy，帮我们生成一个单HTML文件，可以输入如下命令：

帮我做一个最简单五子棋html，全部内容都放在 test.html文件当中

通过返回信息，可以看到已经在本地生成了一个五子棋HTML的页面，下一步我们只要一句话，就可以完成其在公网上的部署，如下图所示：

可以看到CodeBuddy成功调用了EdgeOne的MCP，且在部署完成后，返回了一个公网地址。访问公网时，可以看到五子棋小游戏已经被成功部署，如下图所示，是不是太简单了！

4. 文件夹/项目的公网发布

通过上面，看到对于单个文件的部署，EdgeOne Pages MCP 没有任何限制，只要一句话就完成了整个过程，而且免费。但有一个特点就是由于整个过程做到了极简，所以发布的文件与创作者之间，没有有归属关系。

那么当我们需要归属关系时，或者要发布的文件不是单个文件，而是个文件夹时，就需要一个鉴权的过程，这个过程也非常简单，下面就为您详细展示：

先获取一下你自己的token，在腾讯云EdgeOne的控制台当中，生成一个，然后复制下来，如下图：

然后在VSCode中，打开个文件夹，文件件里的内容，就是即将发布的文件，如下图所示：

此时，可以先在本地打开index.html，看一下效果，看到是一个双色球小程序，如图：

在CodeBuddy中，点开其MCP Servers管理界面，在Installed当中看到已经安装的EdgeOne Pages MCP Server，再点击加号查看到配置文件，找到EDGEONE_PAGES_API_TOKEN的值，如下图，然后将值替换为自己的Token。

回到CodeBuddy中，又是非常潇洒的一句命令，让可以看到EdgeOne Pages MCP Server被成功唤起，他会执行部署操作，这个过程可能需要点时间，最终看到执行完成即可。

5. 在EdgeOne控制台做最终验证

前面有说明，对于文件夹的部署，会有鉴权的过程，也正是因为多了鉴权的过程，所以我们可以在腾讯云的EO控制台当中，对其做二次验证。

在EdgeOne的控制台中，Pages选项里，在项目当中，可以看到多出来一个文件夹，如下图：

点开项目信息，可以看到其成功部署的字样，右上角有预览功能，可以进行测试

可以看到，部署后的公网地址的应用，与本地相同，查看部署的文件，也是三个文件，与本地一致，至此，整个项目被成功部署在公网上，且与自己的账号有归属关系，以便以后进行管理。

操作视频地址：https://cloud.tencent.com/developer/video/83315