[SiteLog]新風格啟用和 pjax 的再次使用

因為大屏幕的普及和數年沒有更新界面,這次決定重新設計一個比較現代的風格。
Movable Type 的小眾化導致想要的風格並不多,雖然,官方設計了比較人性化的換風格模式。但是禁不起風格稀少。。。。

本人對配色、審美啥的並不擅長,找了一圈,決定參考 屈光宇(JerryQu) 的網站風格進行移植,再次鳴謝 QuQu

修改風格其主要體現在以下:

  1. 佈局由上下變成左右。
  2. 對於1024以下分辨率徹底移除 sidebar。
  3. 對於 sidebar,僅在主頁、歸檔頁、Tag頁面顯示,其他頁面均為2欄。

其實,目的主要是適配1024以上大屏。 MT的框架還是不錯的,換主題僅簡單換了 css 和局部細小修改。。

新舊風格抓圖如下:
新風格:

舊風格:

關於pjax

曾經啟用過一段時間 pjax ,這次想了想,還是啟用吧。
重新啟用了 pjax 比較簡單,因為其實原來的 js 中已經有完整的配置。這次,只是重新啟用而已。 當然,由於本站 js 重新調整過,相對的 js 也做了調整。 難點主要是頁面更替後對新頁面的新的腳本的處理。
因為在 這裡 已有分析,於是不再做更多解釋。
直接貼上本站 pjax 實現的部分代碼,共同好者分析之。

JS