Claude 生成的网页怎么分享给别人?
Claude 的 Artifacts 功能可以生成漂亮的网页和交互组件,但官方「Publish」出来的链接在中国大陆经常打不开,对方点开一片空白;而且官方 unpublish 之后链接会永久失效、无法恢复。其实有更稳的办法:把代码复制出来,粘贴到 Artifacts 平台,几秒钟就能得到一个国内直连、微信也能打开的链接。全程不需要服务器,不需要懂部署。
在 Claude 里复制代码
Claude 生成网页后,右侧 Artifact 面板可以切换到「代码」视图,点右上角的复制按钮把整段代码复制下来。React 组件(.tsx)和完整 HTML 都可以,后面步骤一样。
注册账号,进入「新建作品」
打开 artifacts.orienthong.cn,用邮箱免费注册。登录后点右上角「新建作品」,进入创建页:左边写代码,右边实时预览。
选对类型,粘贴代码
Claude 生成的 React 组件选「Code」类型,完整网页(以 <!doctype html> 开头)选「HTML」类型。把代码粘贴进左侧编辑框,右侧几百毫秒内就会出现实时预览,标题还会自动从代码里提取,不满意可以手动改。
点「发布」,拿到链接
确认预览没问题后点「发布」,作品立刻生成一个 artifacts.orienthong.cn/a/xxx 的固定链接。之后每次修改保存都会自动存一个版本(最多保留 20 版),改坏了随时一键回滚——这一点和官方 unpublish 不可逆正好相反。
打开分享面板,发给对方
作品页点「分享」,可以直接复制链接,也可以保存二维码——对方微信「扫一扫」直达,不用点链接。想限时给某个人看,还能生成 1 小时到 30 天的临时链接,到期自动失效、可随时撤销。
常见问题
和 Claude 官方的 Publish 有什么区别?
官方链接在大陆访问不稳定,微信里基本打不开;unpublish 之后链接永久失效。这里的链接国内直连、微信可打开,作品带版本历史可回滚,代码随时可以完整复制导出,不存在「发出去就收不回来」的问题。
链接会一直有效吗?要收费吗?
免费。平台承诺不设「在线时长」类扣费机制,不会因为欠费把你的作品下线。你的代码归你所有,作品页随时可以整段复制走。
不想让所有人都看到怎么办?
发布时可见性可以选「不公开列出」(不进广场,知道链接的人可见)或「私密」,还可以给作品设 4-64 位访问密码;只想给一个人限时看,用临时链接最合适。