1. 程式人生 > >博客園定制頁面(二)——博客主題/主頁設置(CSS)

博客園定制頁面(二)——博客主題/主頁設置(CSS)

splay 名稱 文章 .cn add 默認 過程 https F12

1、博客園主題選擇

在個人博客園設置頁面選擇自己喜歡的主題。例如我的博客園的主題:

技術分享圖片

2、主題相關CSS設置

參考了很多的博客園設置。個人總結以下:

  1. 在選擇主題下面的頁面定制CSS代碼,輸入自己定制的CSS
  2. 定制CSS代碼下面”禁用模板默認CSS“,不不要勾選。因為個人定制CSS是基於自己選擇的主題再定制的。每個主題對應的CSS的選擇的標簽名稱是不同的。
  3. 在個人的博客園主頁。先寫兩篇測試博客。要有文章名稱和常用的一級、二級、標題。
  4. 用chrome瀏覽器瀏覽,然後按F12,調試界面選擇自己需要定制的對象,然後看到對應標簽的CSS的名稱。然後再定制修改,把修改的CSS填寫入第一步定制CSS代碼窗口。

3、chrome瀏覽器發現對應標簽的CSS名稱樣例

下圖是chrome瀏覽器按F12後的操作過程:

技術分享圖片

4、參考及致謝

調試過程確實查了很多博客的設置資料。這裏真的有些忘記了。就不一一致謝啦,對於參考的沒有提及的十分抱歉。

博客園定制頁面(二)——博客主題/主頁設置(CSS)