Jenkins theme生成定制主题css

云计算 2023-05-04 捡田螺的小男孩 手机阅读

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.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

相关文章：

  1. 基于Kubernetes Jenkins CICD
  2. Jenkins 自动化部署上线
  3. Jenkins+Maven+SVN+Nexus 搭建持续集成环境
  4. Jenkins 搭建企业实战案例 (发布与回滚)