Hexo搭建butterfly博客---（四）渐变背景

预览地址

https://blog.ffing.fun

• 1.创建css
• 2.引入到_config.butterfly.yml

一，创建bg_color.css

[data-theme="light"] 
body {
  background: linear-gradient(-45deg, #fbede8, #b4cef7, #b7f9b8, #f6ced8);
  background-size: 400% 400%;

  height: 100vh;
  background-attachment:fixed;
}    


[data-theme="dark"]
body {
  background: linear-gradient(-45deg, #6f1b01, #113878, #016801, #540818);
  background-size: 400% 400%;

  height: 100vh;
  background-attachment:fixed;
}    

二，引入到_config.butterfly.yml

编辑_config.butterfly.yml，引入背景css

inject:
  head:
    #渐变背景
    - <link rel="stylesheet" href="/css/bg_color.css">