Jenkins theme 自动生成定制主题css

Jenkins默认界面比较丑,视觉容易疲劳,这时候就需要我们更换一个主题。让我们的Jenkins美观一些

Jenkins theme 自动生成定制主题css

Jenkins

2019年04月24日

不多bb,效果图

https://oss.lingkb.com/wp-content/uploads/2020/01/1578153002-eb8ac1bdc11471d.png-127kB

Jenkins默认界面比较丑,视觉容易疲劳,这时候就需要我们更换一个主题。让我们的Jenkins美观一些

首先需要我们打开生成css主题的地址:http://afonsof.com/jenkins-material-theme/

Select your color

选择一个你喜欢的主题颜色。

Choose your company logo

上传你自定义的公司logo。

点击“↓DOWNLOAD TOUR THEME!”

上传logo完成之后,按钮会变更为下载按钮,点击下载到本地。

1.选择主题颜色

https://oss.lingkb.com/wp-content/uploads/2020/01/1578153003-f050d200579081a.png-182.1kB

2.选择公司logo,然后我们点击下载css

https://oss.lingkb.com/wp-content/uploads/2020/01/1578153003-01152fc9ea1d51a.png-142.4kB

3.Jenkins 配置

安装simple theme插件

在主菜单中选择系统管理->管理插件

安装完插件我们点击 系统管理–>系统设置找到配置Theme的地方

https://oss.lingkb.com/wp-content/uploads/2020/01/1578153004-b05ce93125e97f1.png-26.2kB

Theme获取css文件有2种方式,第一种我们上传到nginx站点访问,第二种上传到Jenkins目录

第一种可以直接写http://down.i4t.com/jenkins-material-theme.css进行测试

https://oss.lingkb.com/wp-content/uploads/2020/01/1578153004-d734051a41e4fa9.png-31kB

第二种

将之前下载的css文件放置到${Jenkins_HOME}/userContent/material/

没有material文件夹的可以自己创建,其他名字也是可以的。

${Jenkins_HOME}这里是Jenkins默认目录,不修改家目录的情况下在/root/.jenkins

https://oss.lingkb.com/wp-content/uploads/2020/01/1578153004-ecc7c72caaa54ea.png-29.5kB

4.预览演示

我们配置好css地址之后,点击保存

https://oss.lingkb.com/wp-content/uploads/2020/01/1578153004-9795e651d9da2c0.png-127kB

欢迎评论。
lingkb » Jenkins theme 自动生成定制主题css