### L2Dwidget二次元看板娘的web用法 #### 一、看板娘 [hexo](https://so.csdn.net/so/search?q=hexo&spm=1001.2101.3001.7020) live2d 演示 [shizuku 看板娘](http://raoenhui.github.io/domes/live2d-example/index.html?id=shizuku) ![](https://dsideal.obs.cn-north-1.myhuaweicloud.com/HuangHai/BlogImages/%7Byear%7D/%7Bmonth%7D/%7Bmd5%7D.%7BextName%7D/20250822072335174.png) [看板娘git](https://github.com/raoenhui/live2d-example) ```http https://github.com/raoenhui/live2d-example ``` ![](https://dsideal.obs.cn-north-1.myhuaweicloud.com/HuangHai/BlogImages/%7Byear%7D/%7Bmonth%7D/%7Bmd5%7D.%7BextName%7D/20250822072429553.png) [看板娘文档](https://juejin.im/post/6844904032423641096) ```http https://juejin.im/post/6844904032423641096 ``` ### 二、代码实现 #### 2.1 方式一：$cdn$ 只需要在【页首html代码】中引入L2Dwidget.js即可 ```html ``` [这里展示部分图：](http://raoenhui.github.io/domes/live2d-example/index.html?id=koharu) ![](https://dsideal.obs.cn-north-1.myhuaweicloud.com/HuangHai/BlogImages/%7Byear%7D/%7Bmonth%7D/%7Bmd5%7D.%7BextName%7D/20250822072525772.png) #### 2.2 方式二：源码实现 ``` npm install --save hexo-helper-live2d ``` ``` # 博客文档 https://huaji8.top/post/live2d-plugin-2.0/ # git地址 https://github.com/EYHN/hexo-helper-live2d/blob/master/README.zh-CN.md ``` ![](https://dsideal.obs.cn-north-1.myhuaweicloud.com/HuangHai/BlogImages/%7Byear%7D/%7Bmonth%7D/%7Bmd5%7D.%7BextName%7D/20250822072551308.png) ```html Live2d Test Env

试试摸摸头和这颗星星会有不同的对话哦

```