其實(shí)挺簡單的︿(￣︶￣)︿
修改_layout.swig
打開 next/layout/_layout.swig
在 < /body>之前添加代碼(注意不要放在< /head>的后面)
{% if theme.canvas_nest %}
<script type="text/javascript" src="http://cdn.bootcss.com/canvas-nest.js/1.0.0/canvas-nest.min.js"></script>
{% endif %}
修改配置文件
打開 /next/_config.yml,在里面添加如下代碼：(可以放在最后面)
# --------------------------------------------------------------
# background settings
# --------------------------------------------------------------
# add canvas-nest effect
# see detail from https://github.com/hustcc/canvas-nest.js
canvas_nest: true
到此就結(jié)束了，運(yùn)行 hexo clean，然后運(yùn)行 hexo g,然后運(yùn)行 hexo s，最后打開瀏覽器在瀏覽器的地址欄輸入 localhost:4000 就能看到效果了\（￣︶￣）/
如果你感覺默認(rèn)的線條太多的話
可以這么設(shè)置====>
在上一步修改 _layout.swig中，把剛才的這些代碼：
{% if theme.canvas_nest %}
<script type="text/javascript" src="http://cdn.bootcss.com/canvas-nest.js/1.0.0/canvas-nest.min.js"></script>
{% endif %}
改為
{% if theme.canvas_nest %}
<script type="text/javascript"
color="0,0,255" opacity='0.7' zIndex="-2" count="99" src="http://cdn.bootcss.com/canvas-nest.js/1.0.0/canvas-nest.min.js"></script>
{% endif %}
配置項(xiàng)說明
-
color：線條顏色, 默認(rèn):'0,0,0'；三個數(shù)字分別為(R,G,B) -
opacity: 線條透明度（0~1）, 默認(rèn):0.5 -
count: 線條的總數(shù)量, 默認(rèn):150 -
zIndex:背景的z-index屬性，css屬性用于控制所在層的位置, 默認(rèn):-1
