部落格園美化:新增live2d看板娘
阿新 • • 發佈:2021-06-21
將下列程式碼複製貼上到頁尾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"/>
效果圖如下: