Live2D——血小板

目录

  • 效果展示
  • 源码下载
  • 把血小板放在自己的博客里
    • 上传文件
    • 打开footer.php
  • 血小板添加在自己的网站中

效果展示

Live2D——血小板_第1张图片
具体可以看我的个人博客:http://qkongtao.cn/

源码下载

点击下载
链接:https://pan.baidu.com/s/1jyLoHxcCHbAWXWF1WDQ0tQ
提取码:b8sg

目录结构如下
Live2D——血小板_第2张图片
Live2D——血小板_第3张图片
注意:不能直接打开,因为涉及了文件请求,要在服务器运行
正确的打开方法
Live2D——血小板_第4张图片
在这里插入图片描述
打开以后
Live2D——血小板_第5张图片

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

上传文件

上传这个文件夹到根目录
Live2D——血小板_第6张图片
Live2D——血小板_第7张图片

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

保存就行了

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

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

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

你可能感兴趣的:(wordpress)