1.1.2创建基于文档的网站

在等待创建Cloud Manager项目的过程中，您有足够的时间来设置您的第一个基于文档的创作网站。 以下练习基于aem.live开发人员教程。 请按照以下步骤开始。

1.1.2.1设置Google驱动器

转到https://drive.google.com。 单击​ +新建，然后单击​ 新建文件夹。

{modal="regular"}

命名您的文件夹aemdocb-test。 单击​ 创建。

{modal="regular"}

下载文件aemboilerplate.zip并在计算机上解压缩。

{modal="regular"}

您将在该文件夹中看到3个文件。 将这些文件复制到新的Google驱动器文件夹中。

{modal="regular"}

现在，您需要将这些文件转换为本机Google文件。 为此，请打开每个文件，然后转到​ 文件 > 另存为Google Docs。

{modal="regular"}

您应该对所有3个文件执行此操作，之后，您将在Google驱动器文件夹中看到6个文件。

{modal="regular"}

然后，您的文件夹中会包含此内容。

{modal="regular"}

为了使基于文档的创作演示正常工作，您现在需要与电子邮件地址​ helix@adobe.com ​共享您的Google驱动器文件夹。 单击您的文件夹名称，单击​ 共享，然后再次单击​ 共享。

{modal="regular"}

输入电子邮件地址​ helix@adobe.com，然后单击​ 发送。

{modal="regular"}

接下来，复制并记下Google Drive文件夹的URL，因为您将在下一个练习中需要该URL。 单击您的文件夹名称，单击​ 共享，然后单击​ 复制链接。

{modal="regular"}

https://drive.google.com/drive/folders/1PNIOFeptIfszSebawT-Y_bwB4_anQWk5?usp=drive_link

您应该删除查询字符串参数?usp=drive_link，这样URL应该如下所示：

https://drive.google.com/drive/folders/1PNIOFeptIfszSebawT-Y_bwB4_anQWk5

1.1.2.2设置您的GitHub存储库

转到https://github.com。 单击​ 登录。

{modal="regular"}

输入您的凭据。 单击​ 登录。

{modal="regular"}

登录后，您将看到您的GitHub功能板。

{modal="regular"}

转到https://github.com/adobe/aem-boilerplate。 你会看到这个。 单击​ 使用此模板，然后单击​ 新建存储库。

{modal="regular"}

对于​ 存储库名称，请使用aemdocb-test。 将可见性设置为​ 私有。 单击​ 创建存储库。

{modal="regular"}

几秒钟后，您将创建存储库。

{modal="regular"}

接下来，转到https://github.com/apps/aem-code-sync。 单击​ 配置。

{modal="regular"}

单击您的GitHub帐户。

{modal="regular"}

单击​ 仅选择存储库，然后添加刚刚创建的存储库。 接下来，单击​ 安装。

{modal="regular"}

然后您会获得此确认。

{modal="regular"}

1.1.2.3更新文件fstab.yaml

在您的GitHub存储库中，单击以打开文件fstab.yaml。

{modal="regular"}

单击​ 编辑 ​图标。

{modal="regular"}

您现在需要在第2行更新字段​ url ​的值。

{modal="regular"}

您需要通过特定AEM CS环境的URL与GitHub存储库的设置替换当前值。

这是URL的当前值： https://drive.google.com/drive/u/0/folders/1MGzOt7ubUh3gu7zhZIPb7R7dyRzG371j。

将该值替换为您从Google驱动器文件夹https://drive.google.com/drive/folders/1PNIOFeptIfszSebawT-Y_bwB4_anQWk5复制的URL。 单击​ 提交更改……。

{modal="regular"}

单击​ 提交更改。

{modal="regular"}

1.1.2.4安装AEM Sidekick扩展

转到https://chromewebstore.google.com/detail/aem-sidekick/ccfggkjabjahcjoljmgmklhpaccedipo。 单击​ 添加到Chrome。

{modal="regular"}

固定​ AEM Sidekick ​扩展。

{modal="regular"}

1.1.2.5预览和发布基于文档的网站

返回到Google Drive文件夹。 在任务栏中，单击​ AEM Sidekick ​扩展。 然后，您会在文件夹中看到AEM Sidekick栏弹出窗口。

{modal="regular"}

选择Google Drive文件夹中的3个文件。 单击​ 预览。

{modal="regular"}

再次单击​ 预览。

{modal="regular"}

单击以关闭绿色对话框弹出窗口。

{modal="regular"}

再次选择Google Drive文件夹中的3个文件。 现在，单击​ 发布。

{modal="regular"}

单击​ 发布。

{modal="regular"}

单击可再次关闭绿色对话框。 现在，选择文件​ 索引，单击​ 复制URL，然后单击​ 复制实时URL。

{modal="regular"}

复制的URL将如下所示： https://main--aemdocb-test--woutervangeluwe.aem.live/。

在上面URL中：

打开新的浏览器窗口并导航到该URL。

{modal="regular"}

1.1.2.6进行更改并发布更改

返回到Google驱动器，并在Google中打开文件管理器​ 索引。

{modal="regular"}

用任何其他选择的文本替换文本​ 测试。 单击​ 预览。

{modal="regular"}

随后将打开网站的预览版本。 查看更改并单击​ 发布。

{modal="regular"}

然后，您将看到网站的实时版本。

{modal="regular"}

以上练习是您自己开始并体验基于文档的创作的有效方法。 您现在可以继续下一个练习，在那里您将使用CitiSignal作为演示品牌来设置自己的演示网站。

下一步： 1.1.3设置您的AEM CS环境

返回Adobe Experience Manager Cloud Service和Edge Delivery Services

返回所有模块