博客園看板貓

本博看板貓效果實現方式如下：

 

 

添加以下代碼到 博客側邊欄公告 保存后即可生效

<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