新聞中心
如果您對舊的Jenkins UI,其字體和圖標(biāo)不滿意,則可以使用帶有自定義徽標(biāo)的自定義CSS樣式對Jenkins進(jìn)行改頭換面。自定義CSS樣式會更加美觀些。

創(chuàng)新互聯(lián)專注于紅古企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站開發(fā),商城開發(fā)。紅古網(wǎng)站建設(shè)公司,為紅古等地區(qū)提供建站服務(wù)。全流程定制網(wǎng)站開發(fā),專業(yè)設(shè)計(jì),全程項(xiàng)目跟蹤,創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)
自定義CSS主要功能:
- 平面UI字體
- 更好的語法突出顯示Shell塊
- 更好地突出顯示 console output
準(zhǔn)備工作首先安裝插件simple theme,安裝主題并重新啟動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
在瀏覽器中訪問以下URL,復(fù)制整個(gè)CSS內(nèi)容,并將其粘貼到style.css文件中并保存。
- http://afonsof.com/jenkins-material-theme/dist/material-teal.css
測試是否可以訪問,正常的顯示是這樣的。
重新配置URL地址
- /userContent/layout/style.css
擴(kuò)展自定義CSS樣式:http://afonsof.com/jenkins-material-theme/
分享標(biāo)題:如何為Jenkins設(shè)置自定義UI主題
轉(zhuǎn)載來源:http://www.fisionsoft.com.cn/article/djicoph.html


咨詢
建站咨詢
