代碼匯出 - Webflow 幫助
在付費工作區計劃中，您可以匯出網站的 HTML、CSS、JavaScript 和資產，以備份您的代碼，提供給客戶，或在任何您喜歡的地方託管——不需要署名。
如何匯出您的代碼
- 在 Webflow 中打開您的網站
- 前往主選單 > 代碼匯出（點擊左上角的"W"標誌以打開主選單），或按Shift + E
- 點擊準備 ZIP
- 下載 ZIP 文件
如何匯出壓縮的 HTML
壓縮 HTML 可以通過移除空白、註釋和其他瀏覽器不需要加載頁面的代碼元素來幫助提高頁面加載速度。要匯出壓縮的 HTML：
- 在 Webflow 中打開您的網站
- 前往主選單 > 代碼匯出（點擊左上角的"W"標誌），或按Shift + E
- 按Command + O（在 Mac 上）或Control + O（在 Windows 上）
- 在匯出窗口中勾選壓縮 HTML選框
- 點擊準備 ZIP
- 下載 ZIP 文件
匯出檔案包含的內容
下載的 ZIP 檔案包含您網站的所有頁面、樣式、腳本和圖片：
- CSS 資料夾，包含網站的所有樣式，分為 3 個 .css 檔案： - 包含網站自訂樣式的 CSS 檔案（例如，
your-site-name.css） -webflow.css，包含 Webflow 佈局元件的通用基礎樣式 -normalize.css，使瀏覽器更一致地渲染所有元素 - JS 資料夾，包含網站的所有 JavaScript 檔案。表單、導航欄、滑塊、標籤和互動等元素和功能依賴於這些檔案。如果刪除這些檔案，頁面可能看起來正確，但不會如預期運作。
- 圖片資料夾，包含網站資產面板中上傳的所有圖片
所有網站頁面的 .html 檔案（包括空的集合模板頁面）
值得注意
如果您想查看 Webflow 匯出的代碼範例，請查看首頁的原始碼——它完全是在 Webflow 中構建的！
匯出檔案不包含的內容
以下功能和內容不包含在匯出的代碼中，且在匯出網站上將無法如預期運作：
- CMS 內容和功能（包括集合項目和集合列表）
- 用戶帳戶內容和功能（包括用戶和訪問群組）
- 電子商務內容和功能（包括產品和結帳）
- 網站和/或頁面密碼保護
- 表單提交處理
- 現有的表單提交（可以單獨匯出）
- 表單中的 reCAPTCHA 元素
- 網站搜尋
- 本地化內容（僅包含網站主要語言的頁面、元素和內容）
- 代碼元件
常見問題與故障排除提示
為什麼類別名稱前有“w-”前綴？
Webflow 在元件特定的類別前加上“w-”前綴，以避免與其他代碼框架發生衝突。
我可以選擇只匯出網站的一部分代碼嗎？
目前，您無法選擇匯出內容。每次匯出都會包含網站的所有可匯出部分。
匯出後我可以編輯代碼嗎？
匯出後您可以編輯代碼。手動更改匯出文件可能會破壞某些 Webflow 元件。
我可以從匯出頁面的 URL 中移除 .html 擴展名嗎？
如果您想從匯出頁面中移除 .html 擴展名，可以使用 .htaccess 文件。
如果我在外部託管網站，是否需要提供 Webflow 歸屬？
不，您不需要提供 Webflow 歸屬，也不需要維持 Webflow 計劃，您的匯出網站可以在自己的伺服器上運行。
匯出的代碼是否包含我的 CMS、會員和電子商務內容？
不。CMS、用戶帳戶和電子商務內容（數據庫）不包含在匯出代碼中。集合列表將顯示空狀態。
匯出的代碼是否包含我的本地化頁面、元素和內容？
不。本地化頁面、元素和內容不包含在匯出代碼中。匯出代碼僅包含主要語言環境。
匯出程式碼後，密碼保護頁面是否仍然受保護？
不會。匯出程式碼後，網站上的任何密碼保護頁面將不再受保護。您的網站必須託管在 Webflow 上，密碼保護才能如預期運作。
如果我將程式碼託管在其他地方，網站上的所有元素是否都能運作？
CMS、使用者帳戶、電子商務內容和功能，以及本地化頁面、元素和內容不包含在匯出程式碼中。這些功能需要託管才能如預期運作。此外，為了遵守 GDPR，網站搜尋和表單（包括檔案上傳和 reCAPTCHA）在匯出網站上將無法運作。
為什麼匯出網站後，我的 Lottie 動畫在本地無法運作？
出於安全原因，Lottie JSON 檔案無法從本地檔案系統載入，因此當您在本地載入網站時，Lottie 動畫不會顯示——它們需要網頁伺服器才能如預期運作。