博客园引入半透明的看板娘
参考:https://www.cnblogs.com/zzc2018/p/10662149.html
代码(添加在设置的博客侧边栏公告下)
<script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script> <script> L2Dwidget.init({ "model": { // 这里改模型,前面后面都要改 jsonPath: "https://unpkg.com/live2d-widget-model-chitose@1.0.5/assets/chitose.model.json", "scale": 1 }, "display": { // 设置看板娘的上下左右位置 "position": "right", "width": 150, "height": 300, "hOffset": 0, "vOffset": -20 }, "mobile": { "show": true, "scale": 0.5 }, "react": { // 设置透明度 "opacityDefault": 0.7, "opacityOnHover": 0.2 } }); </script>
可替换的模型名称
2D模型全名称:
- live2d-widget-model-chitose (亲测,还可以继续用: jsonPath: "https://unpkg.com/live2d-widget-model-chitose/assets/chitose.model.json",<!-替换成这段代码,改成这样--> )
-
- live2d-widget-model-epsilon2_1 (已凉,不可用)
- live2d-widget-model-gf (已凉,不可用)
- live2d-widget-model-haru/01 (use npm install --save live2d-widget-model-haru) (没试成功,可能已凉,不可用)
- live2d-widget-model-haru/02 (use npm install --save live2d-widget-model-haru) (没试成功,可能已凉,不可用)
- live2d-widget-model-haruto (亲测,还可以继续用: jsonPath: "https://unpkg.com/live2d-widget-model-haruto/assets/haruto.model.json",<!-替换成这段代码,改成这样--> )
-
- live2d-widget-model-hibiki (亲测,还可以继续用: jsonPath: "https://unpkg.com/live2d-widget-model-hibiki/assets/hibiki.model.json",<!-替换成这段代码,改成这样--> )
-
- live2d-widget-model-hijiki (亲测,还可以继续用: jsonPath: "https://unpkg.com/live2d-widget-model-hijiki/assets/hijiki.model.json",<!-替换成这段代码,改成这样--> )
-
- live2d-widget-model-izumi (亲测,还可以继续用: jsonPath: "https://unpkg.com/live2d-widget-model-izumi/assets/izumi.model.json",<!-替换成这段代码,改成这样--> )
-
- live2d-widget-model-koharu (亲测,还可以继续用: jsonPath: "https://unpkg.com/live2d-widget-model-koharu/assets/koharu.model.json",<!-替换成这段代码,改成这样--> )
-
- live2d-widget-model-miku (亲测,还可以继续用: jsonPath: "https://unpkg.com/live2d-widget-model-miku/assets/miku.model.json",<!-替换成这段代码,改成这样 效果:一只初音--> )
-
- live2d-widget-model-ni-j (亲测,还可以继续用: jsonPath: "https://unpkg.com/live2d-widget-model-ni-j/assets/ni-j.model.json",<!-替换成这段代码,改成这样--> )
-
- live2d-widget-model-nico (亲测,还可以继续用: jsonPath: "https://unpkg.com/live2d-widget-model-nico/assets/nico.model.json",<!-替换成这段代码,改成这样--> )
-
- live2d-widget-model-nietzsche (已凉,不可用)
- live2d-widget-model-nipsilon (亲测,还可以继续用: jsonPath: "https://unpkg.com/live2d-widget-model-nipsilon/assets/nipsilon.model.json",<!-替换成这段代码,改成这样--> )
-
- live2d-widget-model-nito (亲测,还可以继续用: jsonPath: "https://unpkg.com/live2d-widget-model-nito/assets/nito.model.json",<!-替换成这段代码,改成这样--> )
-
- live2d-widget-model-shizuku (亲测,还可以继续用: jsonPath: "https://unpkg.com/live2d-widget-model-shizuku/assets/shizuku.model.json",<!-替换成这段代码,改成这样 效果:坐在课桌前的妹子--> )
-
- live2d-widget-model-tororo (亲测,还可以继续用: jsonPath: "https://unpkg.com/live2d-widget-model-tororo/assets/tororo.model.json",<!-替换成这段代码,改成这样 效果:一只白猫--> )
-
- live2d-widget-model-tsumiki (亲测,还可以继续用: jsonPath: "https://unpkg.com/live2d-widget-model-tsumiki/assets/tsumiki.model.json",<!-替换成这段代码,改成这样--> )
-
- live2d-widget-model-unitychan (亲测,还可以继续用: jsonPath: "https://unpkg.com/live2d-widget-model-unitychan/assets/unitychan.model.json",<!-替换成这段代码,改成这样--> )
-
- live2d-widget-model-wanko (已凉,不可用)
- live2d-widget-model-z16 (亲测,还可以继续用: jsonPath: "https://unpkg.com/live2d-widget-model-z16/assets/z16.model.json",<!-替换成这段代码,改成这样--> )
-