製作區塊
將 Teaser 區塊的 JSON 推送至 teaser 分支後，該區塊即可在 AEM 通用編輯器中進行編輯。
在開發過程中製作區塊非常重要，原因如下：
- 可以檢查並確認區塊的定義和模型是否準確。
- 開發人員能夠藉此檢閱作為開發基礎的區塊語義 HTML。
- 可以將內容和語義 HTML 部署至預覽環境，支援更快速的區塊開發。
使用來自 teaser 分支的程式碼開啟通用編輯器
-
登入 AEM Author。
-
導覽至「Sites」，然後選取於先前章節中所建立的網站 (「WKND (通用編輯器)」)。
-
建立或編輯頁面以新增區塊，確保可以使用內容來支援本機開發。雖然可以在網站內的任何位置建立頁面，但通常最好是每個新作品都建立獨立的頁面。建立一個名為 分支 的新「資料夾」頁面。使用每個子頁面來支援同名 Git 分支的開發。
-
在「分支」頁面之下，建立一個新的頁面，標題為「Teaser」，與開發分支名稱相符，然後按一下「開啟」來編輯頁面。
-
更新通用編輯器，在 URL 中新增
?ref=teaser便可以從teaser分支載入程式碼。務必將查詢參數新增於#符號 之前。
-
選取「主要」之下的第一個區段，按一下「新增」按鈕，然後選擇「Teaser」區塊。
-
在畫布上，選取最近新增的 Teaser，然後製作在右側的欄位，或使用內嵌編輯功能。
-
製作完成後，選取通用編輯器右上角的「發佈」按鈕，選擇「發佈至 預覽」，將變更發佈至預覽環境。接著會把變更發佈至網站的
aem.page網域。
-
等待變更發佈至預覽，然後透過 AEM CLI 於 http://localhost:3000/branches/teaser 開啟網頁。
現在，於預覽網站上能看到製作完成之 Teaser 區塊內容和語義 HTML，準備好在本機開發環境中使用 AEM CLI 進行開發。