代码导出 - 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动画不会显示——它们需要一个Web服务器才能正常工作。