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/