未分类

为Hexo主题添加动态背景

别看了,这张图不会动的,,,,

1.这里以hueman主题为例,打开/themes/hueman/layout/layout.ejs,添加下面的一坨代码在body中(如果js的link失效,文末有下载连接),

1
2
3
{% if theme.canvas_nest %}
<script type="text/javascript" src="//cdn.bootcss.com/canvas-nest.js/1.0.0/canvas-nest.min.js"></script>
{% endif %}

如果使用本地js,可以复制js代码,到主题文件夹下的/source/js目录下

再将上面的代码改为

1
2
3
{% if theme.canvas_nest %}
<script type="text/javascript" src="/js/canvas-nest.min.js"></script>
{% endif %}

2.更改配置文件

打开主题目录下的_config.yml,在尾部添加下列代码:

1
canvas_nest: true

重新部署,即可看见效果。

原文地址

canvas-nest.min.js

分享到