转载注明出处，欢迎关注微信小程序小白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/