資料擷取

使用時 付費工作空間計劃，您可以選擇直接從 Webflow Designer 提取網站的 HTML、CSS、JavaScript 和資源。這對於建立程式碼備份或根據請求將其提供給客戶非常有用。您還可以利用提取的程式碼在任何所需的平台上託管，而無需歸屬。 

本教學將涵蓋以下領域：

1. 提取程式碼的方法
2. 擷取縮小 HTML 的過程
3. 提取文件的內容
4. 提取文件中的排除項
5. 常見問題和故障排除提示

提取程式碼的方法

1. 啟動您網站的設計器
2. 選擇 出口 選項 
3. 點選 準備ZIP 
4. 繼續下載 ZIP 文件

筆記： 提取的程式碼中不包含來自 CMS、使用者帳戶和電子商務（資料庫）以及邏輯流的內容。集合清單將顯示空狀態，集合頁面將缺少附加到集合欄位的內容。頁面的密碼保護將在程式碼提取後失效。此外，網站搜尋功能和表單（包括檔案上傳和 reCAPTCHA）將停止在匯出網站上運行，以遵守 GDPR 法規。請參閱匯出網站上表單提交的附加指南。

擷取縮小 HTML 的方法

透過縮小來優化 HTML 可以消除不必要的空白、註解和瀏覽器渲染不需要的其他非必要程式碼元素，從而提高頁面載入速度。要提取縮小的 HTML：

1. 點選 出口 按鈕位於設計器頂部
2. 按 控制+O 在你的鍵盤上
3. 選取該框 縮小 HTML 出現在匯出視窗中
4. 點選 準備ZIP 
5. 儲存 ZIP 文件

提取文件的內容

下載的 ZIP 檔案將包含您網站中的所有頁面、樣式、腳本和圖像：

1. CSS 目錄 您網站上的所有樣式均包含在 3 中 .css 文件：

• CSS 文件 （例如，your-site-name.css）包含所有自訂樣式
• 網頁串流.css 其中包括 Webflow 佈局系統的基本基本樣式以及導覽列、滑桿和選項卡等各種組件
• 標準化.css 確保瀏覽器一致地渲染元素並符合現代標準。它特別關注需要標準化的樣式。

2. 一個JS目錄 容納 Webflow.js 文件。該文件包含在頁面上啟用互動式元素所需的 JavaScript。表單、導覽列、滑桿、選項卡和互動等元素都依賴 webflow.js。 刪除此文件可能會導致您的頁面出現正確但功能不正常。
3. 影像目錄 包含在您網站的資產管理器中上傳的圖像
4. .html 檔案 適用於所有網站頁面（包括沒有內容的集合範本頁面）

筆記： 提取的程式碼中不包含來自 CMS、使用者帳戶和電子商務（資料庫）以及邏輯流的內容。集合清單將顯示空狀態，集合頁面將缺少附加到集合欄位的內容。頁面的密碼保護將在程式碼提取後失效。此外，網站搜尋功能和表單（包括檔案上傳和 reCAPTCHA）將停止在匯出網站上運行，以遵守 GDPR 法規。請參閱匯出網站上表單提交的附加指南。

富有洞察力： 若要了解 Webflow 匯出的程式碼，請查看 Webflow 的原始程式碼 我們的主頁 右鍵單擊並選擇查看頁面來源。一切都是用 Webflow 製作的！

提取文件中的排除項

隨後的功能和內容被排除在提取的程式碼之外，並且不會在導出的網站上按預期運行： 

• CMS 內容和功能（包括集合項目和清單）
• 使用者帳戶內容和功能（包括使用者和存取群組）
• 電子商務內容和功能（包括產品和結帳）
• 網站或頁面密碼保護
• 表單提交處理 
• 現有表單提交（可單獨匯出）
• 表單中存在的 reCAPTCHA 元素
• 站內搜尋
• 邏輯流程

請注意： 內容管理系統， 使用者帳戶，如果您希望保留收藏項目、使用者帳戶和產品的備份，則可以以 CSV 格式單獨匯出電子商務收藏。了解有關 CSV 匯出的更多資訊。

常見問題與故障排除提示

類別名稱中“w-”前綴的基本原理是什麼？

為了避免與其他程式碼框架發生衝突，Webflow 在元件特定的類別中加入了「w-」前綴。 

我可以選擇性地匯出網站程式碼的某些部分嗎？

目前，無法選擇特定零件進行出口。您網站的每個可匯出方面都將包含在每次提取中。 

導出後修改程式碼是否可行？

匯出後，您可以自由地更改程式碼。然而，對匯出檔案的手動調整可能會破壞某些 Webflow 元件。 

我可以從匯出頁面的 URL 中刪除 .html 副檔名嗎？

要從匯出的頁面中刪除 .html 副檔名，您可以使用 .htaccess 文件. 

如果我在外部託管我的網站，我是否必須記入 Webflow？

匯出後，匯出的網站無需歸屬或要求 Webflow 計劃即可在外部伺服器上運行。 

提取的程式碼是否包含我的 CMS、會員資格和電子商務內容？

CMS、使用者帳戶和電子商務內容（資料庫）不是提取的程式碼的一部分。集合清單將顯示空狀態，並且集合頁面將缺少綁定到集合欄位的內容。 

提取代碼後受密碼保護的頁面是否仍然安全？

不會。為了使密碼保護正常運作，您的網站必須託管在 Webflow 上。請參閱有關項目和頁面密碼的詳細資訊。 

如果我在其他地方託管程式碼，所有網站元素都可以工作嗎？

CMS、使用者帳戶、電子商務內容（資料庫）和功能以及邏輯流不包含在提取的程式碼中。這些功能需要託管才能正常運作。在匯出的網站上，集合清單將顯示空狀態，並且集合頁面將缺少綁定到集合欄位的內容。網站上任何受密碼保護的頁面在提取程式碼後都將失去保護。 

此外，為了遵守 GDPR，網站搜尋功能和表單（包括檔案上傳和 reCAPTCHA）在匯出網站上將無法運作。若要收集表單提交，請考慮使用第三方工具或嵌入第三方表單整合。請參閱在匯出網站上收集表單提交的指南。

為什麼導出網站後我的 Lottie 動畫無法在本地運行？

對於安全協議，Lottie JSON 檔案不會從本機檔案系統載入；因此，當本地訪問該網站時，Lottie 動畫將不會顯示。 Web 伺服器對於動畫按預期運行至關重要。