Live2D——血小板
效果展示
Live2D——血小板-左眼会陪右眼哭の博客
具体可以看我的个人博客：http://qkongtao.cn/
源码下载
点击下载 链接：https://pan.baidu.com/s/1TUrgtO3IJfSFOR0DHq-rag 提取码：ryek
目录结构如下
Live2D——血小板-左眼会陪右眼哭の博客
Live2D——血小板-左眼会陪右眼哭の博客
注意：不能直接打开，因为涉及了文件请求，要在服务器运行 正确的打开方法
Live2D——血小板-左眼会陪右眼哭の博客
Live2D——血小板-左眼会陪右眼哭の博客
打开以后
Live2D——血小板-左眼会陪右眼哭の博客
把血小板放在自己的博客里
上传文件
上传这个文件夹到根目录
Live2D——血小板-左眼会陪右眼哭の博客
Live2D——血小板-左眼会陪右眼哭の博客
打开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>保存就行了
血小板添加在自己的网站中
方法和添加在博客的一样，要注意的是必须是在服务端运行 也可以自己把源代码部署在服务器上，然后就可以不用在服务器运行了。 需要接口链接的可以私聊我 ^ _ ^
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录