HTML页面管理器

简洁高效的页面发布工具 · 创建、编辑和管理您的HTML页面，支持实时预览和一键发布

HTML代码
实时预览

页面信息

页面ID:

访问链接:

⚠️ 确认删除以下页面？

页面ID:

访问链接:

注意：删除操作不可恢复！

MCP工具接口文档

连接方式

本工具提供两种MCP连接方式，可以通过AI客户端（如Claude Desktop、Cline等）连接使用：

🔗 MCP连接端点

{域名}/mcp

📡 SSE连接端点

{域名}/sse

可用工具

本工具提供以下6个MCP工具，可通过AI助手调用：

📝 页面发布工具

创建HTML页面并返回网页URL

工具名: publishPage
参数：
• pagetitle (string): 页面标题
• pagehtml (string): 页面HTML内容

📥 通过URL发布页面

从指定URL拉取HTML并发布为页面

工具名: publishPageFromUrl
参数：
• pagetitle (string): 页面标题
• contentUrl (string): HTML文件的公开URL

🖼️ 获取页面图片

根据页面ID获取渲染后的图片

工具名: getPageImage
参数：
• pageId (string): 页面ID（发布工具返回的pages/后面的部分）

✏️ 页面更新工具

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

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

🗑️ 页面删除工具

通过页面ID删除已有页面

工具名: deletePage
参数：
• pageId (string): 要删除的页面ID

📄 获取页面代码

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

工具名: getPageCode
参数：
• pageId (string): 要获取的页面ID

使用示例

在AI助手中的使用方式：

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

获取公开直链（GitHub/Gist）

  • GitHub：打开仓库文件页面，点击 Raw 按钮，复制形如 https://raw.githubusercontent.com/<user>/<repo>/<branch>/path/to/file.html 的地址
  • Gist：打开 Gist 页面，点击 Raw 按钮，复制形如 https://gist.githubusercontent.com/<user>/<gist-id>/raw/<file> 的地址
  • 要求：链接可直接返回 HTML 源码（非预览页），并使用 HTTPS

技术信息

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