博客园引入半透明的看板娘

参考: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",<!-替换成这段代码,改成这样--> )
  •  

posted @   阴翳公子  阅读(3129)  评论(5编辑  收藏  举报
编辑推荐:
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
阅读排行:
· 周边上新:园子的第一款马克杯温暖上架
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试?测试工程师会被淘汰吗?
· 使用C#创建一个MCP客户端
历史上的今天:
2018-06-13 jsp02
点击右上角即可分享
微信分享提示