如何為Jenkins設(shè)置自定義UI主題
作者：Lizeyang
如果您對(duì)舊的Jenkins UI，其字體和圖標(biāo)不滿意，則可以使用帶有自定義徽標(biāo)的自定義CSS樣式對(duì)Jenkins進(jìn)行改頭換面。自定義CSS樣式會(huì)更加美觀些。
如果您對(duì)舊的Jenkins UI，其字體和圖標(biāo)不滿意，則可以使用帶有自定義徽標(biāo)的自定義CSS樣式對(duì)Jenkins進(jìn)行改頭換面。自定義CSS樣式會(huì)更加美觀些。
自定義CSS主要功能：
- 平面UI字體
- 更好的語(yǔ)法突出顯示Shell塊
- 更好地突出顯示 console output
準(zhǔn)備工作首先安裝插件simple theme，安裝主題并重新啟動(dòng)Jenkins。轉(zhuǎn)到Manage Jenkins–> Manage Plugins。單擊available選項(xiàng)卡并搜索simple theme插件。
使用在線CSS樣式
- http://afonsof.com/jenkins-material-theme/dist/material-teal.css
系統(tǒng)設(shè)置 -> Theme，轉(zhuǎn)到Manage Jenkins–> Configure并搜索Theme配置，然后在CSS字段中輸入以下URL并保存。
保存設(shè)置，此時(shí)Jenkins主題已經(jīng)發(fā)生了變化。
本地樣式
進(jìn)入JENKINS_HOME/userContent目錄,創(chuàng)建一個(gè)css文件。
- cd userContent
- mkdir layout
- vim style.css
在瀏覽器中訪問(wèn)以下URL，復(fù)制整個(gè)CSS內(nèi)容，并將其粘貼到style.css文件中并保存。
- http://afonsof.com/jenkins-material-theme/dist/material-teal.css
測(cè)試是否可以訪問(wèn)，正常的顯示是這樣的。
重新配置URL地址
- /userContent/layout/style.css
擴(kuò)展自定義CSS樣式：http://afonsof.com/jenkins-material-theme/
責(zé)任編輯：姜華
來(lái)源：
DevOps云學(xué)堂
