把 Claude Artifact 发布成真正的网站

Claude 做好了网页，在 Artifact 面板里看着也没问题。把代码粘贴到下面，就能得到一个可以发给任何人的网址，带 HTTPS，还能用你自己的名字。

Hostilo 已上架 Claude 连接器目录

只需把 Hostilo 添加到 Claude 一次，之后说“把它发布到 Hostilo”即可。Claude 会自己上传文件，无需复制粘贴。

操作步骤

请把它做成一个单独的 HTML 文件，CSS 和 JavaScript 都写在文件内，不要做成 React 组件。除了从 CDN 加载的字体和库，不要使用外部文件。网页内容：

粘贴到 AI 对话框，在冒号后描述你的网页。

Claude 给的是 React 组件，不是 HTML

React 类型的 Artifact（.jsx）需要构建。可以这样问 Claude：“把这个 Artifact 改成一个独立的 HTML 文件，通过 CDN 加载 React”。生成的代码可以直接粘贴到 Hostilo。

发布后图片不显示

Claude 常会引用只存在于对话里的文件，比如 image.png。在编辑器的文件标签页上传同名图片，或者让 Claude 改用图片网址。

中文或其他特殊字符显示乱码

检查 head 里是否有 <meta charset="UTF-8">。Claude 一般会加上，但只复制部分代码时容易漏掉。

PRO 版支持自有域名、20 个网页、1 GB 空间、去除标识和一年统计数据，每年 $29。注册后可免费试用 7 天。

Claude 自带的发布按钮不够用吗？

那个按钮是在 claude.ai 上分享 Artifact。Hostilo 给它一个普通网站地址，还能修改代码、添加子页面、接入联系表单，之后也能绑定自有域名。

能让 Claude 直接发布到 Hostilo，不用复制吗？

可以。在 Claude 中添加 Hostilo 连接器（https://hostilo.app/mcp），授权后说一句“把这个发布到 Hostilo”，Claude 会自己上传文件。

关掉对话后，网页还在线吗？

在。网页存放在 Hostilo，而不是对话里。免费版每月登录一次，网页就不会被暂停。

之后还能修改网页吗？

可以。在编辑器里打开，改文字或代码后保存。也可以把 Claude 生成的新版本覆盖粘贴进去。系统会保留最近的版本，随时可以回退。

用邮箱和密码注册即可。免费版，无需绑卡。