zoukankan      html  css  js  c++  java
  • 博客园 添加 Live 2D 模型

    让你的博客插入一个小动画,很好玩

    首先,需要申请博客园的 js 权限 ,步骤是:管理--》设置》--》js权限申请

    其次,把以下代码添加到 "博客园侧边栏公告" 即可:

    最后,代码 https://github.com/xiazeyu/live2d-widget-models

    <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-shizuku@1.0.5/assets/shizuku.model.json",
                "scale": 1
            },
            "display": {
                "position": "left",
                "width": 150,
                "height": 300,
                "hOffset": 0,
                "vOffset": -20
            },
            "mobile": {
                "show": true,
                "scale": 0.5
            },
            "react": {
                "opacityDefault": 0.7,
                "opacityOnHover": 0.2
            }
        });
    </script>
    
    <!--
    其他可选的模型:
    黑猫:https://unpkg.com/live2d-widget-model-hijiki@1.0.5/assets/hijiki.model.json
    萌娘:https://unpkg.com/live2d-widget-model-shizuku@1.0.5/assets/shizuku.model.json
    白猫:https://unpkg.com/live2d-widget-model-tororo@1.0.5/assets/tororo.model.json
    狗狗:https://unpkg.com/live2d-widget-model-wanko@1.0.5/assets/wanko.model.json
    小可爱:https://unpkg.com/live2d-widget-model-z16@1.0.5/assets/z16.model.json
    小可爱:https://unpkg.com/live2d-widget-model-koharu@1.0.5/assets/koharu.model.json
    -->
    

      

  • 相关阅读:
    [Leetcode]@python 76. Minimum Window Substring
    [Leetcode]@python 75. Sort Colors
    HTNL表单
    第二天
    开学心德
    HTML表单
    网页制作
    2nd day
    开课心得
    CF10D/POJ2127 LCIS 题解
  • 原文地址:https://www.cnblogs.com/marszhw/p/11447527.html
Copyright © 2011-2022 走看看