Jenkins 客製化UI

環境

#

• jenkins version: 2.440.3

Login Theme

#

客製化登入頁面

安裝 Plugin

#

• Login Theme: https://plugins.jenkins.io/login-theme/

設定 Plugin

#

設定位置: manage/appearance/Appearance

Login Page Theme

#

• header

可以設定登入的歡迎語

1

<h3>Welcome to PolloChang's Jenkins!</h3>

• Branding

設定 logo

1

https://pollochang.work/images/logo.jpg

• Custom CSS

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12

position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(
135deg,
rgb(69, 123, 157) 10%,
rgb(188, 187, 206) 30%,
rgb(235, 176, 163) 50%,
rgb(244, 213, 177) 70%,
rgb(139, 185, 198) 90%,
rgb(44, 113, 149) 110%
);

設定過程中記得不要登出檢查，要開無痕檢查，不然設定錯誤會無法登入。

Customizable Header

#

客製化 Header

安裝 Plugin

#

• Customizable Header: https://plugins.jenkins.io/customizable-header/