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

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

创新互联专注于红古企业网站建设,响应式网站开发,商城开发。红古网站建设公司,为红古等地区提供建站服务。全流程定制网站开发，专业设计，全程项目跟踪，创新互联专业和态度为您提供的服务

自定义CSS主要功能：

1. 平面UI字体
2. 更好的语法突出显示Shell块
3. 更好地突出显示 console output

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

使用在线CSS样式

 
 
 
 

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

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

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

本地样式

进入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
 
 
 
 

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

重新配置URL地址

 
 
 
 

  
  
  
  
/userContent/layout/style.css
 
 
 
 

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

当前标题：如何为Jenkins设置自定义UI主题
新闻来源：http://www.shufengxianlan.com/qtweb/news31/285531.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联