zoukankan      html  css  js  c++  java
  • 博客园看板猫

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

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

    <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

    
    
    
    每天一个知识点。
  • 相关阅读:
    python常用包官网及包的安装方法
    二进制安装mysql-5.7.26
    ufw防火墙规则不生效
    Zabbix 3.0 配置企业微信报警(配置zabbix-web)
    Zabbix 3.0 配置企业微信报警(注册---测试)
    阿里云盾AliYunDun服务IO超高
    zabbix详解
    ntp时间同步
    zabbix解决中文乱码
    ssh登录服务器提示错误no hostkey alg
  • 原文地址:https://www.cnblogs.com/QiangWum/p/12370543.html
Copyright © 2011-2022 走看看