讓你的博客插入一個小動畫,很好玩
首先,需要申請博客園的 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
-->
