跳至主要內容

自訂 UI 標誌

透過以您自己的公司品牌識別取代預設標誌,為您的 LiteLLM 儀表板增添個人化設定。您可以透過 UI 或 API 設定自訂標誌。

透過 UI

1. 前往設定

點擊側邊欄中的 Settings 圖示。

前往設定

2. 開啟 UI 主題設定

在設定選單中點擊 UI Theme

開啟 UI 主題

3. 點擊 Logo URL 欄位

點擊 Logo URL 文字欄位開始編輯。

點擊 Logo URL 欄位

4. 找到您的標誌圖片

開啟新的瀏覽器分頁,找到您想使用的標誌圖片(例如,搜尋 Google Images 找到您的公司標誌)。

找到標誌圖片

5. 在標誌圖片上按右鍵

在您想用作標誌的圖片上按右鍵。

在圖片上按右鍵

6. 複製圖片位址

從快顯選單中選取 Copy Image Address 以複製 URL。

複製圖片位址

7. 切回 LiteLLM

切回 LiteLLM UI 分頁(例如,按 Cmd + Left 或點擊該分頁)。

切回

8. 貼上 Logo URL

使用 Cmd + V 將複製的圖片 URL 貼到 Logo URL 欄位中。

貼上 URL

9. 儲存變更

點擊 Save Changes 以套用您的新標誌。

儲存變更

您的自訂標誌現在會顯示在 LiteLLM 儀表板側邊欄與登入頁面。

透過 API

curl -X PATCH 'http://localhost:4000/settings/update/ui_theme_settings' \
-H 'Authorization: Bearer <your-admin-key>' \
-H 'Content-Type: application/json' \
-d '{
"logo_url": "https://example.com/your-company-logo.png"
}'

設定自訂 favicon

您也可以自訂瀏覽器分頁的 favicon:

curl -X PATCH 'http://localhost:4000/settings/update/ui_theme_settings' \
-H 'Authorization: Bearer <your-admin-key>' \
-H 'Content-Type: application/json' \
-d '{
"logo_url": "https://example.com/your-company-logo.png",
"favicon_url": "https://example.com/your-favicon.ico"
}'

取得目前主題設定

curl -X GET 'http://localhost:4000/settings/get/ui_theme_settings'

傳送空的 logo_url 以還原預設的 LiteLLM 標誌:

curl -X PATCH 'http://localhost:4000/settings/update/ui_theme_settings' \
-H 'Authorization: Bearer <your-admin-key>' \
-H 'Content-Type: application/json' \
-d '{
"logo_url": ""
}'

透過 proxy_config.yaml

您也可以在 proxy 設定檔中設定 logo URL:

litellm_settings:
ui_theme_config:
logo_url: "https://example.com/your-company-logo.png"
favicon_url: "https://example.com/your-favicon.ico" # optional

或者將其設定為環境變數:

environment_variables:
UI_LOGO_PATH: "https://example.com/your-company-logo.png"

支援的標誌格式

格式支援
JPEG / JPG
PNG
SVG
ICO(僅限 favicon)
HTTP/HTTPS URL
本機檔案路徑