簡單倒騰了下部落格園主題
阿新 • • 發佈:2022-01-12
第一次用部落格園,簡單折騰一下主題。
今天第一次用部落格園,好久之前聽說可以自定義頁面,一直想試試來著,總算是圓夢了?hhh。
倒騰過程
點選進入管理頁,可以很方便地看到各種定製模組。
遮蔽官方的一些推薦等
先開啟控制檯,看看打算遮蔽的官方模組對應的div
的class
或者id
。比如我打算關掉最頂部的提示,其對應的為#top_nav
在頁面定製 css 程式碼模組下,將需要關閉的部分設定為none
:
/** 去掉 CNBLOGS 附加的內容 BEGIN**/ .under-post-card { display: none; } /**文中推薦**/ #cnblogs_ch { display: none; } /*頂部*/ #top_nav { display: none; } /** 去掉 CNBLOGS 附加的內容 END**/
這樣開啟你的部落格之後,就不會有推薦等官方模組了。(雖然不太厚道哈,笑),這裡只是試試。
簡單使用現成的
先簡單看了看官方主題,沒有合心意的。偶然想起了以前經常看的一個博主 Vamei,他的頁面看起來很簡約,於是又去摸了一摸。
- 看到了他用的主題:
Lessismore
。換上之後對比了一下不太像。(看看原始碼中body
對應的class
即可) - 再查了下他的自定義 css。(我是通過點看起來不一樣的部分,發現其位於
custom.css
中,遂開啟原始碼複製之。 - 附加到我的頁面定製css程式碼下面
收工!
另,雖然好像折騰這些也沒啥實際的用處,但是還是很開心 hhh。Vamei 博主據說已經離世。