博客园引入半透明的看板娘
Posted yingyigongzi
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了博客园引入半透明的看板娘相关的知识，希望对你有一定的参考价值。
参考：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/[email protected]/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
以上是关于博客园引入半透明的看板娘的主要内容，如果未能解决你的问题，请参考以下文章