新建文件

在themes\next\source\js\src中新建文件dynamic_bg.js，代码链接。

添加引入文件

打开themes\next\layout_layout.swig文件，在body里添加：
1
2
3
<div class="bg_content">
  <canvas id="canvas"></canvas>
</div>

末尾继续添加代码：

1	<script type="text/javascript" src="/js/src/dynamic_bg.js"></script>

添加样式

在themes\next\source\css_custom\custom.styl文件末尾添加：
1
2
3
4
5
6
7
.bg_content {
  position: fixed;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}

注意

在next5.1.1以后，已经自带了两种背景动画，打开配置文件，搜索three_waves：将false改为true即可。