在 Azure API 管理中自訂開發人員入口網站有三種最常見的方式:
- 編輯靜態頁面和版面配置元素的內容
- 更新開發人員入口網站中頁面元素所使用的樣式(本指南所述)
- 變更用於入口網站所產生頁面的樣本 (例如 API 檔、產品、使用者驗證)
在本文中,您將瞭解如何自定義舊版 開發人員 入口網站頁面上元素的樣式,並檢視您的變更。
備註
下列檔內容與已淘汰的開發人員入口網站有關。 您可以照舊繼續使用,直到其在 2023 年 10 月淘汰,屆時便會將其從所有 API 管理服務中移除。 已被取代的入口網站只會接收重要的安全性更新。 如需詳細資訊,請參閱下列文章:
適用於:開發人員 | 基本 | 標準 | 進階
先決條件
- 瞭解 Azure API 管理術語。
- 完成下列快速入門: 建立 Azure API 管理實例。
- 此外,請完成下列教學課程: 匯入併發佈您的第一個 API。
自定義開發人員入口網站
選取 [ 概觀]。
請點擊「概觀」視窗頂端的「開發人員入口網站(舊版)」按鈕。
在畫面的左上方,您會看到由兩個油漆筆刷組成的圖示。 將滑鼠停留在此圖示上以開啟入口網站自定義功能表。
從功能表中選取 [樣式 ],以開啟樣式自定義窗格。
您可以使用 樣式 自訂的所有元素都會出現在頁面上
在 [變更變數值] 欄位中輸入「headings-color」,以自訂開發人員入口網站外觀。
@headings-color 元素會出現在頁面上。 此變數會控制文字的色彩。
點擊欄位的 @headings-顏色 變數。
色彩選擇器下拉式清單隨即開啟。
從色彩選擇器下拉式清單中選取新的色彩。
小提示
所有變更皆可即時預覽。 進度指示器會出現在自定義窗格頂端。 幾秒鐘後,標題文字的顏色會變成新選擇的顏色。
從自定義窗格功能表上的左下方選取 [ 發佈 ]。
選擇 發佈自訂設定 以公開提供變更。
檢視您的變更
- 流覽至開發人員入口網站。
- 您可以看到所做的變更。
後續步驟
您可能也有興趣 瞭解如何使用範本自定義 Azure API 管理開發人員入口網站。