一、 選擇主題

轉到主題製作網站jenkins-material-theme

1. 選擇主題顏色

可以選擇自己喜歡的任何顏色,這裡紫色只做演示

2.上傳Logo

要求png格式圖片,最小高度40px

3. 下載主題

上傳好logo後就可以下載外掛主題

下載的主題檔名為:jenkins-material-theme.css

4. 配置css檔案

在Jenkins安裝路徑的userContent目錄下新建layout資料夾

1.將jenkins-material-theme.css檔案複製到該目錄下
2.在該目錄下新建title.css檔案,其中修改程式碼裡面的content就可以改變Jenkins的Title

title.css內容如下

 1 #jenkins-name-icon {
 2     display: none;
 3 }
 4 
 5 .logo:after {
 6     content: "Jenkins of Chaos-Notebook";
 7     text-transform:none;
 8     font-weight: bold;
 9     font-size: 30px;   
10     color: White;    
11     line-height: 40px;
12     margin-left: 40px;
13 }

二、主題外掛配置

轉到Jenkins介面

1. 安裝外掛

Simple Theme

2. 配置外掛

Configure System -> Theme, 新增兩個Css Url

新增jenkins-material-theme.css和Title.css的url

http://localhost:8080/userContent/layout/jenkins-material-theme.css
http://localhost:8080/userContent/layout/title.css

三、新的主題

檢視新的主題效果

1. 介面整體UI