腾讯MCP让你告别繁琐部署！用Cursor+EdgeOne Pages MCP，3秒让网页全球上线

最新推荐文章于 2025-04-23 15:19:11 发布

大模型教程.

最新推荐文章于 2025-04-23 15:19:11 发布

阅读量1.5k

点赞数 33

文章标签：人工智能大模型计算机视觉 llama langchain MCP

本文链接：https://blog.csdn.net/Z987421/article/details/147210815

版权

腾讯于2025年4月推出的PagesMCP，是一款基于AI的网页一键部署工具，深度整合了EdgeOne Pages服务与MCP（多模态控制协议）技术，实现了“用自然语言生成网页并自动部署到线上”的全流程自动化。

本文将介绍PagesMCP以及如何在Cursor中使用PagesMCP实现网页一键部署。

一、核心功能

零代码部署
通过自然语言指令（如“帮我把网页部署到线上”），AI自动生成HTML内容并完成部署，无需手动配置服务器或登录云平台。
全球加速与免费流量
依托腾讯云全球节点（3200+），自动缓存静态资源至边缘节点，首月提供10GB免费流量，后续按0.01元/万次计费，成本仅为传统方案的60%。
多框架支持
兼容Next.js、React、Vue、Svelte等主流框架，支持静态站点生成（SSG）与边缘Serverless函数，满足动态渲染需求。

二、应用场景

快速原型验证：产品经理通过自然语言描述需求，几分钟内获得可访问原型。
个人作品集：无需技术背景，直接部署个人博客或作品展示页。
活动落地页：市场人员自主创建活动页面，无需等待开发资源。
教育演示：教师快速生成教学网页，提升课堂互动性。

三、技术优势

边缘计算集成：通过EdgeOne Pages Functions在边缘节点执行代码，降低延迟至毫秒级。
全流程透明：用户无需关注底层架构，AI自动处理代码部署、资源分配等步骤。
生态扩展性：未来支持多MCP协同（如联动数据库、小程序部署），进一步简化开发流程。

四、在Cursor中使用

1、配置MCP Server

步骤 1 安装依赖

EdgeOne Pages MCP 依赖 Node.js 环境和对应的 npm 包：

① 打开终端，执行以下命令验证 Node.js 是否安装：

node -v  # 需返回 v14.x 或更高版本
npm -v   # 需返回 6.x 或更高版本

② 全局安装 edgeone-pages-mcp

npm install -g edgeone-pages-mcp

若安装失败，可能是网络问题，尝试切换 npm 镜像源：

  npm config set registry https://registry.npmmirror.com

③ 安装完成后，手动触发 MCP 服务调试

在终端中直接运行命令：

npx edgeone-pages-mcp

步骤 2 在Cursor添加MCP

确保 Cursor 为最新版本，并打开设置（Settings）->MCP->Add new global MCP server

在配置文件mcp.json中添加 MCP Server 的 JSON 配置，代码示例如下：

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

步骤 3：保存配置后，刷新 MCP 服务列表。若配置成功，edgeone-pages-mcp-server 前会显示绿灯标识。

2、生成与编辑 HTML 内容

Cursor 的 AI 功能可辅助生成或优化 HTML 代码：

代码生成：使用快捷键 Ctrl+K 或 Ctrl+L 输入需求，AI 会自动生成完整代码模块，包含响应式布局、动画效果等。
代码优化：选中代码片段后，输入指令（如“优化代码结构”），Cursor 会根据 AI 建议进行重构，例如简化 CSS 或增强交互逻辑。

Prompt: 生成一个A股数据看板HTML页面

网页暂且不做进一步优化

3、一键部署到 EdgeOne Pages

部署过程高度自动化：

触发部署：在编辑器中输入自然语言指令，例如“帮我把网页部署到线上”，Cursor 会通过 MCP Server 将 HTML 内容发送至 EdgeOne Pages 平台。
生成访问链接：部署完成后，EdgeOne Pages 会返回一个可公开访问的 URL（如 https://mcp.edgeone.site/share/xxxxx），支持秒级全球分发。
自定义域名：若需长期使用，可在腾讯云注册域名并完成 ICP 备案，通过 EdgeOne Pages 控制台绑定域名并配置 HTTPS 证书。

Prompt: 使用MCP将代码部署到 EdgeOne Pages 并生成公开访问链接

可以看到，Cursor调用我们刚配置的MCP服务已经成功将网页部署。

如何学习大模型 AI ？

由于新岗位的生产效率，要优于被取代岗位的生产效率，所以实际上整个社会的生产效率是提升的。

但是具体到个人，只能说是：

“最先掌握AI的人，将会比较晚掌握AI的人有竞争优势”。

这句话，放在计算机、互联网、移动互联网的开局时期，都是一样的道理。

我在一线互联网企业工作十余年里，指导过不少同行后辈。帮助很多人得到了学习和成长。

我意识到有很多经验和知识值得分享给大家，也可以通过我们的能力和经验解答大家在人工智能学习中的很多困惑，所以在工作繁忙的情况下还是坚持各种整理和分享。但苦于知识传播途径有限，很多互联网行业朋友无法获得正确的资料得到学习提升，故此将并将重要的AI大模型资料包括AI大模型入门学习思维导图、精品AI大模型学习书籍手册、视频教程、实战学习等录播视频免费分享出来。

这份完整版的大模型 AI 学习资料已经上传CSDN，朋友们如果需要可以微信扫描下方CSDN官方认证二维码免费领取【保证100%免费】