live2d 博客页面添加板娘

Posted 2021-01-12 cyuanwu

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