首页
视频
资源
登录
原
Jenkins安装皮肤插件
7251
人阅读
2021/4/19 9:40
总访问:
2534744
评论:
0
收藏:
1
手机
分类:
Jenkins
![](https://img.tnblog.net/arcimg/hb/3e561bcf71f1462c9fc300d92e4381d5.png) ># Jenkins安装皮肤插件 [TOC] Simple Theme 插件介绍 ------------ <p style="font-weight: 400;line-height: 1.5;color: #212529;-webkit-tap-highlight-color: transparent;box-sizing: border-box;padding: 0px 20px 20px 20px;border: 1px solid #e9ecef;border-left-width: .25rem;border-radius: .25rem;display: block;border-left-color: #5bc0de;"> 该插件允许使用自定义CSS和JavaScript自定义Jenkin的外观。它还允许替换Favicon。 </p> Simple Theme 的安装与配置 ------------ ### 安装 ![](https://img.tnblog.net/arcimg/hb/190b38d517b2497d951c20104581a301.png) ![](https://img.tnblog.net/arcimg/hb/a191e9042532454c905b6db6cefa8425.png) ![](https://img.tnblog.net/arcimg/hb/8be0067323164888ba74d5025ff7ef86.png) tn>安装完成后下面有一个重启按钮,我们可以重启一下Jenkins。这个时候我们再来看插件管理就发现它安装成功了。 ![](https://img.tnblog.net/arcimg/hb/531b2a3d8835427b8e4c7ebba7fe537a.png) ### 使用在线CSS样式 <p style="font-weight: 400;line-height: 1.5;color: #212529;-webkit-tap-highlight-color: transparent;box-sizing: border-box;padding: 0px 20px 20px 20px;border: 1px solid #e9ecef;border-left-width: .25rem;border-radius: .25rem;display: block;border-left-color: #5bc0de;"> 将打开后的内容,拷贝至主题配置中。系统设置 -> Theme,转到Manage Jenkins–> Configure并搜索Theme配置,然后点击新增并选择第一个。然后我们发现它需要一个外部访问链接。 </p> ![](https://img.tnblog.net/arcimg/hb/f6caeb7e9f0842e188af9578e31f59b0.png) ![](https://img.tnblog.net/arcimg/hb/81b0bdc4b4284e07aa01a80901197f3f.png) ![](https://img.tnblog.net/arcimg/hb/e0b60a6924754c0593b03afcdcc5ede3.png) <p style="font-weight: 400;line-height: 1.5;color: #212529;-webkit-tap-highlight-color: transparent;box-sizing: border-box;padding: 0px 20px 20px 20px;border: 1px solid #e9ecef;border-left-width: .25rem;border-radius: .25rem;display: block;border-left-color: #5bc0de;"> 接着我们这里推荐:<a href="http://afonsof.com/jenkins-material-theme/" target="_blank">jenkins-material-theme</a> 项目,它拥有丰富的Jenkins皮肤主题。 </p> ![](https://img.tnblog.net/arcimg/hb/4845dcca38414e13b9beee28296329d5.png) tn>CSS URL:在CSS字段中输入以下URL并保存,可以查看到效果(如果断网样式会失效) ```bash # 这里我选择了一个高亮蓝色皮肤 http://afonsof.com/jenkins-material-theme/dist/material-light-blue.css # 如果喜欢其他颜色可以按照如下进行选择 http://afonsof.com/jenkins-material-theme/dist/material-{颜色名称}.css ``` ![](https://img.tnblog.net/arcimg/hb/e1daf0c6056845f28d944e7c9e3c8469.png) ![](https://img.tnblog.net/arcimg/hb/d7976f73ca1d438bbd9cfe496319a30b.png) ![](https://img.tnblog.net/arcimg/hb/ce86c9ed76cd4084b5084ad016a0e696.png) ### 离线使用CSS样式 tn>Extra CSS:在文本框内贴上CSS样式,在浏览器中打开上述样式的链接,并复制内容到文本框内一样能看到效果,而这种方式更加推荐,适用于没有网络的环境。 ![](https://img.tnblog.net/arcimg/hb/cc17348f23374e3a8ba689a430cea8f9.png)
欢迎加群讨论技术,1群:677373950(满了,可以加,但通过不了),2群:656732739
👈{{preArticle.title}}
👉{{nextArticle.title}}
评价
{{titleitem}}
{{titleitem}}
{{item.content}}
{{titleitem}}
{{titleitem}}
{{item.content}}
尘叶心繁
这一世以无限游戏为使命!
博主信息
排名
6
文章
6
粉丝
16
评论
8
文章类别
.net后台框架
166篇
linux
17篇
linux中cve
1篇
windows中cve
0篇
资源分享
10篇
Win32
3篇
前端
28篇
传说中的c
4篇
Xamarin
9篇
docker
15篇
容器编排
101篇
grpc
4篇
Go
15篇
yaml模板
1篇
理论
2篇
更多
Sqlserver
4篇
云产品
39篇
git
3篇
Unity
1篇
考证
2篇
RabbitMq
23篇
Harbor
1篇
Ansible
8篇
Jenkins
17篇
Vue
1篇
Ids4
18篇
istio
1篇
架构
2篇
网络
7篇
windbg
4篇
AI
18篇
threejs
2篇
人物
1篇
嵌入式
2篇
python
13篇
HuggingFace
8篇
pytorch
9篇
opencv
6篇
最新文章
最新评价
{{item.articleTitle}}
{{item.blogName}}
:
{{item.content}}
关于我们
ICP备案 :
渝ICP备18016597号-1
网站信息:
2018-2024
TNBLOG.NET
技术交流:
群号656732739
联系我们:
contact@tnblog.net
欢迎加群
欢迎加群交流技术