博客页面添加看板娘

偶然看到了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

转载自:https://www.cnblogs.com/cyuanwu/p/9784031.html

猜你喜欢

转载自www.cnblogs.com/nuanyang76/p/12060820.html