王荣胜

为Gridea主题添加Live2D看板娘

2020-08-02 · 2 min read
Gridea Live2D 博客

概要

看到别人的网站有看板娘,但是Gridea并没有特别完整的解决方案,便在Github上寻找相关的代码,看到项目:live2d-widget ,便稍作修改,就实现将看板娘本地化到主题中,需要改动的地方很少。

效果预览:https://sqdxwz.top

操作方法

直接添加live2d(不可选)

  1. Github上下载或clone repo,地址:Live2D For Gridea ,修改文件夹名称为live2d

  2. 将文件以文件夹形式放入到\主题\assets\media

  3. 将下面的代码加入 index.ejs<head><body>之间保存。

<script src="./media/live2d/autoload.js"></script>
  1. 在Gridea中预览添加完成后的效果。

在主题中添加开启按钮(可选)

在config.json最后添加:

{
    "name": "Live2D",
    "label": "Live2D看板娘",
    "group": "Live2D",
    "value": true,
    "type": "switch",
    "note": "若不需要,可关闭以加快页面加载速度"
}

<head><body>间的代码更改为:

<% if (site.customConfig.Live2D){ %>
    <script src="./media/live2d/autoload.js"></script>
<% } %>

其它live2d自定义

waifu-tips.jsonwaifu-tips.js中可以自定义看板娘的文字内容,按需更改。

小白
本文作者:王荣胜 |「邮箱 」| 「QQ」 | 「QQ群
文章出处:https://sqdxwz.top/
版权声明:本文章采用「知识共享署名-相同方式共享 4.0 国际许可协议」许可。
Powered by 王荣胜 | | 载入天数...载入时分秒...
Google     Server provider     jsDelivr    
正在加载今日诗词....