Hexo添加Live2D看板娘+模型预览

最新推荐文章于 2025-03-08 20:39:29 发布
最新推荐文章于 2025-03-08 20:39:29 发布
阅读量2.8w 收藏 89
点赞数 24
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wang_123_zy/article/details/87181892
版权
本文详细介绍了如何添加及使用各种Live2D小部件模型，包括从GitHub获取模型资源到具体模型的安装与配置过程，并提供了模型预览，帮助读者更好地理解和应用Live2D技术。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

文章目录

添加和注意事项

关于如何添加，可以看这里：https://www.jianshu.com/p/3a6342e16e57
模型的GitHub地址：https://github.com/xiazeyu/live2d-widget-models
需要注意：

  1. live2d-widget-model-haru模型需要安装npm install live2d-widget-model-haru
  2. 在使用的时候，live2d-widget-model-haru有两个模型，所以在使用的时候，是这样的：

    use: live2d-widget-model-haru/01 或者
    use: live2d-widget-model-haru/02

  3. 01和02的json文件是空的，所以需要把live2d-widget-model-haru文件夹下的json文件复制进去

模型预览

以下模型均是在width: 150 、height: 300下截得

live2d-widget-model-chitose

live2d-widget-model-chitose

live2d-widget-model-epsilon2_1

live2d-widget-model-epsilon2_1

live2d-widget-model-gf

live2d-widget-model-gf

live2d-widget-model-haru_01

live2d-widget-model-haru_01

live2d-widget-model-haru_02

live2d-widget-model-haru_02

live2d-widget-model-haruto

live2d-widget-model-haruto

live2d-widget-model-hibiki

live2d-widget-model-hibiki

live2d-widget-model-hijiki

live2d-widget-model-hijiki

live2d-widget-model-izumi

live2d-widget-model-izumi

live2d-widget-model-koharu

live2d-widget-model-koharu

live2d-widget-model-miku

live2d-widget-model-miku

live2d-widget-model-nico

live2d-widget-model-nico

live2d-widget-model-nietzsche

live2d-widget-model-nietzsche

live2d-widget-model-ni-j

live2d-widget-model-ni-j

live2d-widget-model-nipsilon

live2d-widget-model-nipsilon

live2d-widget-model-nito

live2d-widget-model-nito

live2d-widget-model-shizuku

live2d-widget-model-shizuku

live2d-widget-model-tororo

live2d-widget-model-tororo

live2d-widget-model-tsumiki

live2d-widget-model-tsumiki

live2d-widget-model-unitychan

live2d-widget-model-unitychan

live2d-widget-model-wanko

live2d-widget-model-wanko

live2d-widget-model-z16

live2d-widget-model-z16

_执念_
关注
Hexo添加Live2D看板娘最新教程
enchanted的博客
01-29 8273
上次我们搭建了hexo博客，今天来添加一个Live2D看板娘。在网上看了一些教程，不过hexo更新之后更简单，以前的一些教程有些过时了，所以想写一篇更新的教程。Live2D是一种应用于电子游戏的绘图渲染技术，由日本Cybernoids公司开发，通过一系列的连续图像和人物建模来生成一种类似二维图像的三维模型，换句话说就是2D的素材实现一定程度的3D效果，但只能是一定程度3D，因为Live 2D人物无法大幅度转身。
live2d看板娘一览图（22个）
YNNSD的博客
01-09 738
22个live2D模板一览图
Unity--Cubism Live2D模型使用
最新发布
red_redemption的博客
03-08 1229
模型导入到LIVE2D场景之后，会出现这样的问题，因为Editor里的图层顺序安排，在unity里并不适用，要在RenderController里设置后-前 Order，这样部件的排序（大概率是SDK做的Order）就可以改掉unity的展示问题。梳理一下自己的需求，视线追踪要实现，自由切换表情，，，（这个可能还要结合一下语音内容什么的，已经有动作了，表情要怎么处理，，，这个还得考虑）但加上也是可以的，只不过和Clip的动画会有一些出入，比如覆盖clip里规定 的各个参数变化，眼睛一直保持某个状态不变等。
hexo的live2d看板娘
02-13
live2d源代码以及22个模型的预览 安装完hexo-helper-live2d依赖后，将packages里的文件夹复制到node_moduels文件夹下。
小埋模型-网站看板娘
05-14
小埋模型，网站看板娘，干物妹小埋，二次元模型，仅用于学习欣赏，可以用于typecho网页看板娘，demo：https://www.keytoheart.top
页面看板娘.zip
10-25
复制launch.js或launch.min.js中的内容到浏览器的开发者工具中，运行后即会立即呈现。
Live2d 查看工具
12-17
Live2dViewer 专用于查看Live2d的软件亲测可用(〃'▽'〃)
使用hexo在butterfly主题中开启看板娘配置教程（包括模型展示）
唯有努力，方可自信！
08-09 2309
看到别人博客的看板娘你心动了吗？看完这篇你也将会有自己的专属看板娘。快来跟着我自己配置一个。真的超简单
为hexo添加live2d看板娘
qq_43553185的博客
10-26 423
title: 为hexo添加看板娘 declare: true cover: img/top_img.jpg 为hexo添加看板娘 1.准备工作 //检查博客主目录下的package.json下是否有"hexo-helper-live2d": "^3.0.3"依赖 //有的话可以先卸载 npm uninstall hexo-helper-live2d 2.安装依赖 //在hexo根目录下用Git执行命令 npm inatall --save hexo-helper-live2d //安装过程中可能会遇到.
网页/博客Hexo添加live2d游戏角色看板娘,简易添加，碧蓝航线等live2d新型游戏角色模型（moc3）
weixin_43641850的博客
08-21 3895
目前博客上常见live2d看板娘很多都已经是比较老的了（旧版的是moc文件的）并且相应的插件不支持新版模型（moc3文件），如碧蓝航线的live2d模型。本篇介绍在网页里引入moc3文件的方法 把游戏角色添加到自己的博客/网站作为看板，附带鼠标点击/触碰效果，效果截图如下 demo1 demo2 demo3 demo4 demo5 引入方法、更多角色模型请参考原项目文档 代码示例 复制这段代码保存到空的html文件中，在浏览器打开即可看到效果 <!DOCTYPE html&
live2d-widget-models:live2d-widget.js的模型库
05-10
live2d-widget-models live2d模型的存储 使用情况 安装所有型号 使用npm install live2d-widget-models 请手动安装，此包装已被弃用，因为它不会增加生产环境的依赖性。 安装单独的模型 使用npm install {packagename}软件包名称是packages/的文件夹名称packages/我们有： live2d-widget-model-chitose live2d-widget-model-epsilon2_1 live2d-widget-model-gf live2d-widget-model-haru/01 （使用npm install --save live2d-widget-model-haru ） live2d-widget-model-haru/02 （使用npm install --save live
在hexo的butterfly主题中开启看板娘配置
YR_112233的博客
02-08 1693
博客美化添加看板娘
Hexo添加小部件(Butterfly主题) 添加卡通人物（看板娘）
超逸の学习技术博客
05-19 3886
输入如下命令获取 live2d： npm install --save hexo-helper-live2d 输入以下命令，下载相应的模型，将 haruto 更换成你想要的模型名称即可（本人就选haruto），更多模型选择请点击此处，各个模型的预览请访问原作者的博客 npm install live2d-widget-model-haruto 打开站点目录下的 _config.yml文件，添加...
hexo博客看板娘无法更换类型或其他设置
weixin_48464087的博客
07-18 576
最近在hexo个人博客中加入看板娘时，发现了无论我如何修改配置 如下： 随后我把themes的(自己的)主题的_config.yml里面关于看板娘的代码全部删除，重新启动后发现看板娘还在！，所以问题就发现了，那段代码应该放在。以下提供一些我找到的一些模型的主题，更具体的主题可以看github上的介绍。怎么样的修改模型的样式，都是同一个看板娘，甚至左右位置都无法调整。然后就可以随便更改主题了，还有位置等等东西。...
hexo动态php,Hexo博客添加helper-live2d动态模型插件
weixin_39847945的博客
03-28 118
Tips:前导必备1、安装模块在hexo根目录执行命令# npm install --save hexo-helper-live2d2、下载模型live2d-widget-model-chitoselive2d-widget-model-epsilon2_1live2d-widget-model-gflive2d-widget-model-haru/01 (use npm install --sa...
Hexo（sakura）添加live2d看板动画（可对话，换装互动）
cungudafa的博客
02-12 7834
一、live2d简介 Live2D是一种应用于电子游戏的绘图渲染技术，技术由日本Cybernoids公司开发。通过一系列的连续图像和人物建模来生成一种类似三维模型的二维图像，对于以动画风格为主的冒险游戏来说非常有用，缺点是Live 2D人物无法大幅度转身，开发商正设法让该技术可显示360度图像。 示例：原博大大官网 根据鼠标热键进行互动 二、使用教程 hexo-helper-live2d中...
如何在前端网页实现live2d的动态效果
sakura的博客
07-05 3064
React如何在前端网页实现live2d的动态效果
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值