mcpField
H
host-html

host-html

本地服务
host-html.com其他16 天前更新

关于 host-html

host-html 可将 HTML 发布为可分享的在线页面,并在保留原 URL 的情况下替换内容。它面向需要分享生成的 HTML、又不想管理部署服务器的 AI Agent 及其用户。

主要功能

  1. 01将 HTML 发布为在线链接
  2. 02在同一 URL 更新内容
  3. 03通过技能将 HTML 幻灯片导出为 PDF
  4. 04使用个人 API 密钥发布

适用场景

  1. 01分享 AI 生成的 HTML 页面
  2. 02更新已发布页面而不更改链接
  3. 03将 HTML 幻灯片转换为 PDF

MCP 相关

MCP 服务提供 `publish_html` 和 `update_page` 工具。发布需要使用免费且已验证邮箱的账户申请个人 `HOSTHTML_API_KEY`。

配置

本地服务的配置在各客户端中通用,复制后粘贴到客户端的 MCP 配置文件即可。

mcp.json · 通用配置
{
"mcpServers": {
"phanosh-host-html": {
"command": "npx",
"args": [
"-y",
"host-html-mcp"
],
"env": {
"HOSTHTML_API_KEY": "<HOSTHTML_API_KEY>"
}
}
}
}
启动命令npx -y host-html-mcp
需要配置的环境变量
HOSTHTML_API_KEY密钥Personal API key (hh_...) from host-html.com → Account → API keys

本地服务需要在你的电脑上安装运行环境(如 Node.js 18+)。各客户端的配置文件位置不同,请参考客户端文档。

安装包
npmhost-html-mcp0.2.0

工具

还没有获取到工具列表

本地服务需要在你的电脑上运行后才能读取工具,维护者暂未提供工具列表。

详细介绍

host-html

host-html.com

将任意 HTML 文件发布为实时链接 — 即刻完成。 需要免费账户。无需部署流水线,也无需管理服务器。 → host-html.com

**注意 — v2.0.0 中的破坏性变更:**匿名发布已停止。现在发布需要一个免费的、已验证邮箱的 host-html 账户,并将个人 API 密钥设为 HOSTHTML_API_KEY。请参阅设置:获取 API 密钥。依赖内置共享密钥的旧版本将无法继续发布。


安装

Claude Code
/plugin marketplace add phanosh/host-html
/plugin install host-html@host-html

Claude Code 官方市场列表正在筹备中 — 在上线之前,请使用上面的两条命令直接从此仓库安装。

Claude Desktop、Cursor、Codex(MCP 服务)
// claude_desktop_config.json / .cursor/mcp.json / .mcp.json
{
  "mcpServers": {
    "host-html": {
      "command": "npx",
      "args": ["-y", "host-html-mcp"],
      "env": { "HOSTHTML_API_KEY": "hh_your_key_here" }
    }
  }
}

包含两个工具:publish_html(输入 HTML,输出链接)和 update_page(输入新的 HTML,链接保持不变)。 源代码和文档:mcp-server/ · npm:host-html-mcp

其他 AI Agent(技能)
npx skills add phanosh/host-html -g -y

然后使用这些技能:

/host-html          # publish HTML as a live link
/host-pdf           # export HTML slides to PDF

/host-html 会查找 HTML、发布页面,并在几秒内提供实时 URL。 /host-pdf 会以视网膜级画质捕获每张幻灯片,并将其合成为 PDF。

适用于 Claude Code、Cursor、Codex、Copilot,以及其他 40 多种 Agent。


设置:获取 API 密钥

现在发布需要一个免费的 host-html 账户:

  1. 在 host-html.com 登录(免费)

  2. 确认你的邮箱

  3. 前往 账户 → API 密钥 → 创建密钥

  4. 复制生成的密钥(以 hh_… 开头 — 仅显示一次)

  5. 将其设为环境变量:

    export HOSTHTML_API_KEY=hh_your_key_here
    

技能会自动读取 HOSTHTML_API_KEY。自定义 slug(见下方的直接 API 表格)仍需 Pro/Team 方案;发布本身不需要。


更新

此处发布新版本后,使用以下命令将其拉取到本地 Claude Code:

/plugin marketplace update phanosh/host-html

这条命令会刷新市场目录,并安装 marketplace.json、plugin.json 或技能 frontmatter 中的任何版本更新。检查当前版本:

/plugin

若要自动保持最新,请打开 /plugin,前往 Marketplaces 选项卡,选择 phanosh/host-html,并开启 auto-update — 此后 Claude Code 会在启动时拉取更新。

对于独立技能安装(npx skills add ...),重新运行相同命令即可升级:

npx skills add phanosh/host-html -g -y

直接 API

发布边缘函数需要个人 host-html API 密钥(格式为 hh_…)作为 bearer token — 请参阅设置以生成密钥。通过 Authorization 标头传入(无需 apikey 标头):

curl -X POST https://suifgsvtcbrawzdhyuhk.supabase.co/functions/v1/publish \
  -H "Authorization: Bearer $HOSTHTML_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{"html": "<h1>Hello</h1>", "title": "my page"}'

请求

字段类型必填说明
htmlstring✓HTML 内容(最大 1MB)
titlestring页面标题
slugstring符合 ^[a-z0-9-]{2,64}$ 格式的自定义 URL 路径(付费方案)
passwordstring为页面设置密码保护(4–72 个字符,付费方案,仅限 JSON 正文)

响应 201

{
  "url": "https://host-html.com/p/abc123",
  "slug": "abc123",
  "edit_token": "...",
  "page_id": "...",
  "has_password": false,
  "expires_at": "2026-03-16T..."
}

当请求设置了 password 时,has_password 为 true(页面已锁定并从私有存储提供);否则为 false。

expires_at 的类型为 string | null。免费方案中,该字段是页面失效的 ISO 时间戳;付费方案中,页面永不过期,该字段为 null。它是权威的过期时间 — 请从响应中读取,而不要假定固定时长;并妥善处理 null,不要将其格式化为日期。


许可证

MIT

评论

支持 Markdown

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。