效果展示
具体可以看我的个人博客:http://qkongtao.cn/
源码下载
点击下载
链接:https://pan.baidu.com/s/1jyLoHxcCHbAWXWF1WDQ0tQ
提取码:b8sg
目录结构如下
注意:不能直接打开,因为涉及了文件请求,要在服务器运行
正确的打开方法
打开以后
把血小板放在自己的博客里
上传文件
上传这个文件夹到根目录
打开footer.php
添加以下内容
在body标签以前
<!--添加血小板-->
<link rel="stylesheet" href="./live2d/css/live2d.css" />
<div id="landlord" style="right:80px; z-index:1">
<div id="test">
<div class="message" style="opacity:0"></div>
<canvas id="live2d" width="280" height="250" class="live2d"></canvas>
</div>
<div class="hide-button">隐藏</div>
</div>
<script type="text/javascript">
var message_Path = './live2d/'
var home_Path = 'https://q-mona.github.io/'
</script>
<script type="text/javascript" src="./live2d/js/live2d.js"></script>
<script type="text/javascript" src="./live2d/js/message.js"></script>
<script type="text/javascript">
loadlive2d("live2d", "./live2d/model/tia/model.json");
</script>
保存就行了
血小板添加在自己的网站中
方法和添加在博客的一样,要注意的是必须是在服务端运行
也可以自己把源代码部署在服务器上,然后就可以不用在服务器运行了。
需要接口链接的可以私聊我 ^ _ ^
觉得对你有帮助的,长的帅的朋友可以点赞、评论关注咯!
自定义血小板
可以通过自定义修改该文件图片的对应位置修改修改血小板
路径为/live2d/model/tia/textures/xxb.png