使用時 付費工作空間計劃,您可以選擇直接從 Webflow Designer 提取網站的 HTML、CSS、JavaScript 和資源。這對於建立程式碼備份或根據請求將其提供給客戶非常有用。您還可以利用提取的程式碼在任何所需的平台上託管,而無需歸屬。
本教學將涵蓋以下領域:
- 提取程式碼的方法
- 擷取縮小 HTML 的過程
- 提取文件的內容
- 提取文件中的排除項
- 常見問題和故障排除提示
提取程式碼的方法
- 啟動您網站的設計器
- 選擇 出口 選項
- 點選 準備ZIP
- 繼續下載 ZIP 文件
筆記: 提取的程式碼中不包含來自 CMS、使用者帳戶和電子商務(資料庫)以及邏輯流的內容。集合清單將顯示空狀態,集合頁面將缺少附加到集合欄位的內容。頁面的密碼保護將在程式碼提取後失效。此外,網站搜尋功能和表單(包括檔案上傳和 reCAPTCHA)將停止在匯出網站上運行,以遵守 GDPR 法規。請參閱匯出網站上表單提交的附加指南。
擷取縮小 HTML 的方法
透過縮小來優化 HTML 可以消除不必要的空白、註解和瀏覽器渲染不需要的其他非必要程式碼元素,從而提高頁面載入速度。要提取縮小的 HTML:
- 點選 出口 按鈕位於設計器頂部
- 按 控制+O 在你的鍵盤上
- 選取該框 縮小 HTML 出現在匯出視窗中
- 點選 準備ZIP
- 儲存 ZIP 文件
提取文件的內容
下載的 ZIP 檔案將包含您網站中的所有頁面、樣式、腳本和圖像:
- CSS 目錄 您網站上的所有樣式均包含在 3 中 .css 文件:
- CSS 文件 (例如,your-site-name.css)包含所有自訂樣式
- 網頁串流.css 其中包括 Webflow 佈局系統的基本基本樣式以及導覽列、滑桿和選項卡等各種組件
- 標準化.css 確保瀏覽器一致地渲染元素並符合現代標準。它特別關注需要標準化的樣式。
- 一個JS目錄 容納 Webflow.js 文件。該文件包含在頁面上啟用互動式元素所需的 JavaScript。表單、導覽列、滑桿、選項卡和互動等元素都依賴 webflow.js。 刪除此文件可能會導致您的頁面出現正確但功能不正常。
- 影像目錄 包含在您網站的資產管理器中上傳的圖像
- .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 伺服器對於動畫按預期運行至關重要。
- 包含或消除工作區點和成員 - 2024 年 4 月 15 日
- 定心框總結 - 2024 年 4 月 15 日
- 儲存站點以供日後參考 - 2024 年 4 月 15 日