DeepSeek 程式碼部署

部署你的
DeepSeek 網站輸出

把 DeepSeek 生成的前端程式碼,從 prompt 輸出變成可開啟的 HTTPS 網址。靜態檔案可直接上傳;React/Vite 專案請先 build,再發佈 output 資料夾。

查看範例
deepseek-coder-v2
> Build a modern SaaS landing page with Tailwind CSS and a responsive hero section.
完成。我已生成前端檔案。如果專案使用 dependencies,請先 build,再部署靜態 output 資料夾。
index.htmlhtml
<!DOCTYPE html>
<html>
<body class="bg-slate-950">...
把生成的檔案拖放到下方

為 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 輸出到已發佈網站

01
01

要求完整檔案結構

請 DeepSeek 列出它預期的所有檔案:HTML、CSS、JavaScript、package.json、public assets、圖片、字型和框架設定。

02
02

有 dependencies 時先 build

如果專案使用 React、Vite、Tailwind 或 npm packages,發佈前先安裝 dependencies 並執行正式建置。

03
03

上傳靜態結果

簡單頁面上傳 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 部署問題

Fix 01

生成專案 import packages

安裝 dependencies 並執行正式建置。除非 bundler 已處理,瀏覽器無法直接從原始碼載入 bare npm imports。

Fix 02

Tailwind 樣式不見

上傳前先把 Tailwind 編譯成 CSS,或把只適合開發環境的假設換成正式樣式表。

Fix 03

頁面引用不存在的檔案

請 DeepSeek 輸出完整檔案結構,部署前建立或替換每個被引用的資源。

Fix 04

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。