使用 Github 空间搭建 Hexo 技术博客——Hexo NexT主题内设置可爱的动漫小人(九)

1.安装模块

hexo博客根目录选择cmd命令窗口或者git bash 输入以下代码,安装插件

npm install --save hexo-helper-live2d

各种模型展示

live2d-widget-model-haru/02 (use npm install --save 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 模型的包名来安装,比如我选择的的是live2d-widget-model-koharu 模型包

npm install live2d-widget-model-koharu

2.配置

打开个人Hexo博客文件根目录下的 _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 #在屏幕上的显示位置
    width: 85 #显示宽度
    height: 170 #显示高度
  mobile:
    show: false #手机端是否显示

3.注意

当你换了动漫人物,发现在本地并没有展示出来的时候,或者明明设置了宽高时,不用慌,你可以hexo clean一下,再hexo g生成静态文件,hexo s启动本地服务看看,这样应该就行了。

4.卸载

当你不想要的时候,可以enable设置为false,也可以卸载

卸载命令为:


npm uninstall hexo-helper-live2d   

展示效果:

发布了120 篇原创文章 · 获赞 201 · 访问量 23万+

猜你喜欢

转载自blog.csdn.net/wugenqiang/article/details/88375517