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