最终效果
左下角就有
安装插件
1
| npm install --save hexo-helper-live2d --save
|
主题配置
打开站点配置文件，插入
推荐配置
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
| live2d:
enable: true #开关插件版看板娘
scriptFrom: local # 默认
pluginRootPath: live2dw/ # 插件在站点上的根目录(相对路径)
pluginJsPath: lib/ # 脚本文件相对与插件根目录路径
pluginModelPath: assets/ # 模型文件相对与插件根目录路径
# scriptFrom: jsdelivr # jsdelivr CDN
# scriptFrom: unpkg # unpkg CDN
# scriptFrom: https://cdn.jsdelivr.net/npm/live2d-widget@3.x/lib/L2Dwidget.min.js # 你的自定义 url
tagMode: false # 标签模式, 是否仅替换 live2d tag标签而非插入到所有页面中
debug: false # 调试, 是否在控制台输出日志
model:
use: live2d-widget-model-luoxiaohei # npm-module package name
scale: 1.15
hHeadPos: 0.5
vHeadPos: 0.618
display:
position: left #控制看板娘位置left or right
width: 300 #控制画布大小
height: 600 #控制画布大小
superSample: 2
hOffset: 20 #水平方向
vOffset: -180 #垂直方向
mobile:
show: false # 手机中是否展示，建议关闭，位置不好调整
scale: 0.5
react:
opacityDefault: 0.7
opacityOnHover: 0.2
|
这是我调整好的效果，如果想自定义，请按注释配置
安装罗小黑皮肤
1
| npm install --save live2d-widget-model-luoxiaohei --save
|
一键三连 记得去给up主一键三连
1
2
3
| hexo clean
hexo g
hexo s
|
桌面版
仓库zenghongtu/PPet: 👻在你的桌面放一个萌妹子，多一点趣味😏~（支持Mac、Win和Linux） (github.com)
导入模型即可（模型去up主视频下面下载）
猫形态-人形态变换
因为没有能力自建API，所以只能咯咯咯
相关资料在这里
fghrsh/live2d_api: Live2D 看板娘插件 (https://www.fghrsh.net/post/123.html) 上使用的后端 API (github.com)
stevenjoezhang/live2d-widget: 把萌萌哒的看板娘抱回家 (ノ≧∇≦)ノ | Live2D widget for web platform (github.com)
如果有大佬建了api,请踢我一脚（评论区留言）
其他
刚才百度，还发现了其他的模型，牛！
【罗小黑战记】比丢live 2d+facerig演示_哔哩哔哩_bilibili
「罗小黑战记」哪吒live2d互动壁纸展示,游戏,RPG游戏,好看视频 (baidu.com)
把罗小黑官方宣传海报动画化！肝爆的live2d动态海报制作！_哔哩哔哩_bilibili
不过都没链接，可能得去软件里面扒。
关于api
折腾半天，也没成功，大佬记得踢我一脚。
