【嘉然live2d】来给WP网站添加一个live2

最新推荐文章于 2024-03-28 14:32:31 发布

淇云博客

最新推荐文章于 2024-03-28 14:32:31 发布

阅读量1.1k

点赞数

文章标签： servlet 前端

本文链接：https://blog.csdn.net/weixin_41113221/article/details/126712421

版权

look，同款下图的成果~

教程开始

下载解压包，上传到你的主题目录上。
然后复制下面代码保存到主题目录的 footer.php文件放在</body>的下面，并修改成你的live2d路径

<!--live2d--> 
<script src="/wp-content/themes/Sakura/killua/live2d/TweenLite.js"></script> 
<script src="/wp-content/themes/Sakura/killua/live2d/live2dcubismcore.min.js"></script>
<script src="/wp-content/themes/Sakura/killua/live2d/pixi.min.js"></script> 
<script src="/wp-content/themes/Sakura/killua/live2d/cubism4.min.js"></script> 
<link href="/wp-content/themes/Sakura/killua/live2d/pio.css" rel="stylesheet" type="text/css"/> 
<script src="/wp-content/themes/Sakura/killua/live2d/pio.js"></script> 
<script src="/wp-content/themes/Sakura/killua/live2d/pio_sdk4.js"></script> 
<script src="/wp-content/themes/Sakura/killua/live2d/load.js"></script>

再修改live2d中的load.js文件 40,41 行代码，并修改成你的live2d路径

"/wp-content/themes/Sakura/killua/live2d/Diana/Diana.model3.json", 
"/wp-content/themes/Sakura/killua/live2d/Ava/Ava.model3.json",

改为你上传的链接地址。完成

一些其他事项，使用后你会发现，当你鼠标移动到文章或其他什么地方的时候，嘉然上面的气泡会显示：

你想要了解更多”xxxxxx”吗？

哪怕xxx是空字符串，也会显示成：你想要了解更多””吗？

所以如果你想修改的话，可以去live2D文件夹下的pio.js里面增加对应的判断，也可以删掉前缀和后缀文字

//增加判定，当移动到链接上，innerText不为空的时候才冒泡，并且删掉了前缀和后缀
 if(this.innerText!="")
{ //modules.render("想了解一下 %t 吗？".replace(/%t/, "“" + this.innerText + "”") 
modules.render("%t".replace(/%t/, this.innerText )); }