自定義部落格園個人皮膚

我命傾塵發表於2019-03-20

  部落格園相較於其他的IT交流平臺來講,有一個特殊的地方,就是部落格園的個人主頁是可以修改的。

  算起來,從在部落格園發第一篇部落格到現在,已經快兩年了,竟然一直不知道這個亮點。也是今天一次偶然,在後臺做一些設定時才發現這個功能,在這裡記錄一下大致的設定流程。

  隨便拿個人頁面裡的一部分當做示例:

  

  這是我的部落格選用的系統皮膚,針對頂部導航欄做出修改:

  

  

  點選管理--》設定--》然後向下拉,就可以看到這個頁面:

  

  到這裡大部分人基本已經知道是什麼意思了,這裡就是用自己自定義的css、js等程式碼來覆蓋自己選用的皮膚裡的css等程式碼。

  比如說,要給導航欄換顏色,選中要修改的導航欄,右擊--》審查元素,使用開發者工具檢視選中的部分:

  

  

  將黑色嘗試著修改,在開發者工具裡可以不斷除錯,點選顏色進行修改,然後隨著自己的選擇,導航欄的顏色不斷變化,直到換到自己想要的顏色,然後記下那個16進位制顏色碼:

  

  接下來就是在剛才設定裡的那個css框裡進行覆蓋了:

  

  儲存修改後再回到個人頁面裡就成了這樣:

  

  顏色已經修改過來。

  部落格園裡的大佬們估計都知道設定的方法,之所以寫這篇部落格,是想讓和之前的我一樣還不知道這個功能的各位瞭解一下。這個功能還是挺不錯的,不落俗套,任何人在部落格園都可以根據自己的想法建立屬於自己的專屬個人部落格。

相關文章