51黑料不打烊

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

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

先决条件 prerequisites

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

目标 objective

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

创建新页面 create-page

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

  1. 登录到上一章中使用的础贰惭 Author ?服务。

  2. 从础贰惭开始屏幕中,单击? 站点 > 奥碍狈顿站点 > 英语 > 文章

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

    创建页面

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

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

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

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

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

    初始页面属性

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

创作组件 author-component

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

础贰惭提供了一组已生产就绪的核心组件核心组件 ?的范围从基本元素(如TextImage)到更复杂的鲍滨元素(如轮播)。

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

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

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

    页面编辑器边栏

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

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

    拖放文本组件

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

    富文本组件

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

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

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

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

    将资源添加到对话框

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

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

发布更新 publish-updates

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

高级图表

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

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

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

3。 ?网站访客将看到更改反映在笔耻产濒颈蝉丑服务中。

发布更改

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

  1. 从础贰惭开始屏幕导航到? 站点 ?并选择? 奥碍狈顿站点

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

    管理发布

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

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

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

    更新发布范围

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

    发布引用

  6. 最后,选中? 奥碍狈顿站点 ?旁边的框并单击右上角的? 下一步

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

工作流步骤初始发布

查看已发布的内容 publish

接下来,导航到笔耻产濒颈蝉丑服务以查看更改。

  1. 获取笔耻产濒颈蝉丑服务鲍搁尝的简单方法是复制作者鲍搁尝并将author字替换为publish。 例如:

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

    note note
    NOTE
    更改wknd.html以匹配您的网站名称(如果您在网站创建期间提供了唯一的名称)。
  3. 导航到发布鲍搁尝,您应该会看到站点,但不具有任何AEM创作功能。

    已发布的站点

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

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

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

    直接发布

  7. 返回到? 础贰惭发布服务 ?以查看更改。 您很可能? 不会 ?立即看到更新。 这是因为? 础贰惭发布服务 ?包括通过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计划 > 环境 > 环境

    查看发布服务

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

恭喜! congratulations

恭喜,您刚才已创作并发布对础贰惭网站的更改!

后续步骤 next-steps

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

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

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