1. 程式人生 > 其它 >簡單倒騰了下部落格園主題

簡單倒騰了下部落格園主題

第一次用部落格園,簡單折騰一下主題。

今天第一次用部落格園,好久之前聽說可以自定義頁面,一直想試試來著,總算是圓夢了?hhh。

倒騰過程

點選進入管理頁,可以很方便地看到各種定製模組。

遮蔽官方的一些推薦等

先開啟控制檯,看看打算遮蔽的官方模組對應的divclass或者id。比如我打算關掉最頂部的提示,其對應的為#top_nav

頁面定製 css 程式碼模組下,將需要關閉的部分設定為none:

/** 去掉 CNBLOGS 附加的內容 BEGIN**/
.under-post-card {
    display: none;
}
/**文中推薦**/
#cnblogs_ch {
    display: none;
}
/*頂部*/
#top_nav {
    display: none;
}
/** 去掉 CNBLOGS 附加的內容 END**/

這樣開啟你的部落格之後,就不會有推薦等官方模組了。(雖然不太厚道哈,笑),這裡只是試試。

簡單使用現成的

先簡單看了看官方主題,沒有合心意的。偶然想起了以前經常看的一個博主 Vamei,他的頁面看起來很簡約,於是又去摸了一摸。

  1. 看到了他用的主題:Lessismore。換上之後對比了一下不太像。(看看原始碼中body對應的class即可)
  2. 再查了下他的自定義 css。(我是通過點看起來不一樣的部分,發現其位於custom.css中,遂開啟原始碼複製之。
  3. 附加到我的頁面定製css程式碼下面

收工!

另,雖然好像折騰這些也沒啥實際的用處,但是還是很開心 hhh。Vamei 博主據說已經離世。