【嘉然live2d】来给网站添加一个live2d-狐仙阁

look，同款左下角的成果~

教程开始

下载解压包，上传到你的主题目录上。

然后复制下面代码保存到主题目录的 footer.php 文件最底部的</body>上（如：没有 footer.php 文件可以在下载的压缩包里并放在你的主题目录中）

<!--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 行代码

"/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 ));
  }

如有文章资源下载链接失效可直接点击作者头像联系，也可联系小狐仙。本文章为用户投稿内容，不代表小狐仙及本站的真实想法，内容真伪请自行辨别。