当前位置: 首页 > 科技观察

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

时间:2023-03-15 08:58:25 科技观察

如果您对旧的JenkinsUI、它的字体和图标不满意,您可以使用带有自定义徽标的自定义CSS样式对Jenkins进行改造。自定义CSS样式会更漂亮。自定义CSS主要特性:平面UI字体更好的语法高亮Shell块更好地高亮控制台输出准备工作首先安装插件简单主题,安装主题并重新启动Jenkins。转到管理Jenkins–>管理插件。单击可用选项卡并搜索简单的主题插件。使用在线CSS样式http://afonsof.com/jenkins-material-theme/dist/material-teal.cssSystemSettings->Theme,进入ManageJenkins->Configure搜索Themeconfiguration,然后在里面输入以下内容CSS字段URL并保存。保存设置,此时Jenkins主题已经改变。本地样式进入JENKINS_HOME/userContent目录并创建一个css文件。cduserContentmkdirlayoutvimstyle.css在浏览器中访问以下网址,复制整个CSS内容,粘贴到style.css文件中并保存。http://afonsof.com/jenkins-material-theme/dist/material-teal.css测试是否可以访问,正常显示是这样的。重新配置URL地址/userContent/layout/style.css扩展自定义CSS样式:http://afonsof.com/jenkins-material-theme/