Hexo-live2d插件给你的博客加一只可爱的看板娘

简介

放一只简简单单的看板娘, 没有什么互动, 安安静静的陪着你读博客.
插件github地址 -> hexo-helper-live2d
我的博客效果图 -> Mr.Wang_Blog

模块安装

npm install --save hexo-helper-live2d

准备工作

live2d-widget-model-miku模型为例

  1. 在博客根目录下创建一个live2d_models文件夹.
  2. 使用npm install live2d-widget-model-miku下载模型, 并将模型目录live2d-widget-model-mikunode_modules里复制到live2d_models下.
  3. 进入live2d-widget-model-miku, 把assets里的内容复制到外一层.
  4. 添加如下配置文件, 并修改use的模型名称为live2d-widget-model-miku, 部署即可看到效果.

配置

向博客根目录的_config.yml配置文件添加配置, 可以自己微调

live2d:
  enable: true
  scriptFrom: local
  pluginRootPath: live2dw/
  pluginJsPath: lib/
  pluginModelPath: assets/
  tagMode: false
  debug: false
  model:
    use: live2d-widget-model-wanko # 使用的模型名称
  display:
    position: right # 在页面里的位置
    hOffset: 0 # 水平偏移量, 自己微调
    vOffset: -20 # 垂直偏移量, 自己微调
    width: 150 
    height: 300
  mobile:
    show: true
  react:
    opacity: 0.7 # 透明度

模型

现有的模型包及预览
live2d-widget-model-chitose
Hexo-live2d插件给你的博客加一只可爱的看板娘_第1张图片
live2d-widget-model-haru/01 (use npm install --save live2d-widget-model-haru)
Hexo-live2d插件给你的博客加一只可爱的看板娘_第2张图片

live2d-widget-model-haru/02 (use npm install --save live2d-widget-model-haru)
Hexo-live2d插件给你的博客加一只可爱的看板娘_第3张图片

live2d-widget-model-haruto
Hexo-live2d插件给你的博客加一只可爱的看板娘_第4张图片

live2d-widget-model-hibiki
Hexo-live2d插件给你的博客加一只可爱的看板娘_第5张图片

live2d-widget-model-hijiki
Hexo-live2d插件给你的博客加一只可爱的看板娘_第6张图片

live2d-widget-model-izumi
Hexo-live2d插件给你的博客加一只可爱的看板娘_第7张图片

live2d-widget-model-koharu
Hexo-live2d插件给你的博客加一只可爱的看板娘_第8张图片

live2d-widget-model-miku
Hexo-live2d插件给你的博客加一只可爱的看板娘_第9张图片

live2d-widget-model-ni-j
Hexo-live2d插件给你的博客加一只可爱的看板娘_第10张图片

live2d-widget-model-nico
Hexo-live2d插件给你的博客加一只可爱的看板娘_第11张图片

live2d-widget-model-nietzsche
Hexo-live2d插件给你的博客加一只可爱的看板娘_第12张图片

live2d-widget-model-nipsilon
Hexo-live2d插件给你的博客加一只可爱的看板娘_第13张图片

live2d-widget-model-nito
Hexo-live2d插件给你的博客加一只可爱的看板娘_第14张图片

live2d-widget-model-shizuku
Hexo-live2d插件给你的博客加一只可爱的看板娘_第15张图片

live2d-widget-model-tororo
Hexo-live2d插件给你的博客加一只可爱的看板娘_第16张图片

live2d-widget-model-tsumiki
Hexo-live2d插件给你的博客加一只可爱的看板娘_第17张图片

live2d-widget-model-unitychan
Hexo-live2d插件给你的博客加一只可爱的看板娘_第18张图片

live2d-widget-model-wanko
Hexo-live2d插件给你的博客加一只可爱的看板娘_第19张图片

live2d-widget-model-z16
Hexo-live2d插件给你的博客加一只可爱的看板娘_第20张图片

你可能感兴趣的:(福利,资源,Hexo,博客)