Jenkins theme生成定制主题css

摘要

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

Jenkins theme 自动生成定制主题css

Jenkins
2019年04月24日


不多bb,效果图
image_1d97cfonfpkielp1rdl1u2r1mju37.png-127kB

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

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

Select your color
选择一个你喜欢的主题颜色。
Choose your company logo
上传你自定义的公司logo。
点击“↓DOWNLOAD TOUR THEME!”
上传logo完成之后,按钮会变更为下载按钮,点击下载到本地。

1.选择主题颜色
image_1d97bfac31a4uauj1d8d1b0h3cb9.png-182.1kB

2.选择公司logo,然后我们点击下载css
image_1d97bi6acg7e31tgj6c8a82m.png-142.4kB

3.Jenkins 配置
安装simple theme插件
在主菜单中选择系统管理->管理插件

安装完插件我们点击 系统管理-->系统设置找到配置Theme的地方
image_1d97c2bmj185e1q9v1pdjas31grr13.png-26.2kB

Theme获取css文件有2种方式,第一种我们上传到nginx站点访问,第二种上传到Jenkins目录
第一种可以直接写http://down.old.i4t.com/jenkins-material-theme.css进行测试

image_1d97ca4cel0810ta9ha1i516h520.png-31kB

第二种
将之前下载的css文件放置到${Jenkins_HOME}/userContent/material/
没有material文件夹的可以自己创建,其他名字也是可以的。

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

4.预览演示
我们配置好css地址之后,点击保存
image_1d97cf3u61lapeptn77qvrpun2q.png-127kB


    A+
发布日期:2019年04月24日  所属分类:Jenkins
标签:
新闻联播老司机

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:1   其中:访客  1   博主  0

  1. xad 1
    这个可以有,日常点赞