AEM Sites - WKND 教程快速入门 introduction

欢迎参加专为不熟悉 Adobe Experience Manager (AEM) 的开发人员设计的多段式教程。本教程介绍了虚拟生活方式品牌 WKND 的 AEM Site 的实施。此教程涵盖了项目设置、核心组件、可编辑模板、客户端库和使用 Adobe Experience Manager Site 进行组件开发等基本主题。

概述 wknd-tutorial-overview

此多部分教程旨在教授开发人员如何使用 Adobe Experience Manager (AEM) 中的最新标准和技术来构建网站。完成本教程后，开发人员应该了解该平台的基本基础和 AEM 中的常见设计模式。

启动网站项目的选项

启动 AEM Sites 项目有两种基本方法。

AEM 项目原型 - 通过使用 Maven 模板生成最小 AEM 项目来进行 AEM 开发的传统方法。对于需要大量定制的 AEM 6.5/6.4 项目和 AEM as a Cloud Service 项目，这是推荐的方法。本教程深入介绍了 AEM 开发。

从 AEM 项目原型开始学习该教程

AEM 网站模板 - 也称为快速网站创建，一种使用预定义网站模板生成 AEM 网站的低代码方法。使用开箱即用的组件和模板快速建立并运行网站。使用主题化工作流程，仅通过 CSS 和 JavaScript 即可应用品牌特定的样式和自定义设置。推荐新项目和开发人员使用。仅在 AEM Forms as a Cloud Service 中提供

使用网站模板开始学习该教程

Adobe XD UI 套件

为了使本教程更贴近真实场景，Adobe 的优秀 UX 设计师们使用 Adobe XD 创建了网站的模型。在本教程中，我们将把各种设计元素融入到可完全自定义的 AEM 网站中。特别感谢 Lorenzo Buosi 和 Kilian Amendola 为 WKND 网站打造了精美的设计。

下载 XD UI 工具包：

引用网站 reference-site

WKND 网站的成品版本也可作为参考：https://wknd.site/

本教程涵盖了 AEM 开发人员所需的主要开发技能，但​ 不会 ​从头到尾构建整个网站。已完成的参考网站是探索和了解 AEM 更多开箱即用功能的绝佳资源。

在进入教程之前，若想测试最新代码，请​ 从 GitHub 下载并安装最新版本。

由 Adobe Stock 提供支持

WKND 参考网站中的许多图片来自 Adobe Stock，且根据 https://www.adobe.com/cn/legal/terms.html 处的演示资产附加条款中的定义，这些图片属于第三方材料。如果您希望将 Adobe Stock 图像用于查看此演示网站以外的其他目的，例如在网站上展示或在营销材料中使用，您可以在 Adobe Stock 上购买许可证。

借助 Adobe Stock，您可以访问超过 1.4 亿张高质量、免版税的图片，包括照片、图形、视频和模板，以快速启动您的创意项目。

后续步骤 next-steps

你还在等什么？！快来学习如何使用 AEM 项目原型生成一个新的 Adobe Experience Manager 项目，或者使用网站模板创建网站。