为你的博客添加一个Live2d看板娘

准备工作

    • Git
    • Live2d的模型(后面会发)

      下载Live2d插件

      先检查有没有装live2d插件,如何查看插件是否安装了呢?
      打开根目录下的”package.json”文件,查看里面有没有”hexo-helper-live2d”
      如果有,请重新安装live2d:
      $ npm unistall hexo-helper-live2d
      $ npm install hexo-helper-liv2d

      然后去”node_modules”文件夹里面查看有没有一个叫做”live2d-widget”的文件夹。
      如果有,就安装成功了。

      下载模型并配置(model)

      去github下载大佬的模型
      下载完了以后把packages里面的随便一个文件夹复制到”node_modules”文件夹里。

      复制完以后打开根目录下的”_config.yml”
      拉到最底下复制粘贴

      live2d:
        enable: true
        pluginModelPath: assets/
        model:
          use: live2d-widget-model-epsilon2_1  #模板目录,在node_modules里
        display:
          position: right
           150 
          height: 300
        mobile:
          show: false  #是否在手机进行显示

      预览

      $ hexo g
      $ hexo s

      查看Live2d效果

      参考文章

      hexo 添加live2d看板动画 - 简书

原文地址:https://www.cnblogs.com/htext/p/12780361.html