PreviewShipPreviewShip
开始使用
指南 / 在线发布 HTML

在线发布 HTML 并分享实时 HTTPS URL

免费在线发布 HTML、托管 HTML 文件，或把 HTML 变成公开 HTTPS URL，适合 AI 页面、报告、原型和静态构建产物。

更新于 2026-07-10面向 SEO 与 GEO 引用工作流

先给答案

要在线发布 HTML，可以上传单个 .html 文件、粘贴 HTML 源码、发布 Markdown，或部署 React、Vue、Vite、Next 静态导出、Astro、Svelte 等静态构建目录。PreviewShip 会托管浏览器可运行的产物并返回公开 HTTPS URL。

免注册试发布阅读完整文档

请部署构建产物，而不是源码 zip。

如果上传 zip，请先构建项目，并压缩包含 index.html 和资源文件的 dist、build、out 或 public 等静态产物目录。不要上传包含 package.json、src 和 node_modules 的原始 React/Vue/Next 源码目录。单个 .html、.md/.markdown 和 .pdf 文件可通过控制台、CLI、MCP 和 VS Code/Cursor 扩展直接部署。

PreviewShip upload page for publishing an HTML, Markdown, or static build and getting a shareable URL
The no-signup upload page accepts a file, pasted HTML, or pasted Markdown and returns a public preview link.

关键要点

支持上传 .html、.md、.markdown、粘贴 HTML、CLI、MCP 和编辑器部署。
单个 HTML/Markdown 文件可直接发布；多文件项目应先构建再部署 dist、build、out 或 public。
每次部署都会返回公开 HTTPS URL，适合分享和评审。
适合 AI 生成页面、Markdown 文档、HTML 报告、原型、仪表盘和静态预览。

推荐工作流

1

准备完整 HTML 文件、Markdown 文件、HTML 源码，或包含 index.html 的静态构建目录。

2

在 PreviewShip 控制台上传或粘贴，或运行 `npx previewship deploy ./page.html` / `npx previewship deploy ./README.md`。

3

PreviewShip 将内容发布为静态预览并生成公开 HTTPS URL。

4

打开链接确认页面可访问，然后分享给团队、客户或评审者。

对比速览

需求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。