文档AEMAEM 教程AEM Sites WKND 教程

创作和发布简介 author-content-publish

Last update: Fri Jan 26 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

创建对象：

  • Beginner
  • Developer

了解用户将如何更新网站内容非常重要。 在本章中，我们将采用 内容作者 并对上一章生成的站点进行编辑更新。 在本章末尾，我们将发布更改以了解如何更新实时网站。

前提条件 prerequisites

这是一个多部分教程，假定其中包含了 创建站点 章节已完成。

目标 objective

  1. 了解 页面 和 组件 在AEM Sites中。
  2. 了解如何更新网站内容。
  3. 了解如何将更改发布到实时网站。

创建新页面 create-page

网站通常会划分为多个页面，以形成多页面体验。 AEM以相同的方式构建内容。 接下来，为站点创建新页面。

  1. 登录到AEM 作者 上一章中使用的服务。

  2. 从AEM开始屏幕，单击 站点 > WKND站点 > 英语 > 文章

  3. 在右上角，单击 创建 > 页面.

    创建页面

    这将显示 创建页面 向导。

  4. 选择 文章页面 模板并单击 下一个.

    AEM中的页面是根据页面模板创建的。 有关页面模板的详细信息，请参阅 页面模板 章节。

  5. 下 属性 输入 标题 《你好，世界》中。

  6. 设置 名称 成为 hello-world 并单击 创建.

    初始页面属性

  7. 在对话框弹出窗口中，单击 打开 以打开新创建的页面。

创作组件 author-component

可以将AEM组件视为网页的小型模块化构建基块。 通过将UI分成逻辑块或组件，可以使其更易于管理。 要重用组件，必须对组件进行配置。 这是通过创作对话框实现的。

AEM提供了一组 核心组件 即生产就绪可供使用的产品。 此 核心组件 从基本元素开始，例如 文本 和 图像 到更复杂的UI元素，如 轮播.

接下来，使用AEM页面编辑器创作一些组件。

  1. 导航至 《你好世界》 在上一个练习中创建的页面。

  2. 确保您位于 编辑 模式，在左边栏中单击 组件 图标。

    页面编辑器边栏

    这将打开组件库，并列出可在页面上使用的可用组件。

  3. 向下滚动并 拖放 a 文本(v2) 组件添加到页面的主要可编辑区域。

    拖放文本组件

  4. 单击 文本 要高亮显示的组件，然后单击 扳手 图标 “扳手”图标 以打开组件的对话框。 输入一些文本并将更改保存到对话框。

    富文本组件

    此 文本 组件现在应在页面上显示富文本。

  5. 重复上述步骤，但拖动 图像(v2) 组件添加到页面上。 打开 图像 组件的对话框。

  6. 在左边栏中，切换到 资产查找器 通过单击 资产 图标 资产图标 .

  7. 拖放 将图像放入组件对话框，然后单击 完成 以保存更改。

    将资源添加到对话框

  8. 请注意，页面上存在组件，例如 标题， 导航， Search 已修复。 这些区域配置为页面模板的一部分，无法在单个页面上修改。 下一章将对此进行详细探讨。

您可以随意尝试一些其他组件。 关于每个项目的文档 可以在此处找到核心组件. 有关以下内容的详细视频系列： 可以在此处找到页面创作.

发布更新 publish-updates

AEM环境在 作者服务 和 发布服务. 在本章中，我们对以下网站进行了多处修改： 作者服务. 为了让网站访客查看更改，我们需要将它们发布到 发布服务.

高级图表

从创作到发布的高级别内容流

1. 内容作者对网站内容进行更新。 可以预览、审核和批准更新以将其推送到实时。

2. 内容已发布。 可按需执行发布或计划在将来日期发布。

3. 网站访客将看到更改反映在Publish服务中。

发布更改

接下来，让我们发布更改。

  1. 从AEM开始屏幕导航到 站点 并选择 WKND站点.

  2. 单击 管理发布 在菜单栏中。

    管理发布

    由于这是一个全新的网站，因此我们希望发布所有页面，并且可以使用管理发布向导来定义需要发布的确切内容。

  3. 下 选项 将默认设置保留为 Publish 并安排它用于 现在. 单击​ 下一步。

  4. 下 范围，选择 WKND站点 并单击 包括子设置. 在对话框中，选中 包括子项. 取消选中其余框以确保发布整个站点。

    更新发布范围

  5. 单击 已发布引用 按钮。 在对话框中，验证是否已选中所有内容。 这将包括 标准站点模板 和站点模板生成的多个配置。 单击 完成 以进行更新。

    发布引用

  6. 最后，选中旁边的框 WKND站点 并单击 下一个 在右上角。

  7. 在 工作流 步骤，输入 工作流标题. 这可以是任何文本，并且以后作为审核跟踪的一部分将会很有用。 输入“Initial publish”并单击 Publish.

工作流步骤初始发布

查看已发布的内容 publish

接下来，导航到Publish服务以查看更改。

  1. 获取Publish服务URL的简单方法是复制作者URL并替换 author 单词替换为 publish. 例如：

    • 作者URL - https://author-pYYYY-eXXXX.adobeaemcloud.com/
    • 发布URL - https://publish-pYYYY-eXXXX.adobeaemcloud.com/

  2. 添加 /content/wknd.html 到发布URL，以便最终URL如下所示： https://publish-pYYYY-eXXXX.adobeaemcloud.com/content/wknd.html.

    note note
    NOTE
    更改 wknd.html 以匹配您的网站名称，如果您在 站点创建.

  3. 导航到发布URL，您应该会看到站点，但不具有任何AEM创作功能。

    已发布站点

  4. 使用 导航 菜单点击 文章 > 《你好世界》 以导航到之前创建的Hello World页面。

  5. 返回到 AEM创作服务 并在页面编辑器中执行一些其他内容更改。

  6. 通过单击 页面属性 图标> 发布页面

    直接发布

  7. 返回到 AEM发布服务 以查看更改。 您很有可能 非 立即查看更新。 这是因为 AEM发布服务 包含 通过Apache Web服务器和CDN进行缓存. 默认情况下，HTML内容的缓存时间约为5分钟。

  8. 要绕过缓存以进行测试/调试，只需添加查询参数，如 ?nocache=true. URL如下所示 https://publish-pYYYY-eXXXX.adobeaemcloud.com/content/wknd/en/article/hello-world.html?nocache=true. 有关缓存策略和可用配置的更多详细信息 可在此处找到.

  9. 您还可以在Cloud Manager中找到发布服务的URL。 导航至 Cloud Manager项目 > 环境 > 环境.

    查看发布服务

    下 环境区段 您可以找到指向以下内容的链接： 作者 和 Publish 服务。

恭喜！ congratulations

恭喜，您刚才已创作并发布对AEM站点的更改！

后续步骤 next-steps

在现实实施中，通常在创建站点之前规划具有模型和UI设计的站点。 了解如何使用Adobe XD UI工具包设计和加速您在中的Adobe Experience Manager Sites实施 使用Adobe XD进行UI规划.

想要继续探索AEM Sites的功能？ 请随时跳到上一章 页面模板 以了解页面模板和页面之间的关系。

recommendation-more-help
b2a561c1-47c0-4182-b8c1-757a197484f9