代码出口

注意:我们正在向工作区过渡，这一教训已经更新以反映该变化。访问Workspaces博客文章阅读有关这些更新和更改的更多信息。

如果您的帐户还没有切换到工作区，请访问我们关于代码导出的遗留课程．你也可以学习如何检查您的帐户是否在工作区上．

在支付工作计划，您可以从Webflow设计器中导出站点的HTML、CSS、JavaScript和资源。您可以这样做来备份您的代码，并在客户请求时提供给他们。您还可以使用导出的代码将其托管在您喜欢的任何地方—不需要属性。

在这节课中，你将学到:

1. 如何导出您的代码
2. 如何导出迷你HTML
3. 您导出的文件包含什么
4. 常见问题和故障排除技巧

如何导出您的代码

1. 在设计器中打开您的站点
2. 单击出口按钮
3. 点击准备邮政
4. 下载ZIP文件

重要的是:CMS和Ecommerce内容(数据库)不包括在导出的代码中。集合列表将显示空状态，集合页面将不显示绑定到集合字段的任何内容。任何密码保护页面在代码导出后，您的站点将不再受保护。此外，为了遵守GDPR，网站搜索和表单(包括文件上传和reCAPTCHA)将不能在导出的网站上运行。了解关于在导出站点收集表单提交的更多信息．

如何导出迷你HTML

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

1. 单击出口按钮
2. 新闻控制+ O在你的键盘
3. 检查贬低HTML复选框出现在导出窗口中
4. 点击准备邮政
5. 下载ZIP文件

您导出的文件包含什么

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

1. 一个CSS文件夹您的网站的所有风格包括在3. css文件:

• 一个CSS文件(例如，your-site-name.css)包含你网站的所有自定义样式
• webflow.css它包含Webflow布局系统的常见基本样式，以及所有组件，如导航条、滑块和标签
• normalize.css这使得浏览器呈现所有元素更加一致，并且符合现代标准。它只针对需要规范化的样式。

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

重要的是:CMS和Ecommerce内容(数据库)不包括在导出的代码中。集合列表将显示空状态，集合页面将不显示绑定到集合字段的任何内容。任何密码保护页面在代码导出后，您的站点将不再受保护。此外，为了遵守GDPR，网站搜索和表单(包括文件上传和reCAPTCHA)将不能在导出的网站上运行。了解关于在导出站点收集表单提交的更多信息．

很高兴知道:如果您想查看Webflow导出的代码示例，请查看我们的主页通过右键单击并选择查看页面源。它都是内置在Webflow中的!

常见问题和故障排除技巧

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

Webflow给特定于组件的类加上“w-”前缀，以避免与其他代码框架冲突。

我是否可以选择只导出站点代码的一部分?

目前，您无法选择导出的内容。您站点的每个可导出部分都将包含在每个导出中。

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

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

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

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

如果我在外部托管我的网站，我是否需要提供Webflow的属性?

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

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

CMS和Ecommerce内容(数据库)不包括在导出的代码中。集合列表将显示空状态，集合页面将不显示绑定到集合字段的任何内容。

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

不。代码导出后，站点上任何受密码保护的页面都将不受保护。你的网站必须是主持与Webflow为了使密码保护能够正常工作。了解更多关于项目和页面密码的信息．

如果我在其他地方托管代码，所有元素在我的网站上的功能吗?

CMS和Ecommerce内容(数据库)不包括在导出的代码中。集合列表将显示空状态，集合页面将不显示绑定到集合字段的任何内容。任何密码保护页面在代码导出后，您的站点将不再受保护。

此外，为了遵守GDPR，网站搜索和表单(包括文件上传和reCAPTCHA)将不能在导出的网站上运行。要收集表单提交，你需要使用第三方工具或嵌入第三方工具形式的集成．了解关于在导出站点收集表单提交的更多信息．