如何从 Grok 对话发布 HTML
Whether you use Grok on X or at grok.com, it will write you a full website and Grok Studio will preview it side-by-side with the code. But xAI doesn't host your page — the preview disappears when the chat does. Here's how to give it a permanent address for free.
- 01
Open the code view
In Grok Studio your page shows as a live preview — switch to the code tab to see the HTML. In a plain chat answer it's in a code block.
- 02
Copy the HTML
Use the copy button on the code view or code block. If Grok wrote separate CSS or JS files, copy those too, or ask it to inline everything into one file.
- 03
另存为 index.html
把代码粘贴到任意文本编辑器中——记事本、TextEdit、VS Code——然后将文件另存为 index.html。这个名字很重要:浏览器会把它当作你的主页。
- 04
拖进下方的方框
把 index.html(或整个文件夹)拖进本页的上传框,然后点击发布。你的网站会立刻拥有专属网址。
- 05
分享你的链接
就这么简单——把 URL 发给任何人。你可以随时在仪表盘中重命名网站、更新文件或删除它。
把你的 Grok HTML 拖到这里
一个文件或整个文件夹都可以——发布的那一刻你就能拿到可访问链接。
把你的网站拖到这里
拖入一个包含 index.html 的文件夹或 ZIP 文件——或者直接粘贴剪贴板中的 HTML——我们几秒内就能让它上线。无需搭建、无需配置,不折腾。
或者让 Grok 替你发布
完全跳过手动复制。复制我们准备好的说明,粘贴到你的 Grok 对话中,它就能通过我们的 API 上传网站——你会拿到一个可访问链接,以及一个用于认领所有权的私密认领链接。
更习惯在终端里操作?运行 npx harvis——无需账号。
Grok 发布常见问题
Can I share my Grok Studio preview directly?
No — the Studio preview only renders inside your own Grok session. There's no public link to hand out. Publishing the code here creates a real URL anyone can open.
I used Grok inside X. Is it any different?
The steps are the same: find the code block in the conversation, copy it, save it as index.html, and drop it in the box below. Where you chatted doesn't matter — only the HTML does.
从 Grok 发布 HTML 最简单的方法是什么?
有三种方法。最简单的:从 Grok 复制 HTML,粘贴到本页的方框中——我们会立刻把它变成一个上线网站。完全自动:把我们的 AI 说明复制到你的 Grok 对话中,它会通过我们的 API 替你发布。在终端里:在网站文件夹中运行 npx harvis,一条命令即可部署。
发布需要账号吗?
从本页发布需要一个免费账号,这样你的网站才能在仪表盘中有个归属。不想注册?在终端里运行 npx harvis——它无需账号即可部署,并给你一个私密认领链接,供以后使用。
如果 Grok 给了我不止一个文件怎么办?
把所有文件放进一个文件夹——index.html 放在最外层,加上它引用的所有 CSS、JavaScript 和图片——然后把整个文件夹拖进方框。每个网站最多 500 个文件、50 MB。
费用是多少?网站能保持在线多久?
免费,并且已发布的网站不会过期——会一直在线,直到你在仪表盘中删除它们。随时可以重新上传,链接保持不变。
在用别的 AI 对话工具?
各处的方法几乎一样——选择你的工具查看具体步骤。