部署你的
DeepSeek 網站輸出
把 DeepSeek 生成的前端程式碼,從 prompt 輸出變成可開啟的 HTTPS 網址。靜態檔案可直接上傳;React/Vite 專案請先 build,再發佈 output 資料夾。
為 DeepSeek 輸出選對部署路徑
DeepSeek 可能產出單一 HTML,也可能產出 dependency 很重的 App。部署方式取決於它生成了什麼。
純 HTML/CSS/JS
直接上傳檔案。確認 index.html 在根目錄,並包含本機資源。
React 或 Vite 專案
先執行 build 指令。部署 dist 或 build 資料夾,不要上傳 node_modules 或原始碼檔案。
Tailwind 專案
如果 Tailwind 是 build 的一部分,上傳前先編譯 CSS,或確認生成頁面不依賴只適合開發環境的 CDN 設定。
需要後端的 App
靜態託管可以發佈前端。API routes、資料庫、登入、檔案上傳和私密金鑰需要獨立後端。
從 DeepSeek 輸出到已發佈網站
要求完整檔案結構
請 DeepSeek 列出它預期的所有檔案:HTML、CSS、JavaScript、package.json、public assets、圖片、字型和框架設定。
有 dependencies 時先 build
如果專案使用 React、Vite、Tailwind 或 npm packages,發佈前先安裝 dependencies 並執行正式建置。
上傳靜態結果
簡單頁面上傳 index.html;打包 App 上傳 dist/build 資料夾。接著用真實瀏覽器檢查上線網址。
上傳前先審查生成程式碼
AI 生成程式碼常能跑 demo,但公開成網址前仍需要一次發佈前檢查。
依賴套件檢查
如果 import 指向 packages,確認 package.json 存在,而且 App 能在本機完成 build。
資源檔案檢查
把虛構圖片檔名、佔位 CDN URL 和缺失 icon 路徑換成真實資源。
私密資訊檢查
從前端程式碼移除 API key、資料庫 URL、admin token 和 service credential。
瀏覽器檢查
在桌機和手機測試部署後網址,分享頁面前先看 Console 錯誤。
常見 DeepSeek 部署問題
生成專案 import packages
安裝 dependencies 並執行正式建置。除非 bundler 已處理,瀏覽器無法直接從原始碼載入 bare npm imports。
Tailwind 樣式不見
上傳前先把 Tailwind 編譯成 CSS,或把只適合開發環境的假設換成正式樣式表。
頁面引用不存在的檔案
請 DeepSeek 輸出完整檔案結構,部署前建立或替換每個被引用的資源。
App 需要資料庫或登入系統
把前端當靜態網站部署,後端邏輯則移到 API、serverless function 或 managed service。
DeepSeek 部署常見問題
不同 DeepSeek model 版本的輸出都能部署嗎?
可以。DeployPages 只看最後產生的網頁檔案,不在意是哪個 DeepSeek model 生成。
外部圖片和 script 還能用嗎?
只要 URL 有效就可以。如果資源在本機,請把它們一起放進上傳資料夾,讓相對路徑保持正確。
上傳修正版後能保留同一個網址嗎?
可以。如果你在 Console 更新既有部署,可以用新的 build 取代目前版本,不必從頭開始。
應該上傳 node_modules 嗎?
不要。請先 build 專案,然後上傳生成的靜態 output。node_modules 是開發依賴資料夾,不是瀏覽器可直接使用的網站。
如果 DeepSeek 也生成了後端程式碼呢?
請把前端部署分開。靜態託管可以提供 UI,後端程式碼需要 server、serverless function、worker 或代管 API。