代码出口

注意:我们正在向工作区过渡，并正在更新我们的内容。访问工作区博客文章要阅读更多有关这些更新和变化，或访问我们的更新了关于代码导出的课程．你也可以了解如何检查您的帐户是否在工作区．

在付费帐户计划，您可以从Webflow设计器中导出项目的HTML、CSS、资产和JavaScript。您可以这样做来备份您的代码，并在客户需要时提供给他们。您可以使用导出的代码将其托管在任何您喜欢的地方。不需要归因。

在本课中

1. 导出代码
2. 导出简化的HTML
3. 了解您导出的文件包含什么
4. 常见问题

导出代码

1. 在设计器中打开项目
2. 单击出口按钮在右上角
3. 点击准备邮政
4. 下载ZIP文件

导出简化的HTML

通过删除空白、注释和浏览器加载页面时不需要的其他代码元素，缩小HTML可以帮助缩短页面加载时间。导出精简的HTML:

1. 单击出口按钮在设计器顶部
2. 新闻控制+ O在键盘上
3. 检查贬低HTML导出窗口中出现的复选框

了解您导出的文件包含什么

下载的ZIP文件包含网站的所有页面、样式、脚本和图像:

1. CSS文件夹与所有的项目样式包括在3. css文件:

• 一个CSS文件它包含您站点的所有自定义样式
• Webflow.css它包含了Webflow布局系统的通用基本样式，以及导航条、滑块和选项卡等所有组件
• Normalize.css这使得浏览器呈现所有元素更加一致，符合现代标准。它精确地只针对需要规范化的样式。

2. JS文件夹其中包含Webflow.js文件。此文件包含使页面的交互元素正常工作所需的所有JavaScript。表单、导航条、滑块、选项卡和交互依赖于webflow.js。如果您删除此文件，您的页面可能会看正确，但它不会像预期的那样工作。
3. 图片文件夹在项目的资产管理器中上传所有图像
4. . html文件网站的所有页面(包括没有内容的集合模板页面)

如果您想查看Webflow导出的代码示例，请查看源代码(右键单击→查看页面源代码)我们的主页-这都是内置在Webflow!

常见问题

为什么我无法打开导出的文件?

由于Safari的URL支持有一个已知的限制，您需要添加“.zip”扩展名来提取导出文件夹的内容。

为什么在类名前面有一个“w-”前缀?

为了避免与其他代码框架的冲突，Webflow在任何特定于组件的类的前面都添加了“w-”。

我可以选择只导出部分网站代码吗?

目前，您不能选择导出什么。项目的每个可导出部分都将包含在每个导出中。

我可以在导出代码后编辑它吗?

您可以在导出代码后编辑它。但是，手动更改导出的文件可能会破坏一些Webflow组件。

我可以从导出页面的URL中删除.html扩展名吗?

如果要从导出的页面中删除.html扩展名，可以使用.htaccess文件[xxx]．

如果我外部托管webflow，我需要提供属性吗?

导出后，您不需要为Webflow提供属性，也不需要为您导出的站点在您自己的服务器上工作维护Webflow计划。

导出的代码是否包括我的CMS和电子商务内容?

CMS和电子商务内容(数据库)没有导出。集合列表将显示空状态。集合页面也不会显示绑定到集合字段的任何内容。

导出代码后，受密码保护的页面是否仍受保护?

不。任何密码保护的页面在您的网站将不会“保护”后的代码导出。您的站点必须是由Webflow托管为了让密码保护正常工作。阅读更多项目和页面密码．

如果我在其他地方托管代码，是否所有元素都在我的站点上运行?

网站搜索而且形式(包括文件上传而且reCAPTCHA)不能在导出网站上使用。如果您打算导出您的站点，您也需要这样做从Webflow发送表单数据或嵌入第三方部件．电子商务元素也不会起作用。