博客园引入半透明的看板娘
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
以上是关于博客园引入半透明的看板娘的主要内容,如果未能解决你的问题,请参考以下文章