文件AEMAEM 教學課程AEM Sites WKND 教學課程

建立網站 create-site

Last update: Wed Sep 24 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
  • 適用對象：
  • Experience Manager as a Cloud Service

建立對象：

  • 初學者
  • 開發人員

作為 Quick Site Creation 的一部分，在 Adobe Experience Manager (AEM) 中使用網站建立精靈來產生新網站。Adobe 所提供的標準網站範本可用作新網站的起點。

先決條件 prerequisites

本章節中的步驟將在 Adobe Experience Manager as a Cloud Service 環境中進行。請確認您擁有 AEM 環境的管理存取權。在完成本教學課程時，建議使用沙箱程式和開發環境。

本教學課程也可以使用生產程式環境；但是，請確保本教學課程的活動不會影響在目標環境上執行的工作，因為本教學課程會把內容和程式碼部署到目標 AEM 環境。

此教學課程的部分內容可以使用 AEM SDK。本教學課程中依賴雲端服務的部分，例如使用 Cloud Manager 的前端管道部署主題，無法在 AEM SDK 上執行。

檢閱上線文件了解更多詳細資訊。

目標 objective

  1. 了解如何使用網站建立精靈來產生新網站。
  2. 了解網站範本的角色。
  3. 探索所產生的 AEM 網站。

登入 Adobe Experience Manager Author author

第一步，登入您的 AEM as a Cloud Service 環境。AEM 環境分為 Author 服務 ​和 Publish 服務。

  • Author 服務 - 建立、管理和更新網站內容的地方。通常只有內部使用者可以存取 Author 服務，並且在登入畫面後才能存取。
  • Publish 服務 - 託管即時網站。這是終端使用者將會看到的服務，而且通常公開使用。

教學課程的大部分內容將在 Author 服務 ​中進行。

  1. 導覽至 Adobe Experience Cloud https://experience.adobe.com/。使用個人帳戶或公司/學校帳戶登入。

  2. 務必在選單中選取正確的組織，然後按一下 Experience Manager。

    Experience Cloud 首頁

  3. 在 Cloud Manager 之下，按一下「啟動」。

  4. 將滑鼠游標停留在您想要使用的程式上，然後按一下「Cloud Manager 程式」圖示。

    Cloud Manager 程式圖示

  5. 在頂部選單中按一下「環境」來檢視所佈建的環境。

  6. 找到您想要使用的環境並按一下「作者 URL」。

    存取開發作者

    note note
    NOTE
    此教學課程建議使用​ 開發 ​環境。

  7. AEM Author 服務 ​啟動一個新的索引標籤。按一下「使用 Adobe 登入」，而您應該會使用相同的 Experience Cloud 認證自動登入。

  8. 經過重新導向和驗證之後，您現在應該會看到 AEM 開始畫面。

    AEM 啟動畫面

NOTE
無法存取 Experience Manager？檢閱上線文件

下載基本網站範本

網站範本是新網站的起點。網站範本包括一些基本主題、頁面範本、設定和範例內容。網站範本中具體包含的內容由開發人員決定。Adobe 提供​ 基本網站範本 ​來加速新的實施。

  1. 開啟新的瀏覽器標籤並導覽到 GitHub 上的基本網站範本專案：https://github.com/adobe/aem-site-template-standard。那是開放原始碼的專案，且授權開放給所有人使用。

  2. 按一下「發佈版本」並導覽至「最新版本」。

  3. 展開「資產」下拉式選單並下載範本 zip 檔：

    基本網站範本 Zip

    此 zip 檔案會在下一個練習中使用。

    note note
    NOTE
    本教學課程是使用基本網站範本 1.1.0 版本編寫。當開始供生產使用的新專案時，始終建議使用最新版本。

建立新網站

接下來，使用上一個練習中的網站範本產生一個新網站。

  1. 返回 AEM 環境。從 AEM 開始畫面導覽到「Sites」。

  2. 在右上角點按一下「建立 > 網站 (範本)」。這樣會啟動「建立網站精靈」。

  3. 在「選取網站範本」下，按一下「匯入」按鈕。

    上傳從上一個練習下載的 .zip 範本檔案。

  4. 選取「基本 AEM 網站範本」並按一下「下一步」。

    選取網站範本

  5. 在「網站詳細資料 > 網站標題」下輸入「WKND Site」。

    在真實世界的實施中，您的公司或組織的品牌名稱會取代「WKND Site」。在本教學課程中，我們模擬為虛構的生活風格品牌「WKND」建立一個網站。

  6. 在「網站名稱」下輸入「wknd」。

    網站範本詳細資訊

    note note
    NOTE
    若是使用共用的 AEM 環境，請在「網站名稱」上附加唯一識別碼。例如 wknd-site-johndoe。這樣將確保多位使用者可以完成相同的教學課程，而不會發生任何衝突。

  7. 按一下「建立」來產生網站。當 AEM 建立網站完成後，按一下「成功」對話框中的「完成」。

探索新網站

  1. 導覽至 AEM Sites 控制台，若您不在那裡的話。

  2. 已產生新的 WKND 網站。其中包括一個具有多語言階層的網站結構。

  3. 選取頁面並按一下選單列中的「編輯」按鈕，開啟「英文 > 首頁」頁面：

    WKND 網站階層

  4. 已經建立入門內容，並提供數個可供新增至頁面的元件。使用這些元件進行實驗，以便對其功能有所了解。在下一章，您將了解元件的基礎知識。

    開始首頁

    網站範本提供的範例內容

恭喜！ congratulations

恭喜，您剛剛已建立第一個 AEM 網站！

後續步驟 next-steps

使用 Adobe Experience Manager (AEM) 中的頁面編輯器，更新「製作內容並發佈」章節中的網站內容。了解如何設定原子元件來更新內容。了解 AEM 作者和發佈環境之間的區別，並學習如何將更新發佈到即時網站。

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