[博客美化]给你博客添加一个萌萌的看板娘吧

代码实现

复制到侧边栏

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head>    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />    <title>Live2D</title>        <link rel="stylesheet" type="text/css" href="assets/waifu.css"/>    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script></head><body>    <link rel="stylesheet" type="text/css" href="assets/waifu.css">    <div class="waifu" id="waifu">        <div class="waifu-tips" style="opacity: 1;"></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="assets/live2d.js"></script>        <script src="assets/waifu-tips.js"></script>    <script type="text/javascript">initModel()</script>        <link rel="stylesheet" type="text/css" href="https://files.cnblogs.com/files/yjlblog/flat-ui.min.css"/></body></html>

 相关文件下载网址：https://files.cnblogs.com/files/yjlblog/live2d.zip

把文件中

  • waifu.css
  • waifu-tips.js
  • live2d.js

上传到管理-->文件中

出处：https://imjad.cn/archives/lab/add-dynamic-poster-girl-with-live2d-to-your-blog-02/

赞 (0)

相关推荐