next主题如何添加动态背景

next主题如何添加动态背景

假如你也是最近下的next主题,那么我这篇已经对你是有帮助的。不谈论之前版本的next。

在next的官网上有这么一句话:

如果next主题版本在5.1.1以上的话,直接在themes/next目录下,将配置文件_config.yml中找到canvas_nest: false,改为canvas_nest: true即可。

然而在 6.0+的版本中,这样操作完全没有作用……本人甚至一度开始怀疑人生Orz…怀疑是不是文件有问题,还有包括next主题的语言设置。这个放到末尾来讲。

_config.ymlcanvas_nest: true之前有这样的注释:

1
2
# Canvas-nest   
# Dependencies: https://github.com/theme-next/theme-next-canvas-nest

在这个网站上 https://github.com/theme-next/theme-next-canvas-nest 的README.md清楚地给出了next的背景动态使用:

  • 进入themes/next/source/lib路径,输入$ git clone https://github.com/theme-next/theme-next-canvas-nest source/lib/canvas-nest
  • 在next的_config.yml修改canvas_nest: true
  • 回到themes/next/source/lib/canvas-nest文件夹,git bash:git pull
  • hexo clean hexo g hexo s就可以预览了。

最后那个语言问题,并不是next官网和google的一堆信息都是把languages改成zh_Hans,这是无效的,需要在站点配置文件_comfig.yml中把languages改成zh_CN。

当然这个方法我也试过了,不行。还是得重新找方法,最后还是使用修改_layout.swig奏效。方法就是在里面加入

1
2
3
{% if theme.canvas_nest %}
<script type="text/javascript" color="0,0,0" opacity='0.5' zIndex="-1" count="150" src="//cdn.bootcss.com/canvas-nest.js/1.0.0/canvas-nest.min.js"></script>
{% endif %}

最后hexo clean hexo g hexo sok。