朱琛的小屋

Hexo博客小知识:更改背景颜色

最近发现有读者在问这个博客的背景颜色是怎么做出来的,这里单独写出来解答一下吧。

更改背景颜色这种的事情是通过css来控制的,具体的文件是hexo/public/css下的main.css来定义的。下面是页面上两处颜色的定义。

1
2
3
4
5
6
7
8
/*首页头部的颜色设置*/
.header {
background: #d1fab8;
}

/*主体部分的颜色设置*/
body {
background: #e0fccf;
}

我们只需要更改上述的两个背景颜色,就可以获得我们想要的颜色效果。
那如何获得我们想要的颜色代码呢?最简单的一种方法就是使用chrome上的颜色抓取器。或者可以参照RGB颜色查询对照表

其实只要我们懂得简单的css和js,我们就可以更改任何我们想更改的部分啦。

朱琛 wechat
扫一扫,用手机看更方便~
坚持原创技术分享,您的支持将鼓励我继续创作!