使用網頁編輯器開發入口網站內容

您正在查看 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 元件。下表統整如下。

<a mat-raised-button 
   href="quickstart">
   Quick Start
</a>

<button mat-icon-button
   color="warn">
   <mat-icon aria-label="Example warning">warning</mat-icon>
</button>

<mat-card 
   href="apis">
   <mat-card-header 
      color="primary">
         <mat-icon>
            class
         </mat-icon>
         <h1>
            APIs
         </h1>
   </mat-card-header>
   <mat-card-content>
      <p class="home-page-card-content-text">
         Learn about and try our APIs.
      </p>
   </mat-card-content>
   <mat-card-actions>
      <button mat-button>
          View APIs
      </button>
   </mat-card-actions>
</mat-card>

<mat-icon>
   check_circle
</mat-icon>

<mat-toolbar color="primary">
   <span>My Store</span>
   <span class="space-buffer"></span>
   <mat-icon>add_shopping</mat-icon>
</mat-toolbar>

管理入口網站中網頁的瀏覽權限

授予下列項目的存取權，即可管理入口網站頁面的瀏覽權限：

• 公開 (所有人都可以看見)
• 已驗證的使用者
• 所選目標對象 (如果您已註冊使用目標對像功能 Beta 版)

如何管理入口網站中頁面的瀏覽權限：

1. 在網頁編輯器的右側窗格中，按一下目標對象旁的「管理」。
2. 選取瀏覽權限設定。 如果您已註冊使用目標對像功能 Beta 版，請選取下列其中一個選項：
   • 公開 (所有人都看得見)：允許所有使用者查看網頁。
   • 通過驗證的使用者：僅允許已註冊的使用者查看頁面。
   • 已選取的目標對象，選取要查看頁面的特定目標對象。請參閱「管理入口網站的目標對象」一文。
     如要管理目標對象，請按一下「建立或修改目標對象」。
   
   否則，請選取下列其中一個選項：
   • 匿名使用者：允許所有使用者查看網頁。
   • 已註冊的使用者：僅允許已註冊的使用者查看頁面。
3. 按一下「套用」。

預覽入口網站內容

如要預覽入口網站內容，請按一下網頁編輯器工具列中的「預覽」。並視需要瀏覽入口網站的其他頁面來預覽內容。

發布入口網站內容

如要發布入口網站內容，請按一下右側窗格中的「Publish」(發布)。如要取消發布入口網站內容，請按一下右側窗格中的「取消發布」。另請參閱發布入口網站內容。

刪除頁面

如要從入口網站編輯器刪除頁面，請在網頁編輯器的右側窗格中按一下「刪除」。系統會提示您確認作業。