取消hexo的matery主题的背景图遮罩颜色

一. 问题背景

使用hexo搭建了一个博客，使用了matery主题，但是背景图有一个遮罩，如下：

二. 解决

解决思路是对着遮罩右击->“检查”->选中控制台对应的html元素->逐个取消它的css效果，看看这个遮罩是否有变化。

最后定位到是themes\hexo-theme-matery\source\css中一个叫matery.css文件的595行代码造成的，如下：

.bg-cover:before,
.bg-cover:after {
    
    
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    content: ""; 
}

只要将content属性注释掉即可，如下：

.bg-cover:before,
.bg-cover:after {
    
    
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    /* content: ""; */ 
}