您正在查看 Apigee Edge 說明文件。
查看 Apigee X 說明文件。 資訊
您可以使用頁面編輯器透過 Markdown 或 HTML 定義入口網站內容。
探索網頁編輯器
如要使用網頁編輯器,請按照「在入口網站中管理頁面」一節所述,在查看網頁清單時按一下網頁名稱。
如上圖所示,在頁面編輯器可讓您:
- 在左側窗格中編輯入口網站內容及新增 Angular Material 元件
- 使用快速編輯工具列,即可快速套用格式或插入 Markdown 代碼
- 在右側窗格中編輯網頁詳細資料,例如名稱、路徑和說明
- 在右側窗格中管理網頁的瀏覽權限
- 預覽入口網站內容
- 發布或取消發布頁面 (請參閱「發布入口網站內容」)
- 在導覽選單中管理頁面 (請參閱「設定導覽」一節)
- 查看網頁上次發布後經過的時間
- 刪除頁面
在網頁編輯器中編輯內容
Markdown 是一種簡單的格式語言,使用容易閱讀和撰寫的純文字標記。語法必須使用標點符號字元來指定。Markdown 會在瀏覽器算繪前轉換為 HTML。
網頁編輯器頂端的快速編輯工具列提供快速鍵,可用來套用格式 (例如粗體、斜體等) 或插入 Markdown 標記 (例如清單、圖片、連結等)。如需 Markdown 語法的簡短摘要,請按一下快速編輯工具列中的 查看 Markdown 語法快速參考資料。
如要復原或重做上次編輯的內容,請分別按下 Command-z 鍵或 Command-Shift-z 鍵。
如要簡化格式工作流程,建議您使用 Markdown。但這並不能取代 HTML,您可以在 HTML 中執行多種格式,而 Markdown 不提供這項功能。舉例來說,您可以為 HTML 中的元素指定 CSS 類別,但無法在 Markdown 中執行此操作:
<p class="class1">
您只需輸入 HTML 標記,就能在內容內文中的任何位置插入 HTML。
如需 HTML 標記的詳細資訊,請參閱 HTML5 規格。
新增 Angular Material 元件
Angular Material 提供最先進的 UI 元件程式庫。Angular Material 元件可讓您根據現代設計原則,快速建構一致、回應式和無障礙的使用者介面。
可用元件
入口網站體驗使用 Angular Material 建立,且部分頁面可使用一組限量的 Angular Material 元件。下表統整如下。
元件 | 範例 |
---|---|
按鈕 | 下方程式碼會建立具有高度的矩形按鈕。
下方程式碼會建立圓形按鈕,該按鈕可以在透明背景中顯示警告圖示。按鈕的顏色是使用暖色調色盤來定義。 |
資訊卡 | 下列程式碼會建立卡片。資訊卡內含按鈕和圖示元件,以及標題和內文。使用主要調色盤定義按鈕的顏色。
|
圖示 | 下方程式碼會建立勾號圖示。如需完整的支援圖示清單,請參閱「Material Design - 圖示」。
|
工具列 | 下列程式碼會建立簡單的工具列,內含文字和購物車圖示。
|
管理入口網站中網頁的瀏覽權限
授予下列項目的存取權,即可管理入口網站頁面的瀏覽權限:
- 公開 (所有人都可以看見)
- 已驗證的使用者
- 所選目標對象 (如果您已註冊使用目標對像功能 Beta 版)
如何管理入口網站中頁面的瀏覽權限:
- 在網頁編輯器的右側窗格中,按一下目標對象旁的「管理」。
- 選取瀏覽權限設定。
如果您已註冊使用目標對像功能 Beta 版,請選取下列其中一個選項:
- 公開 (所有人都看得見):允許所有使用者查看網頁。
- 通過驗證的使用者:僅允許已註冊的使用者查看頁面。
- 已選取的目標對象,選取要查看頁面的特定目標對象。請參閱「管理入口網站的目標對象」一文。
如要管理目標對象,請按一下「建立或修改目標對象」。
否則,請選取下列其中一個選項:- 匿名使用者:允許所有使用者查看網頁。
- 已註冊的使用者:僅允許已註冊的使用者查看頁面。
- 按一下「套用」。
預覽入口網站內容
如要預覽入口網站內容,請按一下網頁編輯器工具列中的「預覽」。並視需要瀏覽入口網站的其他頁面來預覽內容。
發布入口網站內容
如要發布入口網站內容,請按一下右側窗格中的「Publish」(發布)。如要取消發布入口網站內容,請按一下右側窗格中的「取消發布」。另請參閱發布入口網站內容。
刪除頁面
如要從入口網站編輯器刪除頁面,請在網頁編輯器的右側窗格中按一下「刪除」。系統會提示您確認作業。