指南 / HTML 檔案託管
HTML 檔案託管：單頁和 AI 產物
用 PreviewShip 線上託管 HTML 檔案。支援上傳 .html、貼上 HTML、CLI/MCP 部署 page.html，並產生可分享公開 URL。
更新於 2026-05-29
先給答案
HTML 檔案託管就是把瀏覽器可直接開啟的 .html 放到公開 URL 上。PreviewShip 可以把上傳、貼上或 CLI 部署的 HTML 發布成靜態預覽連結。
關鍵要點
- 支援上傳 .html、貼上 HTML、CLI、MCP 和編輯器部署。
- 單一 HTML 檔案可直接發布；多檔案專案應先建置再部署 dist、build、out 或 public。
- 每次部署都會返回公開 HTTPS URL，適合分享和 review。
- 適合 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，適合快速分享和 review。
- 應該上傳原始碼還是建置產物？
- 上傳瀏覽器可直接執行的產物。單 HTML 檔案可直接部署；React/Vue/Next/Astro 等專案應先 build。