Jenkins theme生成定制主题css

2023年 5月 4日 28.3k 0

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 搭建企业实战案例 (发布与回滚)

相关文章

KubeSphere 部署向量数据库 Milvus 实战指南
探索 Kubernetes 持久化存储之 Longhorn 初窥门径
征服 Docker 镜像访问限制!KubeSphere v3.4.1 成功部署全攻略
那些年在 Terraform 上吃到的糖和踩过的坑
无需 Kubernetes 测试 Kubernetes 网络实现
Kubernetes v1.31 中的移除和主要变更

发布评论