下载依赖

https://github.com/stevenjoezhang/live2d-widget

首先将依赖文件存放在本地，下载下面的资源到本地的..\themes\butterfly\source，并且命名为live2d-widget-master

而后打开链接https://moonshuo.cn/live2d-widget-master/autoload.js

下载作者的js文件，替换live2d-widget-master文件夹下的文件

下载依赖的模组

点击下载下方的链接live2d: 看板娘动态动画，可以为网页增加相应动作 (gitee.com)，并且命名为live2d_api，也放在..\themes\butterfly\source下面

打开主题配置文件，复制以下的代码到其中

1
2
live2d:
  enable: true

在butterfly主题inject中引入js文件

1
- <script defer src="/live2d-widget-master/autoload.js"></script>

随后命令行进行测试，即可查看效果

1
2
hexo g
hexo s

更换模组

下面作者给出几个网址，大家可以进行下载

https://gitee.com/rao_she/live2d_models_collect

海王星系列、初音未来、雷姆、凉风青叶、尼禄、薇尔莉特、小埋、樱花庄、玉藻前等资源模型包（.moc）

链接：https://pan.baidu.com/s/1KV4Zg8dsDKV75uL5V5Mn0Q
提取码：bivj

舰娘live2d模型合集是提取自舰娘colletion游戏里的live2d模型，里面有很多模型，足够你研究一段时间

链接：https://pan.baidu.com/s/1QPrMhc9HABN22ds7pR8vOg
提取码：gyuy

下载完毕模型包之后，我们找到自己想要的模型，找到他的下一次文件结构为如下，将json文件更改为index.json文件，现在这个模型只能转换.moc模型，关于.moc3文件也可以使用，但是比较复杂

我们将整体模型包重新命名，然后将其复制移动到..\themes\butterfly\source\live2d_api\model文件下

打开..\themes\butterfly\source\live2d_api\model_list.json,model下面我们放自己想要加的model文件夹的名称，而message则是这个任务出现之后第一局话

1
2
3
4
5
6
7
8
9
10
11
{
    "models": [
        "welt",
        "histoire"
    ],
    "messages": [
        "在下薇尔莉特·伊芙加登，欢迎来到主人的博客",
        "欢迎来到我的主人的博客,旅行者"
    
    ]
}