博客搭建之路：hexo博客增加板娘

hexo博客增加板娘

网上看到一个人也是用hexo写的博客，他的博客右下角有个二次元小姐姐，看着倒是不错的。我也是用的hexo，我是不是也可以加上，bing一下，看看这是怎么实现的？

发现是使用的插件来实现的，操作还是蛮简单的

先安装插件

npm install --save hexo-helper-live2d

这个要使用国内的镜像，不然下载不下来，我使用的是淘宝镜像

npm config set registry https://registry.npmmirror.com

然后在hexo的_config.yml中增加live2d的配置

live2d:
  enable: true
  # enable: false
  scriptFrom: local # 默认
  pluginRootPath: live2dw/ # 插件在站点上的根目录(相对路径)
  pluginJsPath: lib/ # 脚本文件相对与插件根目录路径
  pluginModelPath: assets/ # 模型文件相对与插件根目录路径
  tagMode: false # 标签模式, 是否仅替换 live2d tag标签而非插入到所有页面中
  debug: false # 调试, 是否在控制台输出日志
  model:
    use: live2d-widget-model-hibiki # 模型名称
  display:
    position: left
    width: 150
    height: 350
  mobile:
    show: true # 手机中是否展示

支持很多种模型

# 使用模型前需要先安装 npm install name
# 模型可选项
live2d-widget-model-chitose
live2d-widget-model-epsilon2_1
live2d-widget-model-gf
live2d-widget-model-haru
live2d-widget-model-haruto
live2d-widget-model-hibiki
live2d-widget-model-hijiki
live2d-widget-model-izumi
live2d-widget-model-koharu 
live2d-widget-model-miku  
live2d-widget-model-ni-j  
live2d-widget-model-nico 
live2d-widget-model-nietzsche 
live2d-widget-model-nipsilon 
live2d-widget-model-nito 
live2d-widget-model-shizuku  
live2d-widget-model-tororo 
live2d-widget-model-tsumiki  
live2d-widget-model-unitychan 
live2d-widget-model-wanko  
live2d-widget-model-z16  

用哪个模型需要提前安装

npm install 模型名称

效果可以看我的博客 https://zhhll.icu/

参考文献

• hexo博客增加板娘