网上类似的wordpress插件很多,但是这个我感觉简洁也方便,只需要在你想加入的页面加个JS就成.当然你也可以百度搜一下live2d看板娘,修改版也挺多.
<script src="https://l2dwidget.js.org/lib/L2Dwidget.min.js"></script>
<script type="text/javascript">
L2Dwidget
.on('*', (name) => {
console.log('%c EVENT ' + '%c -> ' + name, 'background: #222; color: yellow', 'background: #fff; color: #000')
})
.init({
display: {
// 居左
"position": "left",
// 宽度
"width": 200,
// 高度
"height": 400,
// 距左右
"hOffset": 35,
// 距下
"vOffset": -20
},
mobile: {
// 移动端,false为关闭
"show": true,
"scale": 0.5
},
dialog: {
// 开启对话框,false为关闭
enable: true,
script: {
// 每空闲 10 秒钟,显示一条一言
'every idle 10s': '$hitokoto$',
// 当触摸到角色身体
'tap body': '哎呀!别碰我!',
// 当触摸到角色头部
'tap face': '人家已经不是小孩子了!'
}
}
});
</script>