原文地址: https://i4t.com/3720.html

jenkins的默认界面实在是太丑了,可以使用Jenkins Theme生成定制主题进行美化。

效果图

Jenkins Theme生成jenkins定制主题 - 图1

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

安装步骤

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

Select your color

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

Choose your company logo

上传你自定义的公司logo。

点击“↓DOWNLOAD TOUR THEME!”

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

1.选择主题颜色

Jenkins Theme生成jenkins定制主题 - 图2

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

Jenkins Theme生成jenkins定制主题 - 图3

3.Jenkins 配置

安装simple theme插件

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

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

Jenkins Theme生成jenkins定制主题 - 图4

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

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

  1. http://down.i4t.com/jenkins-material-theme.css

Jenkins Theme生成jenkins定制主题 - 图5

第二种

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

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

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

!Jenkins Theme生成jenkins定制主题 - 图6

4.预览演示

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

Jenkins Theme生成jenkins定制主题 - 图7