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

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

先决条件 prerequisites

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

目标 objective

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

创建新页面 create-page

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

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

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

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

    创建页面

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

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

    AEM中的页面是根据页面模板创建的。 在页面模板章节中详细探讨了页面模板。

  5. 在​ 属性 ​下,输入“Hello World”的​ 标题

  6. 将​ Name ​设置为hello-world并单击​ 创建

    初始页面属性

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

创作组件 author-component

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

AEM提供一组已生产就绪的核心组件核心组件 ​的范围从基本元素(如TextImage)到更复杂的UI元素(如轮播)。

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

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

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

    页面编辑器边栏

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

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

    拖放文本组件

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

    富文本组件

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

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

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

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

    将资源添加到对话框

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

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

Publish更新 publish-updates

AEM环境在​ 创作服务 ​和​ Publish服务 ​之间拆分。 在本章中,我们对​ 作者服务 ​上的站点进行了多次修改。 为了让网站访客查看更改,我们需要将它们发布到​ Publish服务

高级图表

从创作到Publish的高层内容流

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

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

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

Publish更改

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

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

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

    管理发布

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

  3. 在​ 选项 ​下,将默认设置保留为​ Publish,并将其计划为​ 立即。 单击​ 下一步

  4. 在​ 作用域 ​下,选择​ WKND站点,然后单击​ 包括子设置。 在对话框中,选中​ 包括子项。 取消选中其余框以确保发布整个站点。

    更新发布范围

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

    Publish引用

  6. 最后,选中​ WKND站点 ​旁边的框并单击右上角的​ 下一步

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

工作流步骤初始发布

查看已发布的内容 publish

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

  1. 获取Publish服务URL的简单方法是复制创作URL并将author字替换为publish。 例如:

    • 作者URL - https://author-pYYYY-eXXXX.adobeaemcloud.com/
    • Publish URL - https://publish-pYYYY-eXXXX.adobeaemcloud.com/
  2. /content/wknd.html添加到Publish URL,以便最终URL类似于: https://publish-pYYYY-eXXXX.adobeaemcloud.com/content/wknd.html

    note note
    NOTE
    更改wknd.html以匹配您的网站名称(如果您在网站创建期间提供了唯一的名称)。
  3. 导航到Publish URL时,您应该会看到站点,而无需使用任何AEM创作功能。

    已发布的站点

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

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

  6. 通过单击​ 页面属性 ​图标> Publish页面,直接从页面编辑器中Publish这些更改

    直接发布

  7. 返回​ AEM Publish服务 ​以查看更改。 您很可能​ 不会 ​立即看到更新。 这是因为​ AEM Publish服务 ​包括通过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中找到指向Publish服务的URL。 导航到​ Cloud Manager计划 > 环境 > 环境

    查看Publish服务

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

恭喜! congratulations

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

后续步骤 next-steps

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

想要继续探索AEM Sites的功能? 请随时跳转到页面模板上的章节,以了解页面模板与页面之间的关系。

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