代码出口

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

在账户支付计划，您可以从Webflow Designer内部导出项目的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文件(↗)．

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

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

导出的代码包括我的CMS和电商内容吗?

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

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

不。任何密码保护页面在您的网站将不会被“保护”后，代码导出。你的网站必须是主持与Webflow这样密码保护才能正常工作。阅读更多关于项目和页面密码．

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

网站搜索而且形式(包括文件上传而且reCAPTCHA)不适用于输出网站。如果您打算导出您的站点，您将需要两者之一从Webflow发送表单数据或嵌入第三方小部件．电子商务元素也不会起作用。