hexo下NexT的主题背景及框体透明度修改

1
2
3
4
5
6
7
8

body {
    background:url(/https/blog.csdn.net/images/background.jpg);		//图片路径，默认
    background-repeat: no-repeat;			//图片无法铺满时，是否重复及重复方式
    background-attachment:fixed;		//图片是否跟随滚动
    background-size:cover;				//覆盖
    background-position:center;		//图片显示起始位置
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

//文章背板的颜色rgb
.main-inner > .sub-menu, .main-inner > .post-block, .main-inner > .tabs-comment, .main-inner > .comments, .main-inner > .pagination{
	background: #f5f5f56b;		//此处使用十六进制颜色代码，			也可以使用rgba进行调色，
    						//实际效果为白色透明色底板				rgba的第四参数即为透明度
}
body{				//修改主体字体颜色
  color: #000;		//纯黑
}
.posts-expand .post-title-link {	//标题颜色
    color: #000;				//首页文章标题颜色， （默认为灰辨识度不高）
}
.posts-expand .post-meta-container {	//标题下的日期颜色
    color: #880000;				//此处修改为红色，可自行调用rgb调色
}

//侧边框的透明度设置
.sidebar {
  opacity: 0.85;
}

1
2
3
4
5
6
7
8
9
10
11
12

.header-inner {		//菜单栏的调色
  background: rgba(255,255,255,0.8);
}

.popup {		//搜索框透明
  opacity: 0.8;
}

.main-inner { 	//整个主体的透明度
   opacity: 0.8;
}