如何把 Claude 的 artifact 托管到自己的链接
Claude 的 artifact 是从对话里得到一个可用网页的最舒服的方式之一:要一个仪表盘、一份方案、一个落地页,你就得到一个渲染好、可以点来点去的 HTML artifact。Claude 还能把它发布出去,让对话之外的人打开。这篇文章讲的是内置发布和托管之间的差距——什么时候内置链接够用,不够用时怎么把同一份 HTML 搬到你掌控的链接上。以下细节取自 2026-09-08 的 Claude 帮助中心。
"发布"给了你什么,没给什么
artifact 上的发布(Publish)按钮会生成一个任何人不需要 Claude 账号就能打开的公开链接。对快速的"看看这个"确实有用。限制在于:
- 地址是 Claude 的,不是你的。 是一个带着你选不了的标识符的
claude.ai链接。没有命名选项,也没办法放到你的子域名或域名上。 - Team 和 Enterprise 不能公开发布。 据帮助中心,发布功能在 Free、Pro 和 Max 套餐可用;Team 和 Enterprise 账号只能在组织内部分享。如果你在公司账号里工作,公开链接干脆不存在。
- 取消发布是单向的。 一旦取消发布,同一个 artifact 不能再发布,你得新建一个。
- 查看者不能编辑。 发布出去的页面是快照。要改,就在 Claude 里编辑再重新发布;要在别人的基础上做,就把代码复制到新对话。
对明天就丢掉的演示,这些都无所谓。对发给客户的方案、会持续更新的页面,或来自 Team 工作区的任何东西,就有所谓了。
HTML 本来就是你的
artifact 是一份自包含的 HTML 文档——这正是它能在侧栏渲染的原因。打开 artifact,用复制或下载控件拿到代码,你就有了一个任何静态托管都能原样提供的文件。artifact 在 Claude 里能做的,在别处也一样能做:样式和脚本都是内联的,没有要一起带走的资源。
放到你自己的链接上
用 hdply:把 artifact 的 HTML 粘到首页的框里,按下按钮。页面立刻在一个带 HTTPS 的 name.hdply.com 地址上线,而你还没创建账号。这个链接保留一小时——足够在手机上检查然后发出去。免费账号可永久保留(6 页免费),提供浏览器编辑器做修改,保留每个版本所以改错一键撤销,还能自选子域名。
两个值得知道的行为。新页面在你开启收录前对搜索引擎隐藏,对发给几个人的东西这是正确的默认值。如果你继续在 Claude 里迭代,把新版本粘到编辑器里覆盖旧版本即可——链接不变。
如果连粘贴都不想做:hdply 有 MCP 服务器。把它接到 Claude Code 或 Claude Desktop,"发布这个页面"就成了 Claude 自己做的事,URL 会在对话里报告给你。
离开聊天窗口后会坏的东西
artifact 是为预览面板写的,离开之后会露出几个习惯:从未存在过的占位图片 URL;指向 # 的导航链接;假设宽面板、到手机上就塌掉的布局;偶尔在 </html> 之前被截断的文件。这些都不难修,全部在发布 AI 生成的 HTML 里讲过。发链接前看一眼手机视图:大多数收件人会用手机打开。
对照表
| Claude 的"发布" | hdply | |
|---|---|---|
| 地址 | claude.ai 链接,不由你选 | name.hdply.com,名字你定 |
| Team / Enterprise 可用 | 仅内部分享 | 可用(它只是 HTML) |
| 发布后编辑 | 从 Claude 重新发布 | 浏览器编辑器,链接不变 |
| 版本历史 | 无 | 有,可恢复 |
| 取消发布 | 对该 artifact 是永久的 | 随时删除或重新部署 |
| 默认不被搜索收录 | — | 是,直到你开启 |
| 需要账号 | 需要(Claude 账号) | 试用不需要;保留免费 |
什么时候 Claude 的内置发布更好
页面是一次性的、受众很小——给同事快速看一眼、线程里的一个原型——而且你在 Free、Pro 或 Max 套餐上时,用发布。一键完成,不需要别的服务,如果 artifact 明天就会被替代,一个稳定地址不值得多一个工具。当链接必须持久、必须是你的、或必须来自 Team 或 Enterprise 账号时,把它搬出来。
相关阅读:发布 ChatGPT 或 Claude 生成的 HTML · MCP 服务器文档 · 把 HTML 文件分享为链接