hexo-theme-melody 主題修改

Blog創建到現在,主題由 hexo-theme-next換到hexo-theme-indigo,再換到hexo-theme-hiker。本以爲不會再這麽折騰下去,結果看到hexo-theme-melody這款主題,又呼喚起了我的折騰。在折騰中學習,參考各種主題文檔、網絡文章,進行各種修改。

修改記錄

以下是修改記錄

19.05.12

  • 替換fancybox為zooming
  • 更改主題上所有依賴velocity.js的特效代碼,從而刪除velocity.min.js和velocity.ui.min.js(折騰了我好久)
  • 刪除原先的menu圖標,更改為css繪製的圖標,添加動態效果
  • 主題上的一些特效改爲animate,效果更流暢

歷史更新

  • 增加友情鏈接界面
  • 簡體繁體轉換
  • 夜間模式
  • Blog 標題打字特效(引入typed.js
  • cookies支持(引入js-cookie
  • 添加圖片懶加載 lozad
  • page頁顯示改成雙欄(個人資料放在sidebar裏,基本很少人會打開,故刪除sideber,sideber只會在文章頁面顯示toc)
  • 搜索按鈕獨立出menu
  • 刪除slide相關文件和配置(用不上)
  • 增加評論直達按鈕(有評論的地方會出現)
  • 首頁增加文章cover顯示
  • 把打賞和分享按鈕整合在一起
  • 增加新的分享addtoany
  • 修改文章頁面下pagination的樣式
  • 標簽頁隨機大小和顔色來顯示標簽
  • 首頁full page顯示
  • 手機頁面和pc頁面樣式優化
  • 增加顯示博客已運行時間
  • 刪除fireworks.js,這樣可以去掉anima.js的引入
  • 增加圖片onerror,預防圖片加載不出而直接顯示”x”
  • 增加baidu推送
  • 增加百度,bing,360和google的網站驗證
  • 增加canvas-ribbon背景彩帶
  • 除首頁外,其他page頁的banner會顯示對應的page名字,而不再是顯示blog名和blog介紹
  • page頁可以修改各自的banner圖片
  • 增加一行meta,爲了防止Safari將一些數字識別成電話
  • 增加相關文章板塊
  • post頁banner增加更新日期顯示
  • 單獨文章可以設置是否顯示sidebar(toc)
  • 添加valine評論繁體語言
  • 添加facebook和twitter的相關meta
  • 各種hover

大大小小修改了很多,有些已經記不清的,有空就折騰,在折騰中學習。

文章作者: JerryC
文章鏈接: https://jerryc.me/posts/23dcbb21/
版權聲明: 本博客所有文章除特別聲明外,均採用 CC BY-NC-SA 4.0 許可協議。轉載請註明來自 JerryC
打賞
  • 微信
  • 支付寶

評論