AEM Sites - WKND教程快速入门 introduction

[要使用Edge Delivery Services从AEM Sites发布,请单击此处。]{class="badge positive" title="从AEM到Edge Delivery Services的Publish"}

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

概述 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 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/legal/terms.html中定义的第三方材料。 如果您要将Adobe Stock图像用于查看此演示网站以外的其他目的,例如将其显示在网站上或营销材料中,则可以在Adobe Stock上购买许可证。

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

后续步骤 next-steps

你在等什么?!了解如何使用AEM项目原型生成新的Adobe Experience Manager项目,或使用站点模板创建站点。

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