0%

hexo_next主题修改透明度

发现博客主页的文章简介总是会挡住背景图片,导致很难看,于是我们可以修改其透明度,让图片显现出来

1.在根目录/source/新建文件夹_data:这里是站点根目录

_data 文件夹下新建 styles.styl 文件,然后写入:

1
2
3
4
5
6
//###### 博客内容透明化 ######

:root {
--content-bg-color:#ffffffe6;
}

这里#ffffffe6表示透明度为10%,如果想更加透明可以问AI进行修改即可

2.在/themes/next\_config.yml中搜索:custom_file_path,并把里面的style: source/_data/styles.styl的注释给取消

图片

3.这步有可能可以跳过,如果最后没成功,再来进行这一步(反正我是不要需要这一步)

在根目录的站点配置文件中,找到skip_render字段,添加:_data/**,即

1
2
skip_render:
- "_data/**"

4.重新部署就可以了

1
hexo clean && hexo s -g

参考文章:https://hui-shao.com/next-transparent-background/