创作内容和发布更改

注意

此处展示的快速网站创建功能将于2021年下半年发布。 相关文档可供预览。

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

前提条件

这是一个多部分教程,假定已完成创建站点章节中概述的步骤。

目标

  1. 了解AEM Sites中​Pages​和​Components​的概念。
  2. 了解如何更新网站的内容。
  3. 了解如何将更改发布到实时站点。

创建新页面

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

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

  2. 从AEM开始屏幕中,单击​Sites > WKND Site > English > Article

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

    创建页面

    这将显示​创建页面​向导。

  4. 选择​文章页面​模板,然后单击​下一步

    AEM中的页面是基于页面模板创建的。 将在页面模板章节中详细探讨页面模板。

  5. 在​Properties​下,输入“Hello World”的​Title

  6. 将​名称​设置为hello-world,然后单击​创建

    初始页面属性

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

创作组件

AEM组件可以视为网页的小模块化构建块。 通过将UI划分为逻辑块或组件,可以更轻松地进行管理。 要重复使用组件,必须对组件进行配置。 此操作可通过创作对话框完成。

AEM提供了一组可供生产使用的核心组件核心组件​从基本元素(如TextImage)到更复杂的UI元素(如Carousel)。

接下来,让我们使用AEM页面编辑器创作一些组件。

  1. 导航到在上一个练习中创建的​Hello World​页面。

  2. 确保处于​编辑​模式,并在左侧边栏中单击​组件​图标。

    页面编辑器侧边栏

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

  3. 向下滚动和​拖放 文本(v2)​组件到页面的主可编辑区域。

    拖放文本组件

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

    富文本组件

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

  5. 重复上述步骤,但请将​Image(v2)​组件的实例拖动到页面上。 打开​Image​组件的对话框。

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

  7. 将图像拖 动到组件的对话框中,然后单击 ​完成以保存更改。

    将资产添加到对话框

  8. 请注意,页面上有一些组件,如​TitleNavigationSearch​等已修复的组件。 这些区域将配置为页面模板的一部分,并且无法在单个页面上修改。 下一章将对此进行更多探讨。

您可以随意试用其他一些组件。 有关每个核心组件的文档可在此处找到。 有关页面创作的详细视频系列,请访问此处

发布更新

AEM环境在​创作服务​和​发布服务​之间进行拆分。 在本章中,我们对​Author Service​上的站点进行了一些修改。 为了让站点访客查看所需的更改,我们需要将这些更改发布到​发布服务

概要图

从创作到发布的内容流程

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

2.​内容已发布。可以按需执行发布,也可以计划在将来的日期发布。

3. 网站访客将看到发布服务中反映的更改。

发布更改

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

  1. 从“AEM开始”屏幕中,导航到​Sites​并选择​WKND Site

  2. 单击菜单栏中的​管理发布

    管理发布

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

  3. 在​Options​下,将默认设置保留为​Publish,并计划​Now。 单击​下一步

  4. 在​范围​下,选择​WKND站点​并单击​包含子项。 在对话框中,取消选中所有框。 我们要发布完整站点。

    更新发布范围

  5. 单击​Published References​按钮。 在对话框中,确认勾选了所有内容。 这将包括​基本AEM站点模板​以及站点模板生成的多个配置。 单击​Done​进行更新。

    发布引用

  6. 最后,单击右上角的​发布​以发布内容。

查看已发布的内容

接下来,导航到发布服务以查看更改。

  1. 获取发布服务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

    注意

    如果在站点创建期间提供了唯一的名称,请更改wknd.html以匹配站点名称。

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

    发布的网站

  4. 使用​Navigation​菜单,单击​Article > Hello World​以导航到之前创建的Hello World页面。

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

  6. 单击​页面属性​图标> 发布页面,直接在页面编辑器中发布这些更改

    发布直接

  7. 返回到​AEM发布服务​以查看更改。 您很可能会立即看到​not​的更新。 这是因为​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程序 > 环境 > 环境

    查看发布服务

    在​环境区段​下,您可以找到指向​Author​和​Publish​服务的链接。

恭喜!

恭喜,您刚刚创作并发布了对AEM网站的更改!

后续步骤

了解如何创建和修改页面模板。 了解页面模板与页面之间的关系。 了解如何配置页面模板的策略,以便为内容提供精细的管理和品牌一致性。 将根据Adobe XD的模型创建结构良好的杂志文章模板。

在此页面上