博客園樣式美化 II

前言

感謝大家對之前 博客園樣式美化 的認可，我終於更新啦啦啦啦

更新內容

01 | 優化首頁顯示效果

優化前：

優化後：

有沒有感覺瞬間立體起來了呢～

02 | 增加管理入口

這個很簡單，就是導航條上加了個管理的入口

原本想設置爲只有博主本人打開頁面才能看到，後面發現只能判定有沒有登錄，不知道是不是博主本人，遂棄之～

03 | 可配置

這個大概是最重要的更新了吧...

將散落在各處的零散的和個人相關的鏈接，集中在一起，能自動獲取的獲取（如博主名稱），不能自動獲取的在頁尾的js配置，達到開箱即用（其實還是要配下，不完全算...）～

這是目前開放的可配置項：

<script type="text/javascript">
    //博主名稱 可不改，默認取博客園提供的
    var nickName =null;
    //slogan
    var slogan = '立德立言，無聞西東';
    //icon
    var icon = "https://ae01.alicdn.com/kf/H445e0280b88f4f34a848238a848a687fw.png";
    //默認博客背景圖片
    var defaultPic="https://img2018.cnblogs.com/blog/1138447/201904/1138447-20190426121949417-1115592219.jpg";
    //icon(瀏覽器標題欄上的)
    var iconB="https://img2018.cnblogs.com/blog/1138447/201909/1138447-20190911161817172-1737762696.png";
    //友情鏈接地址
    var friendLink="https://www.cnblogs.com/summertime-wu/p/9350833.html";
    //關於地址
    var aboutMe="https://www.cnblogs.com/summertime-wu/p/9350808.html";
</script>

04 | 解決該主題下斜體問題

這個也很簡單，修改對應的元素的 font-style 就好了

不過有人在 github 提出無序列表的問題，我試了下是正常的..

05 | 增加點擊圖片放大功能

這裏是使用了 https://www.cnblogs.com/zhanxiaoyun/p/8259451.html 給出的實現

這位博主給出的代碼似乎有點問題，自己魔改了一下

通過 JS 增強 Markdown 語法

失敗，沒有找到現成的輪子..自己寫太過複雜，hold不住,,

06 | 優化評論區

如圖，感覺還有很多優化的空間

剛好截了這個評論... 這個不是我設計的，這是對pinghsu（一款Typecho主題）的模仿

07 | 擴大主體寬度

這裏感覺太大或者太小都不太好看，先擴個10%先

預告

更新很慢，但是會有的～

哈哈

代碼已更新在同步Github上: https://github.com/Summertime-Wu/make_cnblogs_better