个人博客背景一图流

—小记

当时看到自己的博客和别人的不一样，因为他们的都是背景透明度都是一模一样的，而我的有一些色差，所以就想看看到底要怎么弄才能把图片弄的一模一样的颜色

9f84b2ff3ae96e43e03eabb8b53290ec

首先我们在主题下的source文件夹里面新建一个custom.css文件，里面的内容如下：

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

#footer {
  background: transparent !important;
}
#page-header {
  background: transparent !important;
}


#footer::before {
  background: transparent !important;
}
#page-header::before {
  background: transparent !important;
}


[data-theme="dark"] #footer::before {
  background: transparent !important;
}
[data-theme="dark"] #page-header::before {
  background: transparent !important;
}

然后找到_config.butterfly.yml文件中的inject配置项的head这个选项，然后复制以下代码：

1
- <link rel="stylesheet" href="/css/style.css" media="defer" onload="this.media='all'">

我的是custom，根据你的文件名修改一下就可以了

c7596bea5d8cd549dc84913bcb012a47然后在_config.butterfly.yml文件中的index_img和footer_bg配置项取消头图与页脚图的加载项避免冗余加载

image-20241208232259642把index那个直接去掉就可以了，最后大功告成，如下：

image-20241208232853409