2個週末,歷時100+小時,YourBatman新版Blog正式上線

今天是2021年高考第一天,作爲過來人給廣大考生的一個小小建議:不要提前交卷,因爲即使最後35秒依舊可能拿下13分。

前言

你好,我是YourBatman。本文閱讀起來很輕鬆,介紹我近期建站的一些心得和站點內容分享:https://yourbatman.cn

正所謂每個技術人都應當有個個人站點。最近花了些時間“翻新”了我那博客,決定“弄它”的衝動是覺得其佈局有點跟不上時代了(雖然還只run了一年),且內容不算豐富,分類不夠清晰,所以決定捯飭捯飭。

經過2個完整週末,歷時100+小時,從0開始重新設計、開發、部署、搬運資料,於2021-06-01正式上線。貼幾張圖來提前“感受一下”:

亦可直接訪問(使用PC訪問效果最佳):https://yourbatman.cn

首頁01-動態背景
首頁02-推薦文章
首頁03-文章列表(時間倒序排列)

本文提綱

版本約定

  • YourBatman's Blog

正文

新站點採用更符合現代化的框架、主題來佈局加以實現,所以整體呈現上還是不錯的。下面附上老站點的圖片:

個人覺得新站點相較於老站點:有如下優勢:

  1. 寬屏佈局,對寬屏顯示器的顯示效果更好,更時尚
  2. 響應式框架,對移動設備更適應(說明:雖說適配了移動設備,但使用PC訪問效果最佳
  3. 雲主機獨立部署,採用公開Robot協議,對搜索引擎更友好
  4. 加入交互動效,用戶體驗更好
  5. 技術文章內容頁面更聚焦,消除雜音提升閱讀效率
  6. 新增除了技術文章菜單外的更多“菜單”,體現出個人站點更具個性化
  7. 提供“湖人總冠軍”、“小遊戲”、“個人簡歷”等功能頁面,能讓站點多些人文氣息。技術人並非一塊木頭~
  8. ...

下面按照菜單順序,進行簡單介紹下哈(前方多圖預警)。

首頁

相較於大多數技術博客,本站點的首頁內容相對豐富,看點頗多:

  • 開屏頁使用動態(視頻)背景,內容:陳瑩-一直很安靜。如下圖所示(由於移動設備無法很好的對視頻進行展示,因此適配爲背景圖片):

  • 公告欄:實時更新,公示站長(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:站內搜索的範圍是技術文章,畢竟這纔是本站核心嘛~

總結

新站點內容較爲豐富,除了乾巴的技術文章外,還融入了簡單的人文、休閒娛樂等模塊。多次,體驗過的小夥伴們反饋也是褒貶不一:

  • 不純粹:作爲技術博客,應該是白底黑字的網站,不要花裏胡哨
  • 酷炫:增加動效、增加多媒體元素、增加休閒遊戲,使得一看就出自程序員之手
  • ...

總的來講,雖然有貶有踩,我自己還是比較滿意的(自己都不滿意的話,也不會上線嘛)。我贊同技術博客應該更純粹些,但是我又覺得個人博客應該具有個性,多些個性化元素,百花齊放是最好的。畢竟它流量不大,讓這裏成爲自己的一片自留地也無可厚非嘛。

本站因爲準備時間不長,上線稍倉促,因此主要還存在如下兩個問題:

  1. 老站點的資料、閱讀量、評論等信息並未做完整遷移,待續......
  2. 存在一定性能問題:某些頁面打開時CPU佔用率會飆升,風扇也會響起(如果有前端同學,能否綁定爲下是哪塊耗性能呢?因爲我是做後端的,這塊確實不懂)

既然是“重生”,本站對技術文章將做到:分類更清晰,把關更嚴格,質量把控也會提升一個等級。畢竟重要的事可再重複三遍:本站爲純技術博客、純技術博客、純技術博客

最後,歡迎大家來訪、灌水、種草(使用PC訪問效果最佳):https://yourbatman.cn

系列推薦

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系列、日期時間系列......關注免費獲取

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章