博客园定制页面（二）——博客主题/主页设置（CSS）

1、博客园主题选择

 

在个人博客园设置页面选择自己喜欢的主题。例如我的博客园的主题：

 

 

2、主题相关CSS设置

参考了很多的博客园设置。个人总结以下：

1. 在选择主题下面的页面定制CSS代码，输入自己定制的CSS
2. 定制CSS代码下面”禁用模板默认CSS“，不不要勾选。因为个人定制CSS是基于自己选择的主题再定制的。每个主题对应的CSS的选择的标签名称是不同的。
3. 在个人的博客园主页。先写两篇测试博客。要有文章名称和常用的一级、二级、标题。
4. 用chrome浏览器浏览，然后按F12，调试界面选择自己需要定制的对象，然后看到对应标签的CSS的名称。然后再定制修改，把修改的CSS填写入第一步定制CSS代码窗口。

 

3、chrome浏览器发现对应标签的CSS名称样例

 

下图是chrome浏览器按F12后的操作过程：

 

4、参考及致谢

调试过程确实查了很多博客的设置资料。这里真的有些忘记了。就不一一致谢啦，对于参考的没有提及的十分抱歉。