首先,我不是二次元!

许多的hexo博客不免会添加live2d看板卡通人物动画,就是在页面的右下角。这个卡通动画有人物的动物的等等,别人也叫做看板娘、看板宠物,如果你想如何拥有这么诱人的互动动画,请按我的方法慢慢来做,十分钟即可。

1、安装依赖

  • 安装依赖:npm i hexo-helper-live2d --save
  • 若发生错误,先打开博客根目录下面的package.json
  • 看里面有没有hexo-helper-live2d : ^3.0.3,有的话用命令卸载:npm uninstall hexo-helper-live2d 再重新安装依赖
  • 如图已是安装好的:

2、下载动画model

  • 可以直接去github或npm上面搜“live2d”即可
  • 放一个github上的live2d链接
  • 解压压缩包里面的packages文件夹,然后把该文件夹下的说有文件直接复制粘贴到你的博客的node_modules文件夹下面即可

3、修改配置文件

  • 修改博客根目录下的_config.yml文件,注意是根目录,不是主题的配置文件!
  • 1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    live2d:
    enable: true #是否开启看板
    pluginModelPath: assets/
    model:
    use: live2d-widget-model-hibiki #模板目录,在node_modules里,想切换动画直接改最后的单词与文件夹名称最后的单词一致即可
    display:
    position: right #在右边显示
    width: 150 #看板的宽
    height: 345 #看板的搞
    mobile:
    show: false #是否在手机进行显示,建议关闭

执行命令hexo clean && hexo g && hexo d部署之后可以在网上看到自己的效果了。

以下是我从之前解压的那个文件夹中选出来的几个觉得好看的动画(其实你想要哪个动画就保留那个文件夹即可)。

  • z16
  • hibiki
  • epsilon2_1
  • shizuku
  • tororo(黑色的是 hijiki)
  • miku
  • nico
  • chitose