當~當~當~當！書架部落格試執行
阿新 • • 發佈：2020-10-22
1. 列表
在網頁上，內容排版大多做成列表的形式。尤其是眾多的部落格系統，不管是 Hexo 還是 Wordpress 搭建的個人部落格都是這樣，這導致一個頁面展示的內容及其有限。
2. 九宮格
手機上為了一個頁面展示更多的內容，採用九宮格的方式。
3. 書架模型
週五的時候突發奇想，想到了書架模型，不同的書櫃儲存不同分類的文章，這樣一個頁面即可展示分類+文章。傳統列表形式需要點選分類才會顯示對應的文章，一比較 Lower 爆了。
4. 書院二樓
有想法就試了一下，花了兩天週末時間總算搞出個雛形。點選 書院二樓 看效果。書院二樓是我新站點的名字。
可以看到，一個個 書櫃 就是傳統列表裡的 分類。部落格只有兩個頁面：書架 頁面，點選進入具體的 文章 頁面，及其簡潔。
看完上面覺得還很 Lower 逼的同學請點這裡：h5+css3實現 3d 書本展示效果。最完美的網頁書架部落格系統應該是包含這部分動畫的，無奈本人 css 技術實在爛的不行，書本動畫暫時擱淺了。
轉載於:https://my.oschina.net/dkvirus/blog/1823514