博客园定制页面(二)——博客主题/主页设置(CSS)

1、博客园主题选择

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

cnblogs001

2、主题相关CSS设置

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

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

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

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

image

4、参考及致谢

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

猜你喜欢

转载自www.cnblogs.com/mehome/p/10549007.html