把 Claude 生成的 HTML 页面发布为可分享的实时链接

Claude 可以把交互式 HTML 页面直接写入 Strata 文档。你把该文档发布为任何人都能打开的公开链接，之后仍可与 Claude 或团队继续编辑，而链接保持不变。

将 Claude 连接到 Strata

Claude 需要先连接到你的 Strata 账号，才能在其中创建文档。该连接以你的身份运行，因此 Claude 只能访问你的账号可以打开的文档。

在 claude.ai 中，依次打开设置、连接器，选择添加自定义连接器，然后输入 Strata MCP 服务器的网址：https://api.strata.space/mcp。自定义连接器适用于付费套餐，组织连接器由所有者添加。在其他 MCP 客户端中，添加同一网址并完成登录。

在 Claude Code 中，先运行 /plugin marketplace add strata-space/marketplace，再运行 /plugin install strata@strata-space 安装 Strata 插件。插件会注册 MCP 服务器，Claude 第一次使用 Strata 工具时会打开浏览器窗口供你登录。

让 Claude 把页面创建为 Strata 文档

在 Strata 中，交互式页面是包含 html 标记代码块的文档。代码块的标记、样式和脚本会在隔离环境中作为实时预览运行，因此 Claude 可以把整个页面当作普通文档内容来写。

请先让 Claude 阅读 Strata 的 interactive-html 编写指南。Claude 可以用 find 工具获取它，其中介绍了库、主题变量以及下文所述的限制。

了解页面能做什么、不能做什么

预览完全隔离。它没有 Cookie 和存储，不能访问周围的页面，也不能使用外部网址。脚本和样式只能从 Strata 审核过的库加载：mermaid、d3、three.js 和一个 Doom 引擎。其他内容都必须直接写在代码块里。

从 CDN 加载脚本、加载网页字体或调用第三方 API 的页面，按原样无法运行。请一开始就告诉 Claude，页面要自包含。图表还可以读取同一文档中的命名数据，例如 JSON 或 CSV 代码块或表格，这样数字仍然是可编辑的文本。具体方法见交互式 HTML 块参考。

可以试试的提示

先用 find 工具阅读 Strata 的 interactive-html 编写指南。然后创建一个标题为“房贷还款计算器”的新 Strata 文档，包含两句话的简介和一个 html 代码块，整个计算器都放在这个代码块里：贷款金额、利率和期限的输入框，以及用 /sandbox/libs/d3.min.js 中的 d3 绘制的剩余本金图表。所有内容都放在这一个代码块内，不要从网络加载其他任何东西，使用 Strata 的主题变量，并同时设置背景色和文字颜色。完成后告诉我，不要发布。

在 Strata 中检查页面

在 Strata 中打开新文档。Claude 一写好，页面就会在编辑器中运行，每次编辑都会从干净状态重新渲染。试用各个控件，把窗口缩到手机宽度，并在浅色和深色主题下都看一看。

脚本错误和控制台警告会显示在预览下方；把它们贴回给 Claude 让它修复。

发布为公开链接

发布会在 /@your-handle/your-slug 创建一个公开版本，任何拿到链接的人都可以在没有 Strata 账号的情况下打开。页面会作为阅读页中的一个代码块显示，周围是文档的标题和正文。

打开文档的发布面板。如果你的公开主页处于隐藏状态，面板会链接到主页设置。请先选择一个用户名并将主页设为公开。
选择 URL 别名。首次发布后无法更改，所以请选择你想长期使用的地址。
在发布面板的外观设置中，设置“代码块控件”。选择“隐藏”时，读者只看到运行中的页面。选择“显示”时，读者还可以查看源码、编辑并重新运行。“使用发布主题默认值”则沿用你主页上的设置。读者的更改只在他们自己的浏览器中运行，不会被保存。
选择“发布到主页”，然后打开公开网址，像读者一样试用页面。

让 Claude 来发布

当你的 MCP 客户端启用发布工具组时，Claude 可以自己发布文档；该工具组通过 X-Strata-Tool-Groups 请求头请求，并需要写入权限。这种情况下，Strata 会根据文档标题生成地址。无法发送该请求头的连接器不会获得发布工具，此时请通过发布面板发布。MCP 参考列出了各工具组。

更新页面并保持同一链接

让 Claude 在同一文档中修改页面，或者自己编辑。编辑首先更改的是工作文档。在你于发布面板中选择“发布更新”之前，读者在同一地址看到的仍是之前的版本。由于别名在首次发布后固定不变，你分享出去的链接不会改变。

发布会保存页面的设计及其读取的数据，所以修正数字后请再次发布。要下线页面，请选择“取消发布此文档”。公开地址将失效，工作文档仍然保留。

与其他人一起处理

工作文档与公开页面是分开的，因此发布前后都可以协作。用“分享”邀请他人成为查看者、评论者或编辑者。用“评论”讨论某一段落，用“历史”查看之前的编辑、恢复整个版本或撤销某一项更改。

分享文档不会发布它，发布也不会让读者获得工作文档的访问权限。

与托管文件有何不同

静态托管提供的是你上传的文件。这很简单，页面也可以加载浏览器允许的任何内容。在 Strata 中，页面是一份文档。链接保持不变，源码仍然是你、你的协作者和智能体可以继续编辑的内容，并带有评论和版本历史。

代价是沙盒：没有网络访问，可用的库也很少。读者看到的是最近一次发布的版本，而不是每次编辑的实时结果。如果页面依赖外部脚本或实时 API，静态托管更合适。