简单的几行代码,就可以为你的博客添加萌萌的看板娘欧
简单的几行代码,就可以为你的博客添加萌萌的看版娘欧
代码(添加在设置的博客侧边栏公告下)
-
<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
- 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
- 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