今天是2021年高考第一天，作為過來人給廣大考生的一個小小建議：不要提前交卷，因為即使最后35秒依舊可能拿下13分，
前言
你好，我是YourBatman，本文閱讀起來很輕松，介紹我近期建站的一些心得和站點內容分享：https://yourbatman.cn
正所謂每個技術人都應當有個個人站點，最近花了些時間“翻新”了我那博客，決定“弄它”的沖動是覺得其布局有點跟不上時代了（雖然還只run了一年），且內容不算豐富，分類不夠清晰，所以決定捯飭捯飭，
經過2個完整周末，歷時100+小時，從0開始重新設計、開發、部署、搬運資料，于2021-06-01正式上線，貼幾張圖來提前“感受一下”：
亦可直接訪問（使用PC訪問效果最佳）：https://yourbatman.cn
本文提綱
版本約定
- YourBatman’s Blog
正文
新站點采用更符合現代化的框架、主題來布局加以實作，所以整體呈現上還是不錯的，下面附上老站點的圖片：
個人覺得新站點相較于老站點：有如下優勢：
- 寬屏布局，對寬屏顯示幕的顯示效果更好，更時尚
- 回應式框架，對移動設備更適應（說明：雖說適配了移動設備，但使用PC訪問效果最佳）
- 云主機獨立部署，采用公開Robot協議，對搜索引擎更友好
- 加入互動動效，用戶體驗更好
- 技術文章內容頁面更聚焦，消除雜音提升閱讀效率
- 新增除了技術文章選單外的更多“選單”，體現出個人站點更具個性化
- 提供“湖人總冠軍”、“小游戲”、“個人簡歷”等功能頁面，能讓站點多些人文氣息，技術人并非一塊木頭~
- …
下面按照選單順序，進行簡單介紹下哈（前方多圖預警），
首頁
相較于大多數技術博客，本站點的首頁內容相對豐富，看點頗多：
-
開屏頁使用動態（視頻）背景，內容：陳瑩-一直很安靜，如下圖所示（由于移動設備無法很好的對視頻進行展示，因此適配為背景圖片）：
-
公告欄：實時更新，公示站長（YourBatman）or站點的方方面面近況，如下圖所示：
-
文章推薦：you know，本站點是個純技術博客，此模塊用于在首頁做文章推薦：推薦的文章可能是最新的，亦可能是“撈起來”的，避免了早期發布的“優秀”文章永遠沉睡，如下圖所示：
-
文章串列：作為本站點的核心，擁有好的技術文章才是王道，本串列按照時間倒序排列且分頁顯示，如下圖所示：
為了抓住廣大技術小伙伴的“視覺”，文章若沒有自行制定封面圖，系統將依據文章標題，自動從系統中匹配到一張靚圖放上去，如上圖就是看到的效果，
從底部的統計資料看：上線5天左右，PV有1000/天，UV約400/天，若能保持的話，這個量就已遠遠超出我的預期，服務器得升配了
- 文章詳情：作為本站點的的內核，除了文章內容自然必須硬核外，閱讀體驗也需要跟上，本part設計理念為：沉浸式閱讀，去掉干擾項，又不失方便性，努力平衡，如下圖所示：
技術專欄
我認為技術文章大都需要通過專欄的形式去學習、理解才能擁有更好效果，單篇文章篇幅有限導致一般只能浮于表面，并不能帶來實質上的改變，
不管是我的公眾號（ID：BAT的烏托邦），還是個人博客，主打的都是技術知識點以小而美的專欄形式呈現，做到合理拆解，逐個擊破，一方面方便大家的閱讀，另一方面我自己”復習“起來也非常方便，
本頁面的作用便是對文章進行按專欄分類，方便讀者能順序聚焦和索引，如下圖所示：
說明：新站點才建立，文章資料還只搬遷了很少一部分，這項作業將持續進行，包括公眾號文章、CSDN的付費專欄等都會搬來免費供以閱讀
圖書館
當下是個資訊大爆炸的時代，查閱硬碟自己”搜藏“的（技術）電子書，那是真的只起到了搜藏的作用呀，要不是電子書，早就落灰很厚了，
技術路線到了”中年“也應該學會做減法，這是為了更聚焦，所以圖書館模塊就是這樣一個目的：放上10本左右”電子書“，提供在線瀏覽（當然也提供下載功能），隨時隨地可連續閱讀，做到方便和聚焦，提高真實效率，如下圖所示：
說明：書籍均經過高度壓縮處理，體積相比壓縮前小了5-10倍，提高在線閱讀體驗，PS：手機端暫不支持在線閱讀，畢竟每本書也屬”流量大戶“
短視頻
相較于我的老站點，新站點增加了人文生活氣息，比如短視頻模塊就是體現，
本頁面用于搜藏”經典“短視頻，內容主要來自自制和抖音，相同的搜集理念：聚焦，因此數量不會很多，但盡力確保每個都值得留念，如下圖所示：
PS：手機端只適配2~3個視頻內容，更多內容請使用PC打開觀看
湖人總冠軍
2005年知道NBA，2006年開始看（關注）科比、詹姆斯、姚明、麥迪、艾弗森、安東尼、韋德、波什、鄧肯、吉諾比利、帕克、納什、斯達德邁爾、比盧普斯、阿泰斯特、巴蒂爾、加內特、雷阿倫、霍華德、奧尼爾、華萊士、JR史密斯、克里斯保羅…
北京時間2021年6月4日，湖人在系列賽敗給保羅帶領的菲尼克斯太陽隊，詹姆斯史上第一次首輪游，我們青春真的結束了嗎？僅以此頁記錄熱愛籃球的熱血青春，如下圖所示：
文章
終于進入”正題“了，畢竟咱這是個地地道道的技術博客嘛，技術文章才是它的主題，要不怎么說把此選單放在中心位置呢：
此選單有2個子選單，旨在幫你按不同維度，快速定位到你想要的文章/專欄，
- 統計：按照標簽、分類維度進行分類
- 日歷：按照時間維度（倒序）進行展示
我的
顧名思義，本選單主要記錄站長YourBatman的一些”私貨“，所以它必然也分了好幾個子選單（后續還會持續擴充哈）：
-
關于我：顧名思義嘍，YourBatman的自我介紹哈
-
碎碎念：有些東西不想發到wx朋友圈，就會通過手機發到這里來
-
留言板：什么種草、灌水都可以來這里，但是，不可以定！外！賣！
-
相冊：光影留念，記錄生活，留下瞬間
當然嘍，個人私密相冊是加密的，需要密碼才能訪問，密碼是：xxxxxx
更多
選單欄的”名額“畢竟是有限的，因此對于一些周邊性的功能就會放在此選單類下面：
- 我的簡歷：顧名思義，這是我求職會用簡歷嘍，密碼是：xxxxxx
- 小游戲： 程式員已經很卷了，此頁面讓你休閑一會、放松一下
- 程式員導航：每個人的搜藏夾里都躺著眾多網址，來，這個程式員導航幫你減負
搜索
現在大家獲取資訊的渠道重度依賴搜索引擎，因此本站提供了站內搜索功能：輸入關鍵字即可快速找到相關內容，
Tips：站內搜索的范圍是技術文章，畢竟這才是本站核心嘛~
總結
新站點內容較為豐富，除了干巴的技術文章外，還融入了簡單的人文、休閑娛樂等模塊，多次，體驗過的小伙伴們反饋也是褒貶不一：
- 不純粹：作為技術博客，應該是白底黑字的網站，不要花里胡哨
- 酷炫：增加動效、增加多媒體元素、增加休閑游戲，使得一看就出自程式員之手
- …
總的來講，雖然有貶有踩，我自己還是比較滿意的（自己都不滿意的話，也不會上線嘛），我贊同技術博客應該更純粹些，但是我又覺得個人博客應該具有個性，多些個性化元素，百花齊放是最好的，畢竟它流量不大，讓這里成為自己的一片自留地也無可厚非嘛，
本站因為準備時間不長，上線稍倉促，因此主要還存在如下兩個問題：
- 老站點的資料、閱讀量、評論等資訊并未做完整遷移，待續…
- 存在一定性能問題：某些頁面打開時CPU占用率會飆升，風扇也會響起（如果有前端同學，能否系結為下是哪塊耗性能呢？因為我是做后端的，這塊確實不懂）
既然是“重生”，本站對技術文章將做到：分類更清晰，把關更嚴格，質量把控也會提升一個等級，畢竟重要的事可再重復三遍：本站為純技術博客、純技術博客、純技術博客，
最后，歡迎大家來訪、灌水、種草（使用PC訪問效果最佳）：https://yourbatman.cn
系列推薦
- 10. 原來是這么玩的，@DateTimeFormat和@NumberFormat
- 9. 細節見真章，Formatter注冊中心的設計很討巧
- 8. 格式化器大一統 – Spring的Formatter抽象
System.out.println("點個贊吧!");
print_r('關注【BAT的烏托邦】！');
var_dump('私聊YourBatman：fsx1056342982');
console.log("點個贊吧！");
NSLog(@"關注【BAT的烏托邦】！");
print("私聊YourBatman：fsx1056342982");
echo("點個贊吧！");
cout << "關注【BAT的烏托邦】！" << endl;
printf("私聊YourBatman：fsx1056342982");
Console.WriteLine("點個贊吧！");
fmt.Println("關注【BAT的烏托邦】！");
Response.Write("私聊YourBatman：fsx1056342982");
alert("點個贊吧！");
YourBatman：Spring Framework開源貢獻者，Java架構師，領域專家，文章不標題黨，不嘩眾取寵，每篇文章都成系列去系統的攻破一個知識點，每個系列可能是全網最佳/唯一，注重基本功修養，底層基礎決定上層建筑，現有IDEA系列、Spring N多系列、Bean Validation系列、日期時間系列…關注免費獲取
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/286376.html
標籤：其他