只需一秒,美化你的博客園!


制作主題需要考慮哪些?

在博客園里混了一年多,各式各樣的主題琳琅滿目,各有特色。但是我發現的是,有些細節沒有注意到。這里我主要提幾點個人對於博客園主題的基本需求。

  • 功能實用。博客園自帶的功能盡可能多的保留。諸如隨筆分類、標簽、隨筆檔案等等。
  • 外觀簡潔大方。博客園不乏各種技術大佬,但是程序員的審美似乎總是不在線,所以導致博客功能牛逼,但是界面辣眼睛。
  • 博客正文樣式的定制。博客正文常用的一些文字、圖片、音視頻媒體、代碼展示等等,這些都應該規范,使得整個博文閱讀體驗感更舒適。
  • 移動端和PC端的適配。很多博客主題,PC端用起來一點毛病沒有,可是到了移動端,那就是各種錯位,亂成一團。這一點對移動端用戶非常不友好。
  • 去廣告及附屬功能。博客主題盡量保留一些有用的附屬功能,例如相關博文這樣的板塊,應當保留,讓讀者有機會讀到更多相關的內容。此外博客園的廣告可以去除,移除廣告讓界面更舒服。

主題適配

我在適配主題時,考慮的點包括但不限於上述要求。通過不斷地修改、驗證、再修改、再驗證...,終於達到了滿意地程度。現在把主題適配教程說下:

1.清空后台所有內容

  • 頁面定制CSS代碼
  • 博客側邊欄公告
  • 頁首html代碼
  • 頁腳html代碼

2.選擇默認主題

設置主題為 Custom,並將其禁用掉。

3.定制CSS代碼

打開鏈接,將CSS代碼復制進頁面定制CSS代碼框里,並保存。

4.主題預覽

主題適配了移動端,可以打開對比看下。


寫在最后

此主題查閱了一些網頁設計規范,對比了大量的網站,其中包括知乎、簡書、思否等,觀察其中的布局和樣式,最后才得到了最終的樣子。如果你有好的建議和意見歡迎下方評論留言!
此外,我個人的博客在此基礎上增加了一些js功能代碼,有興趣的可以翻看我的博客。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM