看板罗小黑

看板罗小黑-live2d

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zcVaVfpJ-1665118853046)(https://image.wxydejoy.top/image/看板罗小黑/2021-12-28-21-00-04.png)]
aside: true
分类 💻Code
swiper_index: 15
标签: 💻Hexo
文章首发地址https://c.undf.top/
更新时间: 2021-07-24 15:20:55
updated:

最终效果

左下角就有

安装插件

npm install --save hexo-helper-live2d --save

主题配置

打开站点配置文件，插入

推荐配置

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

这是我调整好的效果，如果想自定义，请按注释配置

安装罗小黑皮肤

npm install --save live2d-widget-model-luoxiaohei --save

一键三连 记得去给 up 主一键三连

hexo clean
hexo g
hexo s

桌面版

仓库zenghongtu/PPet: 👻 在你的桌面放一个萌妹子，多一点趣味 😏~（支持 Mac、Win 和 Linux） (github.com)

导入模型即可（模型去 up 主视频下面下载）

猫形态-人形态变换

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-eiIMcNJe-1665118853048)(https://image.wxydejoy.top/img/202107/24/204525%20image-20210724204510349webp)]

因为没有能力自建 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

折腾半天，也没成功，大佬记得踢我一脚。

%%% tip home %%%-
感谢 b 站宝藏 up 主我把罗小黑做成了 Live2D 虚拟主播！_哔哩哔哩_bilibili提供的罗小黑 live2d 模型、EYHN/hexo-helper-live2d插件、Live2d Widget | Akilar の糖果屋

%%% endtip %%%-
b.com/EYHN/hexo-helper-live2d)插件、Live2d Widget | Akilar の糖果屋

%%% endtip %%%-