我的博客裏有一個devops頁面，專門用來彙總我寫過的一些DevOps運維自動化相關的技術文章，頁面很簡單，就是一段文字描述加上一堆的文章鏈接，像下面這個樣子
一直以來這個頁面都安安靜靜的存在着，訪問者甚少，像是一個默默無聞沒人關注的孩子，躲在角落裏，偶爾有人來看上兩眼，也會因爲他的醜陋而離開，並沒有深入的去了解一下他，殊不知他十分的老道和博學，能夠提供非常有用的靈感及思路，那些耐心看過他的人都得到了可觀的回報。酒香也怕巷子深，好貨還需會吆喝。雖然他很醜，但他畢竟也是我的孩子，我傾注了熱血，我希望他也能得到大家的關注，我一直在想我該怎麼幫幫他
幫他換一套皮膚，幫他豐富下內涵，讓他看起來更好看，用起來也更好用吧。有了這樣的想法我就在想這個孩子該如何改變，這個頁面該如何改版。DevOps相關的文章大都是在介紹一系列的運維自動化系統，那能不能把系統架構畫出來，頁面上展示架構，架構裏的每個模塊都可以點擊，點擊之後跳轉到相應模塊都介紹頁面去，就與我看到的DevOps工具元素週期表類似
然而架構較爲抽象和複雜，理解起來十分困難不夠直觀，直觀？或許我可以從直觀入手，什麼最直觀？那必須是系統本身最直觀，可以點擊查看，有很好的交互體驗。我不能直接把項目代碼給放出來，那是否可以做個類似的系統界面，有交互能點擊，點了頁面上的某個位置或模塊就能查看這個模塊相關的文檔，這個體驗就很棒了吧，說幹就幹
很快就用了CoreUI純前端寫了這個DevOps文章彙總的頁面，實現了想要的效果，能點擊有交互，沉浸式體驗，很直觀，同時還適配了移動端，畢竟我們的系統也是全面兼容手機使用的，能夠做到7*24小時不間斷移動運維
這個頁面就與我們的系統頁面佈局相同，使用體驗類似，點擊左上角應用名稱後邊的切換按鈕可以呼出全部應用，想要深入瞭解哪個應用直接點擊對應應用即可，目前已上線，趕緊來體驗：https://blog.ops-coffee.cn/devops