live2d模型看板娘

各live2d

Typecho 版（奇趣保罗做的）

特点：自带 Pio 模型，支持后台更换其他模型，还可自定义换肤，可放在插件目录下或外部引用
依赖：无
下载：GitHub 传送门https://github.com/Dreamer-Paul/Pio
文档：传送门https://docs.paul.ren/pio
WordPress 版（喵喵做的）

特点：自带 2233 模型，不支持后台更换，但包含一言、文字交互等功能
依赖：需要 JQuery 支持
下载：GitHub 传送门https://github.com/xb2016/33-live2d-wp
Emlog 版（广树做的）

特点：自带 Histoire 模型，不支持后台更换，但可以接入图灵机器人实现互动
依赖：需要 JQuery 支持
下载：传送门https://www.wikimoe.com/?post=75
Z-Blog 版（FGHRSH 做的）

特点：自带 Pio、Tia 模型，支持换肤。不支持后台更换，但包含一言、文字交互等功能
依赖：需要 JQuery 支持
下载：传送门https://www.fghrsh.net/post/123.html

梦象模型站：https://mx.paul.ren/

可选看板娘

live2d-widget-model-chitose
live2d-widget-model-epsilon2_1
live2d-widget-model-gf
live2d-widget-model-haru/01 (use npm install --save live2d-widget-model-haru)
live2d-widget-model-haru/02 (use npm install --save live2d-widget-model-haru)
live2d-widget-model-haruto
live2d-widget-model-hibiki
live2d-widget-model-hijiki
live2d-widget-model-izumi
live2d-widget-model-koharu
live2d-widget-model-miku
live2d-widget-model-ni-j
live2d-widget-model-nico
live2d-widget-model-nietzsche
live2d-widget-model-nipsilon
live2d-widget-model-nito
live2d-widget-model-shizuku
live2d-widget-model-tororo
live2d-widget-model-tsumiki
live2d-widget-model-unitychan
live2d-widget-model-wanko
live2d-widget-model-z16

示例

jsonPath: "https://unpkg.com/live2d-widget-model-izumi@1.0.5/assets/izumi.model.json",

2022-12-22T14:21:33.png
jsonPath: "https://unpkg.com/live2d-widget-model-hijiki@1.0.5/assets/hijiki.model.json",

2022-12-22T14:21:42.png
jsonPath: "https://unpkg.com/live2d-widget-model-z16@1.0.5/assets/z16.model.json",

2022-12-22T14:21:56.png
jsonPath: "https://unpkg.com/live2d-widget-model-tsumiki@1.0.5/assets/tsumiki.model.json",

2022-12-22T14:22:07.png
jsonPath: "https://unpkg.com/live2d-widget-model-shizuku@1.0.5/assets/shizuku.model.json",
2022-12-22T14:22:19.png

jsonPath: "https://unpkg.com/live2d-widget-model-unitychan@1.0.5/assets/unitychan.model.json",

2022-12-22T14:22:30.png
jsonPath: "https://unpkg.com/live2d-widget-model-tororo@1.0.5/assets/tororo.model.json"

2022-12-22T14:22:38.png
jsonPath: "https://unpkg.com/live2d-widget-model-nipsilon@1.0.5/assets/nipsilon.model.json",
2022-12-22T14:22:45.png

jsonPath: "https://unpkg.com/live2d-widget-model-koharu@1.0.5/assets/koharu.model.json",

2022-12-22T14:22:54.png
jsonPath: "https://unpkg.com/live2d-widget-model-haruto@1.0.5/assets/haruto.model.json"
2022-12-22T14:23:02.png

jsonPath: "https://unpkg.com/live2d-widget-model-hibiki@1.0.5/assets/hibiki.model.json",

2022-12-22T14:23:10.png

代码示例

const Live = document.createElement('script');
        Live.src = "https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js";
        Live.onload = function () {
            L2Dwidget.init({
                "model": {
                    jsonPath: "https://unpkg.com/live2d-widget-model-izumi@1.0.5/assets/izumi.model.json",
                    "scale": 1
                },
                "display": {
                    "position": "right",
                    "width": 120,
                    "height": 240,
                    "hOffset": 0,
                    "vOffset": -20
                },
                "mobile": {
                    "show": true,
                    "scale": 0.5
                },
                "react": {
                    "opacityDefault": 0.7,
                    "opacityOnHover": 0.2
                }
            });
        };

        document.body.appendChild(Live);
        }