Live2D Widget 模型库安装教程：22 个模型怎么选、怎么装，一篇完整指南
【免费下载链接】live2d-widget-modelsModel library for live2d-widget.js项目地址: https://gitcode.com/gh_mirrors/li/live2d-widget-models
想在博客侧边栏放一个会眨眼、会挥手的虚拟伙伴吗？用 live2d-widget-models 这个 Live2D 模型库就能搞定——它把 20 多个开箱即用的 Live2D 模型拆成了独立的 npm 包，一条命令就能装进你的网站项目。
一分钟认识它
这个项目本质上是一个"模型仓库"：每个文件夹装一套完整的 Live2D 模型资源，包括渲染用的.moc模型文件、贴图、.mtn动作、物理模拟与表情配置，部分模型还自带snd/目录里的语音文件。
它依赖的技术栈很简单：Node.js + npm 负责安装分发，模型本身由 Live2D SDK 体系渲染，前端则由配套的 live2d-widget.js 库负责在网页里跑起来。你不需要会建模，只要会敲npm install就行。
模型怎么挑：22 个模型一览
每个模型对应packages/下的一个文件夹，npm 包名就是文件夹名。想挑得准，先看功能差异：声音、物理摆动、表情、姿势这几项并不是人人都有。
| 模型包 | 声音 | 物理 | 表情 | 姿势 |
|---|---|---|---|---|
live2d-widget-model-chitose | — | ✔ | ✔ | ✔ |
live2d-widget-model-epsilon2_1 | — | ✔ | ✔ | — |
live2d-widget-model-gf | — | — | — | — |
live2d-widget-model-haru（01） | ✔ | ✔ | ✔ | ✔ |
live2d-widget-model-haru（02） | ✔ | ✔ | ✔ | ✔ |
live2d-widget-model-haruto | — | ✔ | — | — |
live2d-widget-model-hibiki | ✔ | ✔ | ✔ | — |
live2d-widget-model-hijiki | — | — | — | ✔ |
live2d-widget-model-izumi | ✔ | ✔ | ✔ | — |
live2d-widget-model-koharu | — | ✔ | — | — |
live2d-widget-model-miku | — | ✔ | — | — |
live2d-widget-model-ni-j | — | ✔ | — | ✔ |
live2d-widget-model-nico | — | ✔ | — | ✔ |
live2d-widget-model-nietzsche | — | ✔ | — | ✔ |
live2d-widget-model-nipsilon | — | ✔ | — | ✔ |
live2d-widget-model-nito | — | ✔ | — | ✔ |
live2d-widget-model-shizuku | ✔ | ✔ | ✔ | ✔ |
live2d-widget-model-tororo | — | — | — | ✔ |
live2d-widget-model-tsumiki | — | ✔ | ✔ | — |
live2d-widget-model-unitychan | — | ✔ | — | — |
live2d-widget-model-wanko | — | — | — | — |
live2d-widget-model-z16 | — | ✔ | ✔ | — |
挑的时候有两种思路：
- 省事的做法：装完 live2d-widget.js 后，随便挑一个顺眼的（比如 miku 或 shizuku）先跑起来，喜欢哪个换哪个。
- 一次看全：把几个风格不同的模型都装上，在本地预览里对比，再留一个在
package.json里。
一个容易踩的坑：haru 有 01、02 两套造型，但它们共用同一个包名live2d-widget-model-haru，装一次就两套都有了，不用装两遍。
两条安装路径
路径 A：全量模型一次装齐
npm install live2d-widget-models这个聚合包会依赖上面全部模型。先停一下：官方已把该包标记为 deprecated（弃用），并明确提示请改为手动安装单个模型——因为它不会把模型依赖写进你自己的生产环境项目，装了对最终站点可能不生效。所以这条路径只适合本地预览、挑模型，不建议留在正式项目里。
路径 B：只装一个模型（推荐）
先安装渲染库，再挑一个模型装进来，以 haru 为例：
npm install --save live2d-widget-model-haru想换别的模型？把命令里最后一段换成上表中的包名即可，规则就是"包名 =packages/下的文件夹名"。
装完之后：让它动起来
模型装好只是第一步，它不会自己出现在页面上：
- 引入并初始化 live2d-widget.js 库，这是负责把
.moc、动作、贴图渲染成页面上那个会动的人物的 JavaScript 库。 - 在它的配置里指定你要用的模型文件（如
haru01.model.json），动作、物理、表情都会跟着这个入口文件加载。 - 浏览器打开页面，看到侧边栏里的人物随鼠标互动，就算成功了。
配置细节别在这里硬背，直接去查 live2d-widget.js 项目的文档；如果你用的是 Hexo 博客，也可以看看 hexo-helper-live2d 这个插件，它能帮你把模型接进博客框架。
写在最后
Live2d-widget-models 的价值就一句话：省去你自己找模型、导资源、搭目录的功夫，22 个 Live2D 模型随挑随装。先按路径 B 装一个跑起来，剩下的交给预览对比——你博客里的虚拟伙伴，五分钟就能上岗。
【免费下载链接】live2d-widget-modelsModel library for live2d-widget.js项目地址: https://gitcode.com/gh_mirrors/li/live2d-widget-models
创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
