新建样式

新建 source/css/transpancy.css

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
/* 文章页背景 */
.layout_post > #post {
  /* 以下代表透明度为0.5 可以自行修改*/
  background: rgba(255, 255, 255, 0.8);
}

/* 所有页面背景 */
#aside_content .card-widget,
#recent-posts > .recent-post-item,
.layout_page > div:first-child:not(.recent-posts),
.layout_post > #page,
.layout_post > #post,
.read-mode .layout_post > #post {
  /* 以下代表透明度为0.5 */
  background: rgba(255, 255, 255, 0.8);
}
/*侧边卡片的透明度 */
:root {
  --card-bg: rgba(255, 255, 255, 0.8);
}

引入样式

引入 transpancy.css 到 _config.butterfly.yml

1
2
3
inject:
  head:
    - <link rel="stylesheet" href="/css/transpancy.css?v1">

参考资料

hexo butterfly 主题设置背景透明度和字体