博客園添加live2d看板娘

博客園添加live2d看板娘

博客說明

文章所涉及的資料來自互聯網整理和我的總結，意在於我的學習和經驗彙總，若有什麼地方侵權，請聯繫本人刪除，謝謝！

配置

添加代碼到博客園側邊欄公告

代碼

<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": "right",
            "width": 75,
            "height": 150,
            "hOffset": 0,
            "vOffset": -20
        },
        "mobile": {
            "show": true,
            "scale": 0.5
        },
        "react": {
            "opacityDefault": 0.7,
            "opacityOnHover": 0.2
        }
    });
</script>

選擇人物

在上面jsonPath切換就能夠啦

黑貓：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

測試

固然這個大小能夠去調整的

感謝

hexo+github+live2d+volantis

萬能的網絡

以及勤勞的本身

關注公衆號： 歸子莫，獲取更多的資料，還有更長的學習計劃