如何在你的网站添加看板娘

如何在你的网站添加看板娘
谁能拒绝一个可以互动而且又可爱的看板娘出现在你的网站上呢？

简单的几步把她领回家吧！
1.首先下载源码并上传到你的网站根目录live2d下载
并确保路径为/live2d/assets/
2.编辑header.php 文件 找到 </head>在其上方插入以下css引入代码 保存即可

<link rel="stylesheet" type="text/css" href="/live2d/assets/waifu.css"/>

3.编辑 footer.php 找到 </body>在其上方插入以下js引入代码 保存即可

        <div class="waifu-tips"></div>
        <canvas id="live2d" 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="/live2d/assets/waifu-tips.js"></script>
    <script src="/live2d/assets/live2d.js"></script>
    
    <script type="text/javascript">
        live2d_settings['modelId'] = 1;
        live2d_settings['modelTexturesId'] = 87;
        initModel("/live2d/assets/waifu-tips.json")
    </script>

4.保存并刷新网站看看效果吧！
5.修改 live2d/assets/waifu-tips.js 可以修改看板娘大小等参数
6.修改 live2d/assets/waifu-tips.json 可以修改看板娘提示语
项目地址