Hexo博客添加canvas-nest几何条纹动态背景

发表于 更新于 分类于 热度： ℃ Valine：
本文字数： 451 阅读时长 ≈ 1 分钟

进入主题文件夹

以我用的next主题为例子

1
cd themes/next

从github下载canvas-nest

把canvas-nest下载到next目录下的ource/lib目录里

1
git clone https://github.com/theme-next/theme-next-canvas-nest source/lib/canvas-nest

在主题开启配置

在NexT配置文件_config.yml中配置开启canvas_nest

在配置文件中找到canvas_nest，将enable设置成true，还可以自定义颜色、透明度、数量等。

1
2
3
4
5
6
7
canvas_nest:
  enable: true    #开启canvas
  onmobile: true # 是否在移动站开启canvas
  color: '34,34,34' # 颜色值
  opacity: 0.5 # 数值 0~1 ，线条透明度
  zIndex: -1 # 背景叠层大小，-1代表放在文章的后面
  count: 200 # 线条数量

完毕，hexo clean & hexo g & hexo d

相关文章推荐