偶然看到了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官網下載 waifu.css、flat-ui.min.css、waifu-tips.js和live2d.js,並上傳至博客文件,直接通過博客園文件路徑調用。
下載文件前往live2d官網:http://www.live2d.com/ja/
或者點鏈接:https://pan.baidu.com/s/1xzPBATqaTKt491eYQqTpew
提取碼:g6ah
復制這段內容后打開百度網盤手機App,操作更方便哦
參考教程:
1. https://imjad.cn/archives/lab/add-dynamic-poster-girl-with-live2d-to-your-blog-01
2. https://www.fghrsh.net/post/123.html