上传静态页面， 立即获得 分享链接
上传 HTML、Markdown、PDF、ZIP 或已经构建好的静态页面，立即得到可以分享的链接。不用配置域名、服务器或 Git。
产物变成预览链接
浏览器可直接打开的静态产物，无需 Git 设置即可分享评审。
dist/index.html
previewship deploy --json
https://demo.previewship.net
demo.preview...
上传 React/Vue 构建产物、HTML、Markdown 或 PDF
React/Vue/Vite/Next 等项目先构建，再上传 dist/build/out/public 或包含 index.html 的 zip；单个 HTML、Markdown 和 PDF 文件仍可直接发布。
拖入 dist/build/out zip、.html、.md 或 .pdf
上传浏览器可直接打开的产物，不是源码项目。
可以上传
不要上传
围绕用户已经在尝试的工作流构建
AI HTML 产物
发布 ChatGPT、Claude、Cursor 和 coding agents 生成的报告、原型、dashboard 与单文件页面。
直接支持 HTML、Markdown 和 PDF
直接上传 .html、Markdown 或 .pdf，粘贴 HTML，或用 CLI/MCP 部署 ./page.html、./README.md、./report.pdf。PDF 链接使用浏览器原生全屏阅读器。
框架构建产物
React、Vue、Vite、Next、Astro、Svelte 等项目先 build 后即可部署；上传 dist/build/out/public，不上传源码目录。
覆盖每一种产物到公开链接的工作流
大多数托管工具只优化一条路径：粘贴 HTML、上传 zip 或运行 CLI。PreviewShip 同时覆盖 React/Vue/Vite/Next 构建产物、AI 生成 HTML、Markdown、PDF 文档、编辑器部署和 MCP 智能体。
粘贴 HTML 并发布
在控制台粘贴完整 HTML 文档，为 ChatGPT、Claude、Gemini 或 Cursor 输出获得实时 URL。
了解更多上传单个 HTML、Markdown 或 PDF 文件
上传 report.html、README.md、docs.markdown、report.pdf 或其他独立文档。HTML 和 Markdown 会生成网页入口，PDF 通过浏览器原生全屏阅读器打开。
了解更多部署 React/Vue 构建产物
部署 Vite、React、Vue、Next 静态导出、Astro 或 Svelte 输出：dist、build、out、public，或包含 index.html 的构建产物 zip。
了解更多让 AI 智能体部署
通过 MCP 或 CLI JSON 输出，让 Claude Code、Cursor、Windsurf 和 Codex 完成部署并返回预览链接。
了解更多实际演示
开发者与 AI 编程智能体之间的一段对话示例。
我来帮你部署到 PreviewShip，获取一个可分享的链接。
从创意到可分享链接——无需离开对话。
即时预览所需的一切
从控制台、编辑器、终端或 AI agent 部署 React/Vue/Vite/Next 构建产物、生成的 HTML、Markdown、PDF 文档和前端产物。无需复杂设置。
即时预览
上传 dist/build/out/public 等构建产物，几秒内获取实时预览链接。无需 CI/CD 配置。
AI HTML 就绪
将生成的 HTML 报告、Markdown 笔记、仪表盘、落地页和原型发布为公开预览链接。
AI 智能体就绪
为 Claude Code、Cursor、Windsurf、Codex、OpenClaw 等 AI 编程智能体打造。支持 MCP 或 CLI 部署。
Codex 会话分享
安装可选的 share-codex-chat skill，把当前 Codex 对话还原成高保真页面并发布成 PreviewShip 链接。
Claude Code 会话分享
安装可选的 share-claude-code-chat skill，把 Claude Code 对话发布成带工具时间线、隐藏思考内容的可分享页面。
CLI 部署
从终端用一条命令部署 dist/build/out，或单个 HTML、Markdown、PDF 文件，适合脚本、CI 流水线和 AI agent。
原生 MCP 支持
一流的 MCP 服务器支持。任何 MCP 兼容智能体都可以将部署作为工具调用。
手动上传
在控制台拖拽上传构建产物 zip、单个 HTML/Markdown/PDF 文件，或粘贴 HTML。无需插件，任何浏览器都可使用。
随处分享
获取唯一的预览链接，即时分享给团队成员、客户或利益相关者。
为 AI 工具实际生成的页面而设计
当输出已经能在浏览器运行，下一步就是把它分享给别人，PreviewShip 在这个环节最有价值。
为 AI 智能体打造
直接从 AI 编程智能体部署预览。两种集成方式——选择适合你的工作流程。
# Install (or use npx directly)
npm install -g previewship
# Set your API Key
previewship login
# Deploy
previewship deploy ./dist
previewship deploy ./report.html
# JSON output for agents
previewship deploy ./dist --json
previewship deploy ./report.html --jsonCLI
一条命令即可从任何终端或 AI 智能体部署。结构化 JSON 输出便于自动化。
一键部署
单条命令或工具调用即可创建线上站点。
零配置
无需清单或项目文件。指向即部署。
结构化输出
JSON 响应便于智能体解析。
全球 CDN
站点通过全球边缘网络分发。
可选 Agent 会话 skills
当工作过程本身也需要上下文时，直接分享 AI 编程对话。
对 Codex 和 Claude Code 用户来说，PreviewShip skills 可以把可见聊天记录还原成高保真 HTML 页面，并发布成公开链接，用于调试上下文、实现记录和评审交接。
分享 Codex 对话
把当前可见 Codex 聊天记录导出为高保真 PreviewShip 页面。
npx skills add blockdancez/PreviewShip --skill share-codex-chat -a codex -g --yes$share-codex-chat 分享当前 Codex 对话分享 Claude Code 对话
读取 Claude Code JSONL 历史，隐藏思考原文，并把工具调用过程保留为可折叠时间线。
npx skills add blockdancez/PreviewShip --skill share-claude-code-chat -a codex -g --yes$share-claude-code-chat 分享 Claude Code 对话当你只需要公开预览 URL，比 Git 托管更快
GitHub Pages、Vercel、Netlify、Surge、Tiiny Host、HTML Pub 和 Aired 都解决了部分静态托管问题。PreviewShip 专注于 AI 构建者反复遇到的流程：生成 HTML 或构建产物输入，分享链接输出。
| 工作流 | PreviewShip | 通用静态托管 |
|---|---|---|
| 单个 HTML/Markdown/PDF | 粘贴 HTML、上传 .html/.md/.markdown/.pdf，或从 CLI/MCP/编辑器部署 ./page.html 和 ./README.md。 | 通常需要仓库、文件管理器、子域设置或包含 index.html 的 zip。 |
| AI 智能体 | MCP server、CLI 和结构化 JSON 输出是一等路径。 | 通常面向人工控制台或 Git push 工作流。 |
| 前端构建产物 | 上传可直接服务的 dist/build/out/public 或 zip。 | 常常绑定 Git、构建设置或生产托管。 |
| 评审链接 | 为临时预览、设计评审、QA 和客户确认而设计。 | 通常是更宽泛的网站托管或生产部署。 |
工作流程
三个简单步骤，分享您的前端预览。
上传
通过控制台、VS Code/Cursor、CLI 或 MCP 智能体上传 React/Vue/Vite/Next 构建后的静态产物；单个 HTML、Markdown 和 PDF 文件可直接发布。
部署
我们将您的项目部署到全球 CDN，并生成唯一的预览链接。
分享
将预览链接分享给团队。他们可以在任何浏览器中即时查看。
编辑器扩展
在 VS Code 或 Cursor 中一条命令即可部署。
Cursor
Cursor 完全兼容 VS Code 扩展，安装步骤相同。
- 1
打开 Cursor，按 Ctrl+P（Mac 按 Cmd+P），粘贴以下命令并回车：
ext install previewship.previewship - 2
在命令面板（Ctrl+Shift+P）中运行「PreviewShip: Set API Key」，输入你的 API Key。
- 3
打开项目文件夹，运行「PreviewShip: Deploy Workspace, HTML, Markdown, or PDF File」；或打开 .html/.md/.pdf 文件并运行「PreviewShip: Deploy Active HTML, Markdown, or PDF File」——几秒内获取预览链接。
VS Code
从 VS Code 扩展商店安装，或使用命令面板。
- 1
打开 VS Code，按 Ctrl+P（Mac 按 Cmd+P），粘贴以下命令并回车：
ext install previewship.previewship - 2
在命令面板（Ctrl+Shift+P）中运行「PreviewShip: Set API Key」，输入你的 API Key。
- 3
打开项目文件夹，运行「PreviewShip: Deploy Workspace, HTML, Markdown, or PDF File」；或打开 .html/.md/.pdf 文件并运行「PreviewShip: Deploy Active HTML, Markdown, or PDF File」——几秒内获取预览链接。
还没有 API Key？免费注册后，在控制台的 API Keys 页面创建即可。
用于在 Cursor / VS Code 中离线或手动安装
常见问题
关于 PreviewShip 的常见问题。