1.前言 | 准备

相关软件 Gridea
需改动主题文件*3 主题更新后需再次改动

下载完后解压会得到一个assets的文件夹
把它导入到网站的根目录下
Gridea导入: \Gridea\static找到这个文件夹直接丢进去就行了

然后依次打开
\Gridea\themes\你要修改的主题 中的 config.json
\Gridea\themes\你要修改的主题\templates\include中的head.ejs
\Gridea\themes\你要修改的主题\templates\include中的footer.ejs

2.修改文件

config.json 倒3行
记得加"," (第一个"{"的上一行尾详细见下图)

        {
         "name": "Waifu",
         "label": "Waifu",
         "group": "Waifu",
         "value": "off",
         "type": "select",
         "options": [{
                 "label": "开",
                 "value": "on"
             },
             {
                 "label": "关",
                 "value": "off"
             }
         ]
     }

head.ejs 末尾

<% if (site.customConfig.Waifu == "on") { %>
   <link rel="stylesheet" type="text/css" href="/assets/waifu.css"/>
<%}%>

footer.ejs 开头

<% if (site.customConfig.Waifu == "on") { %>
     <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="/assets/waifu-tips.js"></script>
 <script src="/assets/live2d.js"></script>
 <script type="text/javascript">
     live2d_settings['modelId'] = 3;
     live2d_settings['modelTexturesId'] = 0;
 	initModel("/assets/waifu-tips.json")
 </script>
 <%}%>

3.Gridea设置

然后打开Gridea 进入主题-自定义-Waifu
将其打开保存然后预览或同步
右下角就会出现看板娘了

4.后记

由于看板娘的设置在footer.ejs中就已经写死了

        live2d_settings['modelId'] = 3;
        live2d_settings['modelTexturesId'] = 0;

所以说改waifu.css并没有什么用
想改模型的话找到这2条改一下就行了
控制台F12里面就有看板娘的编号了

参考文章

https://github.com/fghrsh/live2d_demo
https://www.fghrsh.net/post/123.html
魔改版 Github ~~可能配置起来更简单~~