添加Clientlibs add-clientlibs

添加ClientLibraryFolder (clientlibs) add-a-clientlibraryfolder-clientlibs

创建名为的ClientLibraryFolder clientlibs ，其中包含用于呈现网站页面的JavaScript (JS)和层叠样式表(CSS)。

此 categories 为此客户端库指定的属性值是用于直接从内容页面包含此clientlib或将其嵌入其他clientlib的标识符。

在 属性 选项卡中的新 clientlibs 节点，输入 类别 属性：

注意：在类别值前面加上“apps”。 是一个用于将“拥有的应用程序”标识为/apps文件夹中的约定，而不是/libs中的约定。 重要：添加占位符 js.txt和 css.txt 文件。 （正式来说，它不是cq：ClientLibraryFolder，没有它们。）

css.txt和js.txt的第一行标识了找到以下文件列表的基本位置。

尝试将css.txt的内容设置为

#base=.
 style.css

然后，在clientlibs下创建一个名为style.css的文件，并将内容设置为

body {

background-color: #b0c4de;

}

嵌入SCF Clientlibs embed-scf-clientlibs

在 属性 选项卡 clientlibs 节点，输入多值字符串属性 嵌入. 其中嵌入了 用于SCF组件的客户端库(clientlibs). 在本教程中，添加了社区组件所需的许多clientlibs。

这可能是也可能不是用于生产站点的所需方法，因为需要考虑方便性相对于为每个页面下载的clientlibs的大小/速度。

如果在一个页面上仅使用一个功能，则可以直接在页面上包括该功能的完整clientlib，例如，

% ui:includeClientLib categories=cq.social.hbs.forum" %

在这种情况下，请包括所有客户端，因此首选的是更基本的SCF clientlibs，即创作clientlibs：

就是这样 /etc/designs/an-scf-sandbox/clientlibs 现在应显示在存储库中：

在PlayPage模板中包含Clientlibs include-clientlibs-in-playpage-template

不包括 apps.an-scf-sandbox ClientLibraryFolder类别时，由于必需的JavaScript和CSS样式不可用，因此SCF组件既无法正常运行，也无法设置样式。

例如，如果不包含clientlibs，SCF注释组件将无样式显示：

包含apps.an-scf-sandbox clientlibs后，SCF注释组件显示为已设置样式：

include语句属于 head 的部分 html 脚本。 默认 foundation head.jsp 包含一个可以覆盖的脚本： headlibs.jsp.

复制headlibs.jsp并包含clientlibs：

<%@ page session="false" %><%
%><%@include file="/libs/foundation/global.jsp" %><%
%><ui:includeClientLib categories="cq.foundation-main"/><%
%>
<cq:include script="/libs/cq/cloudserviceconfigs/components/servicelibs/servicelibs.jsp"/>
<% currentDesign.writeCssIncludes(pageContext); %>
<ui:includeClientLib categories="apps.an-scf-sandbox"/>

在浏览器中加载您的网站，然后查看背景是否不是蓝色阴影。

https://localhost:4502/content/an-scf-sandbox/en/play.html

目前保存您的工作 saving-your-work-so-far

此时，存在一个极简主义的沙箱。 可能值得另存为软件包，这样在播放时，如果您的存储库损坏并且您想要重新开始，则可以关闭服务器。 然后重命名或删除文件夹crx-quickstart/ ，打开服务器，上传并安装此保存的包，而不必重复这些最基本的步骤。

此包存在于 创建示例页面 教程适合那些迫不及待地想要加入并开始玩游戏的人。

要创建包，请执行以下操作：

现在您可以选择 下载 将其保存到磁盘，并且 上传包 在其他位置，并选择 更多>复制 将沙盒推送到本地主机发布实例以扩展沙盒领域。