博客

第一版

模板複製自 CNFeat。按照傳統紙張排版的風格進行大量修改。

第二版

第二版複製自 kitian

第三版

後來覺得 Jekyll 太慢了,就換成了 Hugo。主題複製自 xianmin。這是在原來基礎上改動最大的,基本已看不出原來的樣子。只是再怎麼好看,也不能一直不換,這個框架先用到畢業吧。

最大的亮點是中文直排,以及波浪線、下劃線。這樣整個網葉看起來就像中華書局出版的古籍一樣。

主葉

第一版

與博客第二版同時。模板用的這位 小姐姐 的,是一個翻葉 js,模擬 ppt 效果。後來覺得 js 太累贅,就換了。

第二版

主葉第二版與博客第三版同時,在第一版的基礎上魔改。70%是我自己的內容。借鑑了AnyWay.FM,模擬的紙張效果,以線條作爲整個頁面的框架,整個主葉就是一張大紙。

第三版

第三版在第二版基礎上魔改。經過四天修修補補,終於完工了。第一天做出來 3.0 是這樣的:

第四天 3.2 基本定型:

這兩年流行卡片式設計,最有代表性的是 iOS 的控制欄,改成了卡片式。這裏借鑑了 spencerwoo 的代碼。以卡片爲框架邏輯,完全取消了線條的支撐作用。每個小卡片的背景色和描述字體的顏色都經過了反覆試驗。另外,加上了 Substats 的小牌子。

3.3 改成了截图式:

3 月 30 日最終的 3.4.1:

加了一個鼠標懸浮的動畫:

一個神細節:背景花紋跟圖片中我穿的襯衫花紋一模一樣😁

小結

從卡片式到模仿手機屏幕截圖,再到最後加上黑邊框,直接模仿 iphoneX。這幾天主頁的調整就跟寫論文一樣,剛開始想到的是貓,最後寫出來的變成了狗。

審美口味過兩年就要變一下,生命不息折騰不止嘻嘻。只可惜自己不懂技術,要不然可以更折騰。下次博客改版,等碩士畢業了再說吧。

 \