如何把 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 文件分享为链接

从桌面上的文件到在线URL,不到一分钟。

部署你的第一个页面