Jenkins更换主题颜色+登录页面LOGO图片

已于 2024-11-20 15:46:11 修改
阅读量1.1k 收藏 2
点赞数 14
分类专栏： Jenkins 文章标签： jenkins servlet 运维
于 2024-11-19 14:42:16 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45697805/article/details/143884781
版权
  1. 默认主题和logo图片展示

默认主题黑色和白色。
在这里插入图片描述

默认LOGO图片在这里插入图片描述

  1. 安装插件
  • Login Theme
  • Material Theme
    系统管理–>插件管理–>Available plugins
    搜不到Login Theme是因为我提前装好了
    在这里插入图片描述

没有外网的可以参考这篇离线安装插件

  1. 验证插件并修改主题颜色

系统管理–>Appearance
在这里插入图片描述

主题样式成功增加，Jenkins自带

  1. 修改登录页面的LOGO

LOGO图片网址地址

很多照片，喜欢那个点击那个即可
在这里插入图片描述
在这里插入图片描述

系统管理–>Appearance–Login Page Theme
复制上面图片的地址粘贴过来
在这里插入图片描述

  1. 查看效果
    在这里插入图片描述
【Jenkins】更换Jenkins主题
KEEP MOVING.
01-09 4073
一、实现的效果 二、 如何制作 1. 下载主题并上传logo jenkins-material-theme 选择截图中的选项 2. 配置Css文件 在Jenkins安装路径的userContent目录下新建layout文件夹 <1>. 复制Step1中下载到的文件到layout文件夹下 <2>. 新建title.css文件，更换Jenkins Title, 内容如下...
3天学会Jenkins_9_主题更换
易名
11-21 775
转载注明出处，欢迎关注微信小程序小白AI博客 微信公众号小白AI或者网站 https://xiaobaiai.net或者我的CSDN https://blog.csdn.net/freeape 1 为啥换主题？ 原始安装的Jenkins页面相对于现在的WEB前端风格，实在说是有点原始了，给人一种不愉悦的感觉。幸好jenkins插件的强大，可以通过安装插件实现主题更换。 2 jenkins-mat...
jenkins平台使用Login Theme、Customizable Header插件定制修改登陆页图片文字及首页标题
最新发布
大新新大浩浩的博客
01-22 684
jenkins平台使用Login Theme、Customizable Header插件定制修改登陆页图片文字及首页标题
1、Jenkins安装和修改主题
06-26 522
一、安装部署 yum install -y java-1.8.0-openjdk sudo wget -O /etc/yum.repos.d/jenkins.repo https://pkg.jenkins.io/redhat-stable/jenkins.repo sudo rpm --im...
Jenkins 主题分享
weixin_33806509的博客
04-12 491
写在前面的话 Jenkins 现在是我使用的最多的 CI/CD 工具，但是一直无法接受他的前端，于是闲暇之余查了一些关于 Jenkins 更换样式的方法，于是自己给他写了个套子，感兴趣的老哥以下是项目地址： https://github.com/PythonTra1nee/Jenkins-Theme 更换主题的方法 Jenkins 默认是不支持更换主题的，需...
3、Jenkins更改主题
06-27 636
安装主题插件 配置样式URL 样式网站：http://afonsof.com/jenkins-material-theme/ 如果需要自定义样式，可以将生成的样式文件上传到服务器通过nginx反向代理访问http://192.168.56.4/material-light.css ...
Jenkins修改主题样式
chen_cxl的博客
10-29 1545
安装方式1 Jenkins=>插件管理=>可选插件 搜索Theme 选择 Simple Theme 直接安装 安装方式2 手动下载插件 进入http://updates.jenkins-ci.org/download/plugins/ ctrl+f 搜索simple-theme-plugin 使用主题插件 进入 系统管理>全局安全配置>标记格式器>设置成为Safe HTML 系统管理>系统配置>Theme>Theme element (新增 CSS U
Jenkins设置左上角头像和标题
qq_36875803的博客
06-01 1486
如何设置Jenkins设置左上角头像和标题？ 点击Manage Jenkins,找到Manage Plugins–Available,搜Theme,安装simple Theme 插件，选择install without restart 安装完成后，去jenkins-material-theme根据页面提示选择主题颜色和头像图片。点击下载，将jenkins-material-theme.css文件下载到本地后使用记事本打开。 点击Manage Jenkins，找到Configure-System,下拉找到
使用SimpleThemePlugin自定义Jenkins界面
自定义Jenkins主题允许用户根据自身需求调整界面风格，使其更符合团队的工作环境和审美偏好。本篇内容主要介绍了如何利用SimpleThemePlugin插件来轻松实现Jenkins界面的个性化。 SimpleThemePlugin是一个方便的...
一文搭建Vuepress博客/文档系统：搭建，导出，SEO，自动编译和部署，域名，HTTPS，备案等
pdai的博客
11-08 2710
文章内容目录 文章内容目录 第一部分 - 博客/文档系统的搭建 博客/文档搭建前言 有哪些选择 我做了哪些尝试 自己写：我用java手写了一个系统 Docisify等工具 博客园等平台 为什么现在用vuepress 博客/文档工具vuepress介绍 vuepress是如何工作的？ vuepress 一些特性 vuepress 插件架构 博客/文档基础搭建 brew安装或者...
自定义jenkins主题
04-26
自定义jenkins主题，比较使用，可以下载看看
jenkins-atlassian-theme, Jenkins改进了用户界面Atlassian风格.zip
09-18
jenkins-atlassian-theme, Jenkins改进了用户界面Atlassian风格 Theme主题 它是完美的中间ground而不是竹子，但看起来像 ！seven camouflage camouflage camouflage camouflage camouflage camouflage camoufla
Jenkins-themes:自定义 Jenkins 主题（css + js）。 在 http 中查看更多信息
06-26
Jenkins-主题 自定义 Jenkins 主题 (css + js)
jenkins-neo-theme:詹金斯（Jenkins）的现代扁平化主题
04-23
詹金斯新主题 用现代的扁平化主题美化您的詹金斯！ 网站： ： 因此，您喜欢Jenkins，但讨厌其丑陋的用户界面和图标……我也是！ 詹金斯新主题简介。 最初是作为詹金斯材质主题的一个分支，但大部分更改为使用扁平和简约的设计。 特征 只是一个小的css文件（35K） 嵌入缩小的SVG图像 多种安装方式 屏幕截图 安装 使用此GitHub页面 安装 单击Manage Jenkins 单击Configure System然后向下滚动到Theme 指定https://jenkins-contrib-themes.github.io/jenkins-neo-theme/dist/neo-light.css的URL。 点击Save 使用您的Jenkins托管 将文件http://jenkins-contrib-themes.github.io/jenkins-neo-theme/di
jenkin-theme
05-08
詹金斯·阿特拉斯主题 所以您想要竹子，但您负担不起？ 好吧，你很幸运！ Jenkins Atlassian主题简介-穷人的竹子。 这是完美的中间地带-不是Bamboo，但看起来可能是！ 仅需七个简单的步骤，这种伪装就可以使Jenkins看起来就像Atlassian的产品一样，并与您的Atlassian开发环境的其他部分（例如Stash，Jira和Confluence）融为一体。 该项目不隶属于Atlassian 现场演示 提供了具有最新更改的实时演示。 使用以下凭据登录： 用户名： DrJenkins 密码： SunflowerRainbowPrince 安装 安装 安装 安装 将theme.js ， theme.css和jenkins_logo.png上传到您的Web服务器 单击Manage Jenkins 单击Configure System然后向下滚动到Theme 指
美化你的 Jenkins：jenkins-material-theme
gitblog_00055的博客
05-12 821
美化你的 Jenkins：jenkins-material-theme 项目地址:https://gitcode.com/gh_mirrors/je/jenkins-material-theme 如果你是 Jenkins 的忠实用户，但对它的界面设计感到不满，那么让我们来一场蜕变！jenkins-material-theme 是一个基于谷歌的 Material Design 设计理念打造的主题插...
Jenkins Material 主题安装与配置指南
gitblog_00677的博客
08-09 1003
Jenkins Material 主题安装与配置指南 jenkins-material-themeBeautify your Jenkins with the Material Design theme!项目地址:https://gitcode.com/gh_mirrors/je/jenkins-material-theme 1. 项目目录结构及介绍 在 https://github.com/a...
【Jenkins】自定义Jenkins theme
weixin_33958585的博客
04-09 339
Choose your color: Replace `` in the URL by the chosen color:https://cdn.rawgit.com/afonsof/jenkins-material-theme/gh-pages/dist/material-.css InstallJenkins Simple Them...
手把手教学Jenkins-自定义LOGO&主题样式
SsS_new的博客
08-21 1077
Jenkins自动化集成部署详情【待完善】&Jenkins自定义主题教程&Jenkins自定义登录界面教程
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值