HTML页面管理器

简洁高效的页面发布工具

创建、编辑和管理您的HTML页面,支持实时预览和一键发布

HTML代码
实时预览

页面信息

页面ID:

访问链接:

⚠️ 确认删除以下页面?

页面ID:

访问链接:

注意:删除操作不可恢复!

页面截图预览

📸 支持完整页面截图(包括滚动内容),MCP接口返回可直接访问的图片链接
输入页面发布后返回的URL中 "/pages/" 后面的部分

MCP工具接口文档

连接方式

本工具提供两种MCP连接方式,可以通过AI客户端(如Claude Desktop、Cline等)连接使用:

🔗 MCP连接端点

{域名}/mcp

📡 SSE连接端点

{域名}/sse

可用工具

本工具提供以下4个MCP工具,可通过AI助手调用:

📝 页面发布工具

创建HTML页面并返回网页URL

参数:
• pagetitle (string): 页面标题
• pagehtml (string): 页面HTML内容

🖼️ 获取页面图片

生成完整页面截图并返回访问链接

参数:
• pageId (string): 页面ID(发布工具返回的pages/后面的部分)
返回: 可直接访问的图片链接(/image/id 格式)
特性: 支持完整页面截图,包括滚动内容

✏️ 页面更新工具

通过页面ID更新已有页面的HTML内容

参数:
• pageId (string): 页面ID
• pagetitle (string): 新的页面标题
• pagehtml (string): 新的HTML内容

🗑️ 页面删除工具

通过页面ID删除已有页面

参数:
• pageId (string): 要删除的页面ID

📄 获取页面代码

通过页面ID获取页面的HTML源代码

参数:
• pageId (string): 要获取的页面ID

使用示例

在AI助手中的使用方式:

  1. 配置MCP连接到本工具的端点
  2. 使用自然语言请求AI助手调用工具
  3. 例如:"帮我创建一个包含Hello World的HTML页面"
  4. AI助手会自动调用相应的MCP工具完成任务

技术信息

  • 协议版本:MCP 1.0.0
  • 服务名称:cloudflare-page-publish-mcp
  • 运行环境:Cloudflare Workers
  • 数据存储:Cloudflare KV
  • 支持格式:HTML页面、PNG图片