live2d 博客页面添加板娘

Posted cyuanwu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了live2d 博客页面添加板娘相关的知识,希望对你有一定的参考价值。

偶然看到了live2d,神奇的二次元呀

在页脚html代码中添加如下代码即可:

<link rel="stylesheet" type="text/css" href="https://blog-static.cnblogs.com/files/cyuanwu/waifu.css"/>
<link rel="stylesheet" type="text/css" href="https://blog-static.cnblogs.com/files/cyuanwu/flat-ui.min.css"/>
 
<div class="waifu">
  <
div class="waifu-tips"></div>
  <
canvas id="live2d" width="280" height="250" class="live2d"></canvas>
  <
div class="waifu-tool">
    <
span class="fui-home"></span>
    <
span class="fui-chat"></span>
    <
span class="fui-eye"></span>
    <
span class="fui-user"></span>
    <
span class="fui-photo"></span>
    <
span class="fui-info-circle"></span>
    <
span class="fui-cross"></span>
  </
div>
</
div> <script src="https://blog-static.cnblogs.com/files/cyuanwu/waifu-tips.js"></script> <script src="https://blog-static.cnblogs.com/files/cyuanwu/live2d.js"></script> <script type="text/javascript">initModel()</script>

 live2d官网:http://www.live2d.com/ja/

参考教程:

1. https://imjad.cn/archives/lab/add-dynamic-poster-girl-with-live2d-to-your-blog-01

  对大佬表示感谢(表示真的很想要血小板的,但是水平不够,看不懂啊)

2. https://www.fghrsh.net/post/123.html

以上是关于live2d 博客页面添加板娘的主要内容,如果未能解决你的问题,请参考以下文章

给自己的博客园装饰live2d

用live2d给自己的博客园加个小卡通

博客花园建设中......

在博客中增加自己的live2d纸片人模型方法

博客园live2d 看板娘 简单 光速

简单的博客页面客制化