专栏首页小白AI.易名3天学会Jenkins_9_主题更换

3天学会Jenkins_9_主题更换

转载注明出处,欢迎关注微信小程序小白AI博客 微信公众号小白AI或者网站 https://xiaobaiai.net或者我的CSDN https://blog.csdn.net/freeape

1 为啥换主题?

原始安装的Jenkins页面相对于现在的WEB前端风格,实在说是有点原始了,给人一种不愉悦的感觉。幸好jenkins插件的强大,可以通过安装插件实现主题更换。

2 jenkins-material-theme

jenkins-material-theme这是一个主题插件,可以:

  • 自定义Jenkins的logo
  • 自定义整体风格,尤其支持自定义整体风格的颜色
  • UI图标大部分有所替换,至少看起来舒服多了

3 jenkins-material-theme安装

步骤:

  • 安装jenkins-material-theme插件
  • 到网站 http://afonsof.com/jenkins-material-theme/ 中自定义颜色和网站logo,然后下载自定义样式文件jenkins-material-theme.css
  • Jenkins首页->Manage Jenkins->Configure System->Home directory查看Jenkins的home目录
  • 将样式文件放入{Jenkins Home}/userContent
  • Jenkins首页->Manage Jenkins->Configure System->Theme->Add CSS URL 填写样式文件路径:http://{jenkins服务ip}/userContent/jenkins-material-theme.css
  • 点击Save就可以生效了。

4 Pipeline显示UI更换之Blue Ocean

Blue Ocean 重新思考Jenkins的用户体验,从头开始设计Jenkins Pipeline, 但仍然与自由式作业兼容,Blue Ocean减少了混乱而且进一步明确了团队中每个成员 Blue Ocean 的主要特性包括:

  • 持续交付(CD)Pipeline的 复杂可视化,可以让您快速直观地理解管道状态。
  • Pipeline 编辑器 - 引导用户通过直观的、可视化的过程来创建Pipeline,从而使Pipeline的创建变得平易近人。
  • 个性化 以适应团队中每个成员不同角色的需求。
  • 在需要干预和/或出现问题时 精确定位 。Blue Ocean 展示 Pipeline中需要关注的地方, 简化异常处理,提高生产力
  • 本地集成分支和合并请求, 在与GitHub 和 Bitbucket中的其他人协作编码时实现最大程度的开发人员生产力。

安装步骤:

  • 直接安装插件Blue Ocean
  • 安装完成后,Jenkins首页点击Open Blue Ocean就可以进入Pipelines页面,很现代化的UI体验

5 参考

  • https://jenkins.io/zh/doc/book/blueocean/
  • http://afonsof.com/jenkins-material-theme/

本文分享自微信公众号 - 小白AI(gh_c002f3b12bc2),作者:别打名名

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2019-11-21

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 3天学会Jenkins_Jenkin与CI(Continuous Integration,持续集成)?

    持续集成(Continuous Integration)即是发生在每一次的代码提交后,立即开始软件的构建(Build)和测试(Test),在一个拥有许多开发人员...

    别打名名
  • 3天学会Jenkins_4_创建用户并管理用户权限之安装角色策略插件

    通常,在大型组织中,会存在多个独立的团队来管理和运行Jenkins的工作,但管理这些用户并为他们分配角色可能会很麻烦。

    别打名名
  • 3天学会Jenkins_8_Jenkins vs Travis-CI, 有何区别

    转载注明出处,欢迎关注微信小程序小白AI博客 微信公众号小白AI或者网站 https://xiaobaiai.net或者我的CSDN https://blog....

    别打名名
  • python安装salt模块

    大家 在 import salt 时,可能会报错,no module named salt

    用户2398817
  • Hexo博客yilia主题添加背景音乐 (网易云音乐)

        在themes/yilia/layout/_partial/left-col.ejs文件nav标签中添加代码

    試毅-思伟
  • 微信小程序,input输入内容双向绑定

    键盘输入时触发,event.detail = {value, cursor, keyCode},keyCode 为键值,2.1.0 起支持,处理函数可以直接 r...

    德顺
  • 【C#】Excel舍入函数Round、RoundUp、RoundDown的C#版

    本人在C#中进行小数舍入的时候常常会怀念Excel中的Round、RoundUp、RoundDown这几个函数,原因就是后者“接地气”,比较符合俺小老百姓的舍入...

    AhDung
  • 搭建属于自己的ngrok服务

    快乐咸鱼每一天
  • 如何理解云计算?很简单,就像吃货想吃披萨了……

    是时候祭出这篇吃货文章了: ? 你一定听说过云计算中的三个“高大上”的你一定听说过云计算中的三个“高大上”的概念:IaaS、PaaS和SaaS,这几个术语并不好...

    企鹅号小编
  • 这个机器人自曝:想上学成家,毁灭人类

    国外媒体报道,在最近机器人设计师戴维·汉森(David Hanson)的测试中,与人类极为相似的类人机器人索菲亚(Sophia)自曝愿望,称想去上学,成立家庭,...

    机器人网

扫码关注云+社区

领取腾讯云代金券