博客园美化:添加live2d看板娘
作者:互联网
将下列代码复制粘贴到页尾HTML:
<!-- live2D -->
<link rel="stylesheet" type="text/css" href="https://blog-static.cnblogs.com/files/zhangshuhao1116/waifu1.css"/>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<div class="waifu" id="waifu">
<div class="waifu-tips" style="opacity: 1;"></div>
<canvas id="live2d" width="260" height="230" 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/zhangshuhao1116/live2d.min.js"></script>
<script src="https://blog-static.cnblogs.com/files/zhangshuhao1116/waifu-tips.js"></script>
<script type="text/javascript">initModel()</script>
<link rel="stylesheet" type="text/css" href="https://blog-static.cnblogs.com/files/zhangshuhao1116/flat-ui.min.css"/>
效果图如下:
标签:看板娘,博客园,initModel,复制粘贴,live2d,HTML 来源: https://www.cnblogs.com/zhangshuhao1116/p/14912031.html