zoukankan      html  css  js  c++  java
  • 博客园引入半透明的看板娘

    参考: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/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",<!-替换成这段代码,改成这样--> )
  • 相关阅读:
    Oracle RAC asm常用命令
    Oracle10g RAC关闭及启动步骤
    工具系列 | git checkout 可替换命令 git switch 和 git restore
    工具系列 | 博客签名
    工具系列 | Token认证方式之JWT【转载】
    PHP系列 | ThinkPHP5.1 如何自动加载第三方SDK(非composer包 )
    工具系列 | 虚拟化VMware ESXi 6.7服务器安装配置
    安全系列 | 【阿里云】安全告警处理-进程异常行为-访问恶意下载源
    其他系列 | Github 贡献统计异常的处理
    MySQL系列 | 安装 MySQL 5.7 on Ubuntu 16.04 | 18.04
  • 原文地址:https://www.cnblogs.com/yingyigongzi/p/11016657.html
Copyright © 2011-2022 走看看