效果展示

具体可以看我的个人博客：https://qkongtao.cn/

源码下载

点击下载
链接：https://pan.baidu.com/s/1TUrgtO3IJfSFOR0DHq-rag
提取码：ryek

目录结构如下


注意：不能直接打开，因为涉及了文件请求，要在服务器运行
正确的打开方法


打开以后

把血小板放在自己的博客里

上传文件

上传这个文件夹到根目录

打开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>

保存就行了

血小板添加在自己的网站中

方法和添加在博客的一样，要注意的是必须是在服务端运行
也可以自己把源代码部署在服务器上，然后就可以不用在服务器运行了。
需要接口链接的可以私聊我 ^ _ ^

觉得对你有帮助的，长的帅的朋友可以点赞、评论关注咯！