如何从 Claude 对话发布 HTML
Claude is brilliant at building single-file websites — landing pages, presentations, little games — but Anthropic doesn't host them. Your page lives in an Artifact inside claude.ai, and the people you want to show it to don't have your chat. Here's how to move it from the chat to a real, shareable web address in about half a minute.
- 01
Open the Artifact
Your page appears in Claude's side panel as an Artifact with a live preview. Click it so the preview panel is open, then switch to the code view if you want to peek at the HTML.
- 02
Copy or download the code
Use the copy icon at the bottom of the Artifact panel, or the download button to save the file straight to your computer. Either way you now have the full HTML.
- 03
另存为 index.html
把代码粘贴到任意文本编辑器中——记事本、TextEdit、VS Code——然后将文件另存为 index.html。这个名字很重要:浏览器会把它当作你的主页。
- 04
拖进下方的方框
把 index.html(或整个文件夹)拖进本页的上传框,然后点击发布。你的网站会立刻拥有专属网址。
- 05
分享你的链接
就这么简单——把 URL 发给任何人。你可以随时在仪表盘中重命名网站、更新文件或删除它。
把你的 Claude HTML 拖到这里
一个文件或整个文件夹都可以——发布的那一刻你就能拿到可访问链接。
把你的网站拖到这里
拖入一个包含 index.html 的文件夹或 ZIP 文件——或者直接粘贴剪贴板中的 HTML——我们几秒内就能让它上线。无需搭建、无需配置,不折腾。
或者让 Claude 替你发布
完全跳过手动复制。复制我们准备好的说明,粘贴到你的 Claude 对话中,它就能通过我们的 API 上传网站——你会拿到一个可访问链接,以及一个用于认领所有权的私密认领链接。
更习惯在终端里操作?运行 npx harvis——无需账号。
Claude 发布常见问题
Claude gives me a share link for Artifacts — isn't that enough?
A published Artifact link opens inside claude.ai with Claude branding around it, and viewers may be asked to sign in. Publishing here gives you a plain website on its own address that anyone can open in any browser — no account, no chrome around your page.
What if I'm using Claude Code in the terminal?
Then your files are already on disk — even easier. Run npx harvis inside the project folder and it deploys everything, or paste our AI instructions into Claude Code and it will publish the site for you through our API.
从 Claude 发布 HTML 最简单的方法是什么?
有三种方法。最简单的:从 Claude 复制 HTML,粘贴到本页的方框中——我们会立刻把它变成一个上线网站。完全自动:把我们的 AI 说明复制到你的 Claude 对话中,它会通过我们的 API 替你发布。在终端里:在网站文件夹中运行 npx harvis,一条命令即可部署。
发布需要账号吗?
从本页发布需要一个免费账号,这样你的网站才能在仪表盘中有个归属。不想注册?在终端里运行 npx harvis——它无需账号即可部署,并给你一个私密认领链接,供以后使用。
如果 Claude 给了我不止一个文件怎么办?
把所有文件放进一个文件夹——index.html 放在最外层,加上它引用的所有 CSS、JavaScript 和图片——然后把整个文件夹拖进方框。每个网站最多 500 个文件、50 MB。
费用是多少?网站能保持在线多久?
免费,并且已发布的网站不会过期——会一直在线,直到你在仪表盘中删除它们。随时可以重新上传,链接保持不变。
在用别的 AI 对话工具?
各处的方法几乎一样——选择你的工具查看具体步骤。