首页 > 分享 > 博客园看板猫

博客园看板猫

本博看板猫效果实现方式如下:

添加以下代码到 博客侧边栏公告 保存后即可生效

<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-hijiki/assets/hijiki.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>

当然还有其他可替换的模板,效果及模板文件如下:(仅需替换jsonPath文件即可)

  jsonPath: "https://unpkg.com/live2d-widget-model-chitose/assets/chitose.model.json",<!-替换成这段代码,改成这样--> )

  jsonPath: "https://unpkg.com/live2d-widget-model-haruto/assets/haruto.model.json",<!-替换成这段代码,改成这样--> )

 jsonPath: "https://unpkg.com/live2d-widget-model-hibiki/assets/hibiki.model.json",<!-替换成这段代码,改成这样--> )

jsonPath: "https://unpkg.com/live2d-widget-model-hijiki/assets/hijiki.model.json",<!-替换成这段代码,改成这样--> )

 jsonPath: "https://unpkg.com/live2d-widget-model-shizuku/assets/shizuku.model.json",<!-替换成这段代码,改成这样  效果:坐在课桌前的妹子--> )

其他图案选择可参考:https://www.cnblogs.com/zzc2018/p/10662149.html

相关知识

博客园使用悬挂猫(上吊猫)置顶插件
博客园美化
博客园动态小老鼠特效
Typecho看板娘插件~让你的博客领养一个小伙伴、小宠物吧~
我来博客园了!
给自己的博客上添加个flash宠物插件
如何给自己的博客上添加个flash宠物插件
博客宠物最新资讯
如何为网页添加小宠物挂件:小老鼠、金鱼等
《怪物猎人:崛起》宠物技能怎么学习 宠物技能学习方法分享

网址: 博客园看板猫 https://m.mcbbbk.com/newsview692172.html

所属分类:萌宠日常
上一篇: 猫咪的 “仆人” 信号,你收到了
下一篇: codecombat计算机科学入