Jenkins theme 自動生成定製主題css

Jenkins默認界面比較醜,視覺容易疲勞,這時候就需要我們更換一個主題。讓我們的Jenkins美觀一些

首先需要我們打開生成css主題的地址:http://afonsof.com/jenkins-material-theme/

Select your color
選擇一個你喜歡的主題顏色。
Choose your company logo
上傳你自定義的公司logo。
點擊“↓DOWNLOAD TOUR THEME!”
上傳logo完成之後,按鈕會變更為下載按鈕,點擊下載到本地。

1.選擇主題顏色

Jenkins theme 自動生成定製主題css

image_1d97bfac31a4uauj1d8d1b0h3cb9.png-182.1kB

2.選擇公司logo,然後我們點擊下載css

Jenkins theme 自動生成定製主題css

image_1d97bi6acg7e31tgj6c8a82m.png-142.4kB

3.Jenkins 配置
安裝simple theme插件
在主菜單中選擇系統管理->管理插件

安裝完插件我們點擊 系統管理-->系統設置找到配置Theme的地方

Jenkins theme 自動生成定製主題css

image_1d97c2bmj185e1q9v1pdjas31grr13.png-26.2kB

Theme獲取css文件有2種方式,第一種我們上傳到nginx站點訪問,第二種上傳到Jenkins目錄
第一種可以直接寫http://down.i4t.com/jenkins-material-theme.css進行測試

Jenkins theme 自動生成定製主題css

image_1d97ca4cel0810ta9ha1i516h520.png-31kB

第二種
將之前下載的css文件放置到${Jenkins_HOME}/userContent/material/下
沒有material文件夾的可以自己創建,其他名字也是可以的。

${Jenkins_HOME}這裡是Jenkins默認目錄,不修改家目錄的情況下在/root/.jenkins

image_1d97cd7bd1rc7113u1qfb1qbcmpg2d.png-29.5kB

4.預覽演示
我們配置好css地址之後,點擊保存

Jenkins theme 自動生成定製主題css

image_1d97cf3u61lapeptn77qvrpun2q.png-127kB


分享到:


相關文章: