天天看點

自定義部落格園個人皮膚

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

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

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

  

自定義部落格園個人皮膚

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

  

自定義部落格園個人皮膚

  

自定義部落格園個人皮膚

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

  

自定義部落格園個人皮膚

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

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

  

自定義部落格園個人皮膚

  

自定義部落格園個人皮膚

  将黑色嘗試着修改,在開發者工具裡可以不斷調試,點選顔色進行修改,然後随着自己的選擇,導航欄的顔色不斷變化,直到換到自己想要的顔色,然後記下那個16進制顔色碼:

  

自定義部落格園個人皮膚

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

  

自定義部落格園個人皮膚

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

  

自定義部落格園個人皮膚

  顔色已經修改過來。

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

繼續閱讀