发现宝藏：腾讯EdgeOne Pages & 掘金MCP，Trae内一键部署网页(玩转100个MCP系列第一弹)

大家好呀，我是程序员夏叶，深度AI编程使用者，AI编程边界探索者，专注于分享AI编程方面的使用技巧、经验以及前沿资讯，有兴趣的可以关注我的公众号，一起学习，共同进步。

在正文开始以前，我先立一个flag，我准备写一个玩转100个MCP系列，给大家分享100个好用的MCP，今天这篇文章就是玩转100个MCP系列第一弹啦。

作为程序员/创作者，你是否也遇到过这个烦恼：辛辛苦苦做了个小网页、小工具或者小游戏demo，想分享给朋友或同事看看，却卡在了部署这一步？专门搞个服务器？太麻烦也太贵了！

我知道有一些免费网站是可以做到的，但是我认为都比较麻烦，因为现在经常用到MCP，于是我就想到有没有这样的MCP，可以在Trae中写好网页内容以后，直接使用MCP部署，没想到还真有，而且发现了两个，今天分享给大家。

因为这个过程中需要知道怎么在Trae中配置MCP，如果你还不知道怎么配置，那么在往下看之前，你可以先看一下我之前写的MCP配置教程：

体验了一波Trae中智能体+MCP功能，真的太顶了(附保姆级MCP配置教程)

这个教程在目前的Trae国内版和国际版的最新版本中都是适用的，大家使用的时候只需要把下面说的Json配置替换一下就好啦。

一、EdgeOne Pages MCP

这是腾讯提供的一个MCP服务，可以用来部署html网页、目录、压缩文件到EdgeOne Pages，并返回一个公开可访问的URL.

github网址如下：github.com/TencentEdge...

这个MCP完整的json配置是这样的：

{
  "mcpServers": {
    "edgeone-pages-mcp-server": {
      "command": "npx",
      "args": ["edgeone-pages-mcp"],
      "env": {
        // 可选，如需部署文件夹或 ZIP 压缩包，则 API Token 必填
        "EDGEONE_PAGES_API_TOKEN": "",
        // 可选，置空将会创建一个新的 Pages 项目，填入已有的项目名则会更新该项目
        "EDGEONE_PAGES_PROJECT_NAME": ""
      }
    }
  }
}

我们先看一下直接部署html文件的，使用一个简化的json配置就可以了：

{
  "mcpServers": {
    "edgeone-pages-mcp-server": {
      "command": "npx",
      "args": ["edgeone-pages-mcp"]
    }
    }
}

按照上面的MCP配置教程和这个json配置好EdgeOne Pages MCP ，等待MCP列表中的EdgeOne Pages MCP出现绿色对钩就说明配置好啦。

接下来体验一下，还是要自定义一个智能体，把刚刚加的EdgeOne Pages MCP加到智能体里面去就好了，我的个人经验，避免直接使用Builder with MCP，因为它包含你配置的所有MCP，AI模型可能会乱用里面的MCP，导致一些莫名其妙的错误。

定义好一个名为"网页部署助手"的智能体以后，让它使用EdgeOne Pages MCP把事先生成好的个人作品集网站部署上去，如下：

最终Trae返回的网址如下：mcp.edgeone.site/share/1HzXB...

这是一个可公开访问的url，腾讯还是强大，不用打开网站，也不需要API ToKen，直接就生成了，但是它有个缺点，只能部署html格式文件，如果是html、js、css分开的文件的话，就必须要使用目录的功能了。

接下来看看怎么使用目录上传功能，首先打开edgeone pages的控制台页面，网址如下：console.cloud.tencent.com/edgeone/pag...

接着在打开的界面中，点击API Token，然后创建API Token。

在弹出的窗口中填写Token描述和有效期以后，一个API Token就生成了，接着结合上方完整的json配置在Trae中更新一下EdgeOne Pages MCP的配置。

接下来试一下上传文件夹的功能，如下：

尴尬了，上传失败了，这个时候就要去找找原因啦，回到刚刚的控制台，可以看到其实文件夹有上传的，但是部署报错了。

这个时候就不要想着自己解决了，我直接加了腾讯官方的开发群，然后在群里问了，这里不得不给腾讯点赞，反馈超及时，而且直接加我微信给我处理问题，我捋了一下时间线，我16:40在群里反馈，然后他们添加我微信，17:20他们就提交了修复版本，接着这个问题就解决了，活该腾讯成功啊。

修复后部署过程如下：

返回的url我就不贴出来了，这个只是一个临时的url，如果要永久使用，还需要绑定自定义的域名。

二、掘金新出的MCP juejin-deploy-mcp

第二个就是掘金新出的一个MCP了，这个就稍微麻烦一点，需要先登录掘金，然后获取一个token，token获取网址如下：aicoding.juejin.cn/tokens

获取到token以后自己记录下来，接下来是juejin-deploy-mcp的json配置，如下：

{
    "mcpServers": {
        "juejin-deploy-mcp": {
            "command": "npx",
            "args": [
                "--registry=https://registry.npmjs.org",
                "-y",
                "@juejin-team/mcp-server@latest"
            ],
            "env": {
                "JUEJIN_TOKEN": ""
            }
        }
    }
}

把刚刚获取到的token补充到json配置中，然后再Trae中手动配置，同样的，出现绿色对钩就说明配置成功啦。

接下来就是部署到掘金了，还是刚刚的自定义智能体网页部署助手把新加的掘金MCP加入进去，然后部署，如下：

同样的，它会返回一个网址，但这个时候网址还不能直接使用，需要打开网址，并点击右上角的发布按钮。

发布时需要填写名称、分类、描述等等信息，然后等待掘金审核，审核通过后就可以分享给他人了。

审核还挺快，掘金生成的网址如下：aicoding.juejin.cn/aicoding/wo...

三、两个MCP对比

对比项	EdgeOne Pages MCP	juejin-deploy-mcp
费用	目前公测期间，所有功能免费，据官方说法，即将商业化推出付费功能	免费
支持功能	支持html、文件夹、ZIP文件上传，支持静态网页项目和轻量的动态网页项目，适合使用静态生成器，如 Next.js、Hexo 等构建的网站，以及使用 React、Vue 等现代前端框架构建的单页应用。	只支持html、js、css等三种文件
是否独立网站	是	不是，页面还带有掘金的菜单
是否支持自定义域名	是	否

综合下来，掘金的MCP目前适合用于测试或者朋友分享之类的使用，如果要上生产环境或者给客户演示demo之类的话，还是使用腾讯的EdgeOne Pages要高大上一点。

好了，玩转100个MCP系列第一弹就说到这里了，如果对你有所启发，欢迎一键三连，谢谢！

另外我也把所有Trae相关的文章整合到了腾讯ima知识库，感兴趣的可以关注公众号以后回复知识库3个字获取加入方式。