前言
记录几个网上没找到的Hexo主题美化方法。
更改canvas-nest背景的线条数
开启背景
next/_config.yml文件中搜索canvas_nest:,将false改为true。
更改线条数量
打开next/source/lib/canvas-nest/canvas-nest.min.js文件,搜索count,将值改为你想要的数值即可。
这么做可以减少CPU的占用,减少浏览器卡顿。
添加看板动画
执行命令行进行下载
1
npm install --save hexo-helper-live2d
挑选动画模板(传送门),使用命令行下载
1
npm install --save 动画名
在博客根目录的_config.yml配置文件内添加配置
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17## 添加看板动画
live2d:
enable: true
scriptFrom: local
pluginRootPath: live2dw/
pluginJsPath: lib/
pluginModelPath: assets/
tagMode: false
debug: false
model:
use: live2d-widget-model-tororo # 动画名称
display:
position: left
width: 100
height: 200
mobile:
show: false # 是否在移动端展示use后面填写下载的动画名称即可。
使用命令更新静态文件
1
hexo clean & hexo g & hexo s
查看效果。
参考文章
结语
均为网上未找到的方法,记录备用。
-------------End,感谢阅读!-------------