AI 生成的 HTML 怎么在线预览和分享

当 AI 工具输出了一个 HTML 页面或原型，可以用码上见快速检查浏览器中的页面效果并生成短期分享链接。整个流程不要求注册账号，也不需要先配置静态网站托管。

从生成代码到分享链接

1. 在 AI 工具中要求输出完整、可独立打开的 HTML 文档，并确认所需样式和脚本已包含或使用可访问的 URL。
2. 复制 HTML 代码，打开码上见并粘贴到编辑区。
3. 点击“预览”检查布局和交互。若外部资源缺失，检查资源 URL、网络访问和浏览器控制台错误。
4. 点击“发布”创建链接；如页面只面向指定查看者，可启用 4 位数字访问码。
5. 分享链接，并在需要时一并提供访问码。链接默认创建后 5 天过期。

发布前检查

• 确认粘贴的是 HTML 源码而非 Markdown 代码围栏；若包含围栏标记，请先移除。
• 单页需在 20 字节至 3 MB 之间，且编码为有效 UTF-8。
• 引用图片、字体或脚本时使用浏览器可访问的完整 URL；本地文件路径不会随代码自动上传。
• 检查页面是否包含真实密钥、个人资料、客户信息或其他不应公开的内容。

适用范围

这种方式适合演示稿、前端原型、教学示例和快速评审。码上见当前按单个 HTML 页面工作，不会上传项目文件夹或 ZIP，也不是长期网站托管服务。

需要自动化发布时，可调用 GEO API；API 接收原始 HTML 请求体并返回预览链接和过期时间。