首先，准备工作
首先到大佬的 Github 去下载整理后的 Live2D 代码，毕竟整理后的话好下手 ~
觉得Github仓库下载慢，可以看我下一期文章。
下载后解压代码到你的博客网站根目录去。（目录位置可以自定义）
然后把解压出来的文件夹改名为：live2d 。
然后，开始撸代码
在你博客程序头部文件（header.php）引入界面样式，在 head 标签内插入如下代码
在你博客程序页脚文件（footer.php）引入脚本，在最后一个 标签前插入如下代码：
鼠标放在页面某个元素上时，需要 Live2D 看板娘提示的请修改 message.json 文件。
实例：
{
"mouseover": [
{
"selector": ".title a", //此处修改为你页面元素的标签名
"text": ["要看看 {text} 么？"] //此处修改为你需要提示的文字
},
{
"selector": "#searchbox",
"text": ["在找什么东西呢，需要帮忙吗？"]
}
],
"click": [ //此处是 Live2D 看板娘的触摸事件提示
{
"selector": "#landlord #live2d",
"text": ["不要动手动脚的！快把手拿开~~", "真…真的是不知羞耻！","Hentai！", "再摸的话我可要报警了！⌇●﹏●⌇", "110吗，这里有个变态一直在摸我(ó﹏ò｡)"]
}
]
}
"mouseover": [
{
"selector": ".title a", //此处修改为你页面元素的标签名
"text": ["要看看 {text} 么？"] //此处修改为你需要提示的文字
},
{
"selector": "#searchbox",
"text": ["在找什么东西呢，需要帮忙吗？"]
}
],
"click": [ //此处是 Live2D 看板娘的触摸事件提示
{
"selector": "#landlord #live2d",
"text": ["不要动手动脚的！快把手拿开~~", "真…真的是不知羞耻！","Hentai！", "再摸的话我可要报警了！⌇●﹏●⌇", "110吗，这里有个变态一直在摸我(ó﹏ò｡)"]
}
]
}
然后去WordPress下载一个插件，名字叫jQuery Updater,以支持jQuery库，由于国内网络环境过于垃圾，可能会下载失败。
这里提供我的下载链接Download
下载完之后有个data文件，在文件后面加上.zip后缀，解压到网站目录\wp-content\plugins下面。然后到WordPress控制台启用这个插件。
清除浏览器缓存，刷新，看看效果吧
叨叨几句... NOTHING