服务器之家

服务器之家 > 正文

如何为Jenkins设置自定义UI主题

时间:2021-01-21 23:25     来源/作者:DevOps云学堂

 如何为Jenkins设置自定义UI主题

如果您对旧的Jenkins UI,其字体和图标不满意,则可以使用带有自定义徽标的自定义CSS样式对Jenkins进行改头换面。自定义CSS样式会更加美观些。

自定义CSS主要功能:

  • 平面UI字体
  • 更好的语法突出显示Shell块
  • 更好地突出显示 console output

准备工作首先安装插件simple theme,安装主题并重新启动Jenkins。转到Manage Jenkins–> Manage Plugins。单击available选项卡并搜索simple theme插件。

如何为Jenkins设置自定义UI主题

使用在线CSS样式

http://afonsof.com/jenkins-material-theme/dist/material-teal.css 

系统设置 -> Theme,转到Manage Jenkins–> Configure并搜索Theme配置,然后在CSS字段中输入以下URL并保存。

如何为Jenkins设置自定义UI主题

保存设置,此时Jenkins主题已经发生了变化。

如何为Jenkins设置自定义UI主题

本地样式

进入JENKINS_HOME/userContent目录,创建一个css文件。

cd userContent 

mkdir layout 

vim style.css 

在浏览器中访问以下URL,复制整个CSS内容,并将其粘贴到style.css文件中并保存。

http://afonsof.com/jenkins-material-theme/dist/material-teal.css 

测试是否可以访问,正常的显示是这样的。

如何为Jenkins设置自定义UI主题

重新配置URL地址

/userContent/layout/style.css 

 如何为Jenkins设置自定义UI主题

扩展自定义CSS样式:http://afonsof.com/jenkins-material-theme/

如何为Jenkins设置自定义UI主题

 

【原文地址】:https://mp.weixin.qq.com/s/Ax3moyBf__9HZmIO4uYP0Q

标签:

相关文章

热门资讯

2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全 2019-12-26
Intellij idea2020永久破解,亲测可用!!!
Intellij idea2020永久破解,亲测可用!!! 2020-07-29
背刺什么意思 网络词语背刺是什么梗
背刺什么意思 网络词语背刺是什么梗 2020-05-22
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总 2020-11-13
歪歪漫画vip账号共享2020_yy漫画免费账号密码共享
歪歪漫画vip账号共享2020_yy漫画免费账号密码共享 2020-04-07
返回顶部