1. 前言 | 准备#

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

live2d 相关文件下载

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

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

2. 修改文件#

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

   1
   {
   2
     "name": "Waifu",
   3
     "label": "Waifu",
   4
     "group": "Waifu",
   5
     "value": "off",
   6
     "type": "select",
   7
     "options": [
   8
       {
   9
         "label": "开",
   10
         "value": "on"
   11
       },
   12
       {
   13
         "label": "关",
   14
         "value": "off"
   15
       }
   16
     ]
   17
   }

2. head.ejs 末尾

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

3. footer.ejs 开头

   1
   <% if (site.customConfig.Waifu == "on") { %>
   2
        <div class="waifu">
   3
        <div class="waifu-tips"></div>
   4
        <canvas id="live2d" class="live2d"></canvas>
   5
        <div class="waifu-tool">
   6
            <span class="fui-home"></span>
   7
            <span class="fui-chat"></span>
   8
            <span class="fui-eye"></span>
   9
            <span class="fui-user"></span>
   10
            <span class="fui-photo"></span>
   11
            <span class="fui-info-circle"></span>
   12
            <span class="fui-cross"></span>
   13
        </div>
   14
    </div>
   15
    <script src="/assets/waifu-tips.js"></script>
   16
    <script src="/assets/live2d.js"></script>
   17
    <script type="text/javascript">
   18
        live2d_settings['modelId'] = 3;
   19
        live2d_settings['modelTexturesId'] = 0;
   20
      initModel("/assets/waifu-tips.json")
   21
    </script>
   22
    <%}%>

3. Gridea 设置#

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

4. 后记#

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

1
live2d_settings["modelId"] = 3;
2
live2d_settings["modelTexturesId"] = 0;

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

参考文章#

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