博客园引入半透明的看板娘
参考:https://www.cnblogs.com/zzc2018/p/10662149.html
代码(添加在设置的博客侧边栏公告下)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | <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",<!-替换成这段代码,改成这样--> )
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· 周边上新:园子的第一款马克杯温暖上架
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试?测试工程师会被淘汰吗?
· 使用C#创建一个MCP客户端
2018-06-13 jsp02