• 前言：
    逛博客的时候看到有些大佬用着live2d，是真的好看。
    手也是停不下来
    由于自己啥都不会，搞了一整天，还不是最优方案

先贴个地址
https://github.com/fghrsh/live2d_demo

  • 指导文档：
    常规方式引入
    在 前引入 waifu.css 样式表
    在 前引入 waifu-tips.js 和 live2d.js
    在 前插入 初始化 JS，可在 初始化前 设置参数
<html>
<head>

        · · ·   · · ·

    <link rel="stylesheet" type="text/css" href="https://www.example.com/path/to/waifu.css"/>
</head>
<body>

        · · ·   · · ·

    <div class="waifu">
        <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="path/to/waifu-tips.js"></script>
    <script src="path/to/live2d.js"></script>
    
    <script type="text/javascript">
        live2d_settings['modelId'] = 1;
        live2d_settings['modelTexturesId'] = 87;
    	initModel("https://www.example.com/path/to/waifu-tips.json")
    </script>
</body>
</html>

博主用的是Gridea，由于在上传文件到github的过程中，会覆盖掉github的文件
包括本地的output文件夹内的文件，所以说，直接改index.html是不行的

不过还是有一些方法的，靠修改主题内文件
弊端就是主题升级之后可能要重新修改，或者可以和主题制作者联系（简称：打钱）

博主的主题是Chic
打开对应的地址Gridea\themes\Chic\templates（不同主题的可能不一样）
先找到index.ejs
这个文件就是主页的文件了（可修改）
安装上面的指导文档导入，然后保存
然后把带.ejs后缀的文件全改了（有一些不符合指导文档里面的格式的就不用改了）
这是一个比较笨的方法
也可以通过修改main.less文件来达到全局效果，别问博主为什么不这么做，问就是不会，而且我的主题用了CDN，这是README里面写的，反正博主还是不会
因为采用CDN的方式，main.less 为空文件修改后没啥用，详情见head.ejs自己修改路径

记得要修改里面的链接地址，没问题的话，要改4个地址