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


分享到:


相關文章: