cloudflare页面发布工具

介绍

中文：README.md

Cloudflare 页面发布 MCP 工具允许您将 HTML 页面发布到 Cloudflare Workers。

SSE 演示地址：cf-page-publish-sse

StreamableHttp 演示地址：cf-page-publish-stream

演示地址通过将 Workers 绑定到 GitHub 进行部署，确保演示与源代码同步。

核心功能

页面发布

接受两个参数：页面标题和页面内容。将 HTML 内容上传到 Cloudflare KV 并返回页面访问链接。

自部署教程

要求

• Cloudflare 账户
• Node
• pnpm

部署教程

克隆源代码

bash
git clone https://github.com/Actrue/cf-page-publish-mcp.git # 克隆源代码
cd cf-page-publish-mcp # 进入源代码目录

创建并绑定 KV

bash
wrangler kv namespace create cf-page-publish-mcp # 创建 KV

执行上述命令后，您将收到如下输出：

bash
🌀 Creating namespace with title "cf-page-publish"
✨ Success!
Add the following to your configuration file in your kv_namespaces array:
{
"kv_namespaces": [
{
"binding": "cf_page_publish",
"id": "7d776eaeacd0412380f6eb39ca4aea9a"
}
]
}

复制 KV 命名空间 ID。

打开 wrangler.jsonc 文件：

bash
"routes": [{"pattern": "page.sereniblue.com","custom_domain": true}], // 替换为您的域名
"vars": {
"host":"page.sereniblue.com", // 替换为您的域名
},
"kv_namespaces": [
{
"binding": "KV",
"id": "7d776eaeacd0412380f6eb39ca4aea9a" // 替换为新创建的 KV ID
}
],

将 page.sereniblue.com 替换为您的域名，并用新创建的 KV ID 更新配置文件中的 KV ID。

部署项目

bash
npm i pnpm -g # 安装 pnpm
pnpm i # 安装项目依赖
npx wrangler deploy # 将项目部署到 Cloudflare

核心技术

• hono
• mcp
• cloudflare worker