效果图

1，在[Blogroot]\source\css\custom.css里引入以下代码

1
2
3
4
5
6
7
8
9
10
11
12
13
/* 个人信息卡片背景图 */
[data-theme="light"] #aside-content > .card-widget.card-info {
  background-image: url(https://img.camelz.site/file/395f0c7d7626a45bd1b78.png);
  background-repeat: no-repeat;
  background-attachment: inherit;
  background-size: 100%;
}
[data-theme="dark"] #aside-content > .card-widget.card-info {
  background-image: url(https://s2.loli.net/2024/09/30/qZmcoUKYzLRxJQf.png);
  background-repeat: no-repeat;
  background-attachment: inherit;
  background-size: 100%;
}

2，在_config.butterfly.yml的inject配置项进行引入custom.css文件

1
2
3
4
5
6
7
# Inject
# Insert the code to head (before '</head>' tag) and the bottom (before '</body>' tag)
inject:
  head:
    - <link rel="stylesheet" href="/css/custom.css" media="defer" onload="this.media='all'">
  bottom:
    # - <script src="xxxx"></script>