这是小叶子自用的 live2d 小组件修改版本, 换用了 TypeScript、Vite; 将模型整合进项目内; 并整合了这个PR以支持新版模型
把以下代码加入你的网页的 <head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/5.3.10/pixi.min.js"></script>
<script src="https://live2dwidget.leafyee.xyz/live2d.min.js"></script>
<script src="https://cubism.live2d.com/sdk-web/cubismcore/live2dcubismcore.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/pixi-live2d-display/dist/index.min.js"></script>
<script src="https://live2dwidget.leafyee.xyz/client.js" defer></script><script src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/5.3.10/pixi.min.js"></script>
<script src="https://live2dwidget.leafyee.xyz/live2d.min.js"></script>
<script src="https://cubism.live2d.com/sdk-web/cubismcore/live2dcubismcore.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/pixi-live2d-display/dist/index.min.js"></script>
<script
src="https://live2dwidget.leafyee.xyz/client.js"
data-tools="hitokoto,switch-model,switch-texture,info,quit"
data-server="https://live2dwidget.leafyee.xyz/"
defer
></script>data-tools为加载的小工具按钮，可以自行删减; 默认为全部data-server为小组件的服务器地址，一般为src删去client.js的路径, 默认为https://live2dwidget.leafyee.xyz/
/public/model存放模型/src/model_list.json模型列表/src/waifu_tips.json中定义了触发条件（selector，CSS 选择器）和触发时显示的文字（text）/public/waifu.css是看板娘的样式表
- 安装依赖:
npm install或pnpm install或bun install - 构建命令:
npm run build或pnpm run build或bun run build - 输出目录未
dist，将dist目录部署到你的服务器或Vercel,Cloudflare Pages等静态网站托管服务即可