前言

浏览本篇之前，请先完成魔改准备工作

修改透明背景

在_config.yml中找到：

1、footer_img：网页最下面那个版权信息的块改成透明

# The background image of footer
footer_img: transparent

2、background改成和封面一样的图片

# Website Background
# Can set it to color or image url
background: /img/2.png

3、mask蒙版效果，这个看个人喜好

# Add a mask to the header and footer
mask:
  header: true
  footer: ture

4、enter_transitions关闭，不然会有白色渐变效果

# Page Transition
enter_transitions: false

5、在\themes\butterfly\source\css\custom.css最后添加如下代码：

/*侧边卡片的透明度 */
:root {
  --card-bg: rgba(255, 255, 255, 0.8);
}

[data-theme="dark"] {
  --card-bg: rgba(255, 255, 255, 0.2);
}

修改主题色

在_config.yml中找到theme_color把enable改成true，颜色可参考下面

网站可选择：https://www.sioe.cn/yingyong/yanse-rgb-16/ ，注意十六进制大小写都是一样的

Image 14