轉載註明出處，歡迎關注微信小程序小白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/
