简单倒腾了下博客园主题

今天第一次用博客园，好久之前听说可以自定义页面，一直想试试来着，总算是圆梦了？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，他的页面看起来很简约，于是又去摸了一摸。

1. 看到了他用的主题：Lessismore。换上之后对比了一下不太像。（看看源码中body对应的class即可）
2. 再查了下他的自定义 css。（我是通过点看起来不一样的部分，发现其位于custom.css中，遂打开源代码复制之。
3. 附加到我的页面定制css代码下面

收工！

另，虽然好像折腾这些也没啥实际的用处，但是还是很开心 hhh。Vamei 博主据说已经离世。

问题修复

手机端浏览博客发现整体页面略宽于屏幕宽度，调试了一下，需要在自定义 css 中做如下修改：

@media (max-width:990px) {
    /* #home{margin: 0 15px;} */
    #home { padding:0 2px; box-sizing: border-box;};
}

此外，导航栏样式在移动端自动隐藏了RSS模块，且由于各个导航之间距离太宽，导致右侧的统计信息移动到了下行。这里根据我自己的设置，修改自定义 css 如下：

#navList li #blog_nav_rss {display: inline !important;}
/* #navList li { display: static; float: none; } */
#navList li {margin-right: 8px;}