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

您正在查看 Apigee Edge 說明文件。
前往 Apigee X 說明文件。info

您可以使用網頁編輯器，透過 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. 按一下「套用」。

預覽入口網站內容

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

發布入口網站內容

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

刪除頁面

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