如何发布 ChatGPT 或 Claude 生成的 HTML 网页
你让 ChatGPT、Claude 或 Gemini 帮你写了一个网页，得到了一大段在预览里看起来很棒的 HTML。接下来的问题永远是同一个：怎么把它放到网上让别人也能看到？这里是最短路径。
第一步：让 AI 输出一个自包含的单文件
在复制任何东西之前，先让 AI 把所有内容放进一个文件："给我一个单独的 HTML 文件，所有 CSS 和 JavaScript 都内联在里面。"一个自包含的 index.html，在托管、分享和更新上都比一个装满零散文件的文件夹省心得多。
第二步：复制代码 —— 甚至不用保存成文件
在 hdply 上免费注册，打开编辑器，把 AI 生成的 HTML 直接粘贴进去。点击部署，页面就上线在你自己的地址上，比如 my-site.hdply.com，HTTPS 已包含。如果你已经把代码保存成了文件，拖放上传也行。
从"AI 写完了"到"朋友们能打开链接"，全程大约一分钟。
第三步：和 AI 反复迭代，几秒钟重新部署
AI 写页面的真正威力在于迭代：提出修改，拿到新代码，粘贴，保存。每次部署都会自动保存版本，所以如果第 5 版出了问题，一键就能恢复到第 4 版。没有 Git，没有构建流水线 —— 整个循环就是对话 → 粘贴 → 保存。
发布前要检查的三件事
- 代码里不能有密钥。如果 AI 加入了 API key（天气组件、地图、LLM 调用之类），记住页面是公开的 —— 任何人都能查看源代码。只使用本来就设计为公开的 key，否则就删掉这个功能。
- 图片要用真实链接。AI 有时会引用根本不存在的图片。请使用真实、已托管图片的链接 —— 或者让 AI 输出内联 SVG，完全不需要外部文件。
- 手机上检查一遍。粘贴部署后，用手机打开网址。哪里看着不对就让 AI 修，重新部署只要几秒。
为什么不直接分享聊天记录或截图？
聊天链接会过期、需要账号，还会暴露你的提示词。截图没有交互。一个真正的网址是永久的，在任何设备上都能打开，看起来就像一个成品 —— 因为它本来就是。
相关阅读：把 HTML 文件变成链接分享 · 如何把 HTML 文件放到网上