0x01. 添加css文件

在themes/butterfly/source/css文件下新建background.css
内容如下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
body {
  background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
  background-size: 400% 400%;
  animation: gradient 15s ease infinite;
  height: 100vh;
  background-attachment:fixed;
}	
@keyframes gradient {	
  0% {	
    background-position: 0% 50%;	
  }	
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

0x02.引入css文件

在Butterfly配置文件中引入

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

0x03.刷新

终端运行

1
hexo clean && hexo generate

0x04.Complete!