为了让自己的个人博客不显得那么单调,发现Maupassant支持动态背景,但是在使用的过程中发现了一点小问题,导致无法使用。

问题

在使用Maupassant主题时,发现canvas-nest的enable设置为true后还是无法显示。

原因

在网上查找使用莫泊桑主题的网友博客发现,可以使用这个功能,然后分析了一下页面代码,发现我的博客没有canvas这个标签的代码。查看js源,发现路径不同。

1
2
3
4
5
我的博客:
<script type="text/javascript" color="100,100,100" opacity="0.5" zindex="-2" count="50" src="//lib.baomitu.com/canvas-nest.js/2.0.4/canvas-nest.umd.jscanvas-nest.min.js"></script>

网友博客:
<script type="text/javascript" color="100,100,100" opacity="0.5" zindex="-2" count="50" src="//cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js"></script>

更改方法

修改themes/maupassant/layout/_partial/after_footer.pug文件

1
2
3
4
5
更改前:
script(type='text/javascript', color=color, opacity=opacity, zIndex=zIndex, count=count,src='//lib.baomitu.com/canvas-nest.js/2.0.4/canvas-nest.umd.js')

更改后:
script(type='text/javascript', color=color, opacity=opacity, zIndex=zIndex, count=count,src='//cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js')