指南 / 粘贴 HTML
粘贴 HTML 并获得 URL
把 HTML 粘贴到 PreviewShip,即可为 AI 生成页面、报告、仪表盘、原型和一次性静态预览生成公开 URL。
更新于 2026-05-29
先给答案
如果你已经有一段完整 HTML,可以直接粘贴到 PreviewShip 并部署。PreviewShip 会把它打包为 index.html,并返回可分享的公开 URL。
关键要点
- 支持上传 .html、粘贴 HTML、CLI、MCP 和编辑器部署。
- 单个 HTML 文件可直接发布;多文件项目应先构建再部署 dist、build、out 或 public。
- 每次部署都会返回公开 HTTPS URL,适合分享和评审。
- 适合 AI 生成页面、HTML 报告、原型、仪表盘和静态预览。
推荐工作流
- 准备完整 HTML 文件、HTML 源码,或包含 index.html 的静态构建目录。
- 在 PreviewShip 控制台上传或粘贴,或运行 `npx previewship deploy ./page.html`。
- PreviewShip 将内容发布为静态预览并生成公开 HTTPS URL。
- 打开链接确认页面可访问,然后分享给团队、客户或评审者。
对比速览
| 需求 | PreviewShip 工作流 | 常见托管流程 |
|---|---|---|
| 单个 HTML 文件 | 上传 .html 或粘贴 HTML | 通常要先创建目录、仓库或压缩包 |
| AI 生成内容 | ChatGPT、Claude、Cursor 产物可直接发布 | 常需要手动整理文件 |
| 多文件项目 | 先构建并部署 dist/build/out/public | 通常需要配置构建或 Git |
| 自动化 | CLI JSON 和 MCP 原生支持 | 通常依赖自定义脚本 |
什么时候直接发布 HTML
如果页面已经是浏览器可运行的完整 HTML,最快路径就是上传或粘贴。PreviewShip 会把它作为静态预览发布,并返回可打开的公网链接。
如果 HTML 引用了本地 CSS、图片、字体或 JavaScript,请上传包含这些资源和 index.html 的静态构建目录或 zip。
为什么这对 AI 工作流重要
AI 工具经常生成单文件 HTML、报告、原型和可视化页面。真正阻塞分享的步骤通常不是生成,而是把结果变成稳定的公开 URL。
PreviewShip 把浏览器上传、CLI、MCP、VS Code 和 Cursor 连接到同一条 HTML-to-URL 工作流。
常见问题
- 可以不打 zip 直接上传 HTML 吗?
- 可以。PreviewShip 支持直接上传 .html,也支持粘贴完整 HTML 源码。
- 可以发布 ChatGPT 或 Claude 生成的 HTML 吗?
- 可以。复制 HTML、上传 .html,或通过 CLI/MCP 部署,都可以获得公开 HTTPS URL。
- 需要自定义域名吗?
- 不需要。PreviewShip 会返回托管好的预览 URL,适合快速分享和评审。
- 应该上传源码还是构建产物?
- 上传浏览器可直接运行的产物。单 HTML 文件可直接部署;React/Vue/Next/Astro 等项目应先 build。