如何為Jenkins設置自定義UI主題
如果您對舊的Jenkins UI,其字體和圖標不滿意,則可以使用帶有自定義徽標的自定義CSS樣式對Jenkins進行改頭換面。自定義CSS樣式會更加美觀些。
自定義CSS主要功能:
- 平面UI字體
- 更好的語法突出顯示Shell塊
- 更好地突出顯示 console output
準備工作首先安裝插件simple theme,安裝主題并重新啟動Jenkins。轉到Manage Jenkins–> Manage Plugins。單擊available選項卡并搜索simple theme插件。

使用在線CSS樣式
- http://afonsof.com/jenkins-material-theme/dist/material-teal.css
系統設置 -> Theme,轉到Manage Jenkins–> Configure并搜索Theme配置,然后在CSS字段中輸入以下URL并保存。

保存設置,此時Jenkins主題已經發生了變化。

本地樣式
進入JENKINS_HOME/userContent目錄,創建一個css文件。
- cd userContent
- mkdir layout
- vim style.css
在瀏覽器中訪問以下URL,復制整個CSS內容,并將其粘貼到style.css文件中并保存。
- http://afonsof.com/jenkins-material-theme/dist/material-teal.css
測試是否可以訪問,正常的顯示是這樣的。

重新配置URL地址
- /userContent/layout/style.css
擴展自定義CSS樣式:http://afonsof.com/jenkins-material-theme/
