创作和发布简介 author-content-publish
了解用户将如何更新网站内容非常重要。 在本章中,我们将采用 内容作者 的角色,并对上一章生成的网站进行编辑更新。 在本章末尾,我们将发布更改以了解如何更新实时网站。
先决条件 prerequisites
这是一个多部分教程,并假定已完成创建站点章节中概述的步骤。
目标 objective
- 了解AEM Sites中 Pages 和 Components 的概念。
- 了解如何更新网站内容。
- 了解如何将更改发布到实时网站。
创建新页面 create-page
网站通常会划分为多个页面,以形成多页面体验。 AEM以相同的方式构建内容。 接下来,为站点创建新页面。
-
登录到上一章中使用的AEM 作者 服务。
-
从AEM开始屏幕中,单击 站点 > WKND站点 > 英语 > 文章
-
单击右上角的 创建 > 页面。
这将显示 创建页面 向导。
-
选择 文章页 模板,然后单击 下一步。
AEM中的页面是根据页面模板创建的。 在页面模板章节中详细探讨了页面模板。
-
在 属性 下,输入“Hello World”的 标题。
-
将 Name 设置为
hello-world
并单击 创建。 -
在对话框弹出窗口中,单击 打开 以打开新创建的页面。
创作组件 author-component
可以将AEM组件视为网页的小型模块化构建基块。 通过将UI分成逻辑块或组件,可以使其更易于管理。 要重用组件,必须对组件进行配置。 这是通过创作对话框实现的。
AEM提供一组已生产就绪的核心组件。 核心组件 的范围从基本元素(如Text和Image)到更复杂的UI元素(如轮播)。
接下来,使用AEM页面编辑器创作一些组件。
-
导航到上一个练习中创建的 Hello World 页面。
-
确保您处于 编辑 模式并在左边栏中单击 组件 图标。
这将打开组件库,并列出可在页面上使用的可用组件。
-
向下滚动并将 文本(v2) 组件 拖放 到页面的主要可编辑区域。
-
单击要突出显示的 文本 组件,然后单击 扳手 图标 以打开该组件的对话框。 输入一些文本并将更改保存到对话框。
Text 组件现在应在页面上显示富文本。
-
重复上述步骤,但将 Image(v2) 组件的实例拖动到页面上除外。 打开 图像 组件的对话框。
-
在左边栏中,通过单击 Assets 图标 切换到 资产查找器。
-
将图像拖放到组件的对话框中,然后单击 完成 以保存更改。
-
请注意,页面上存在已修复的组件,如 标题、导航、搜索。 这些区域配置为页面模板的一部分,无法在单个页面上修改。 下一章将对此进行详细探讨。
您可以随意尝试一些其他组件。 可在此处🔗找到有关每个核心组件的文档。 您可以在此处找到有关页面创作的详细视频系列。
Publish更新 publish-updates
AEM环境在 创作服务 和 Publish服务 之间拆分。 在本章中,我们对 作者服务 上的站点进行了多次修改。 为了让网站访客查看更改,我们需要将它们发布到 Publish服务。
从创作到Publish的高层内容流
1。 内容作者对网站内容进行了更新。 可以预览、审核和批准更新以将其推送到实时。
2。 内容已发布。 可按需执行发布或计划在将来日期发布。
3。 网站访客将看到更改反映在Publish服务中。
Publish更改
接下来,让我们发布更改。
-
从AEM开始屏幕导航到 站点 并选择 WKND站点。
-
单击菜单栏中的 管理发布。
由于这是一个全新的网站,因此我们希望发布所有页面,并且可以使用管理发布向导来定义需要发布的确切内容。
-
在 选项 下,将默认设置保留为 Publish,并将其计划为 立即。 单击 下一步。
-
在 作用域 下,选择 WKND站点,然后单击 包括子设置。 在对话框中,选中 包括子项。 取消选中其余框以确保发布整个站点。
-
单击 已发布引用 按钮。 在对话框中,验证是否已选中所有内容。 这将包括 标准站点模板 和站点模板生成的多个配置。 单击 完成 以进行更新。
-
最后,选中 WKND站点 旁边的框并单击右上角的 下一步。
-
在 工作流 步骤中,输入 工作流标题。 这可以是任何文本,并且以后作为审核跟踪的一部分将会很有用。 输入“初始发布”并单击 Publish。
查看已发布的内容 publish
接下来,导航到Publish服务以查看更改。
-
获取Publish服务URL的简单方法是复制创作URL并将
author
字替换为publish
。 例如:- 作者URL -
https://author-pYYYY-eXXXX.adobeaemcloud.com/
- Publish URL -
https://publish-pYYYY-eXXXX.adobeaemcloud.com/
- 作者URL -
-
将
/content/wknd.html
添加到Publish URL,以便最终URL类似于:https://publish-pYYYY-eXXXX.adobeaemcloud.com/content/wknd.html
。note note NOTE 更改 wknd.html
以匹配您的网站名称(如果您在网站创建期间提供了唯一的名称)。 -
导航到Publish URL时,您应该会看到站点,而无需使用任何AEM创作功能。
-
使用 导航 菜单,单击 文章 > Hello World 以导航到之前创建的Hello World页面。
-
返回 AEM创作服务,并在页面编辑器中进行一些其他内容更改。
-
通过单击 页面属性 图标> Publish页面,直接从页面编辑器中Publish这些更改
-
返回 AEM Publish服务 以查看更改。 您很可能 不会 立即看到更新。 这是因为 AEM Publish服务 包括通过Apache Web服务器和CDN的缓存。 默认情况下,HTML内容的缓存时间约为5分钟。
-
要绕过缓存以进行测试/调试,只需添加一个查询参数,如
?nocache=true
。 URL类似于https://publish-pYYYY-eXXXX.adobeaemcloud.com/content/wknd/en/article/hello-world.html?nocache=true
。 有关可用的缓存策略和配置的更多详细信息可在此处找到。 -
您还可以在Cloud Manager中找到指向Publish服务的URL。 导航到 Cloud Manager计划 > 环境 > 环境。
在 环境区段 下,您可以找到指向 作者 和 Publish 服务的链接。
恭喜! congratulations
恭喜,您刚才已创作并发布对AEM站点的更改!
后续步骤 next-steps
在现实实施中,通常在创建站点之前规划具有模型和UI设计的站点。 了解如何使用Adobe XD UI包在使用Adobe XD进行UI规划时设计和加速Adobe Experience Manager Sites实施。
想要继续探索AEM Sites的功能? 请随时跳转到页面模板上的章节,以了解页面模板与页面之间的关系。