使用hexo在butterfly主题中开启看板娘配置教程(包括模型展示)

导读:本篇文章讲解 使用hexo在butterfly主题中开启看板娘配置教程(包括模型展示),希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

官网地址配置:https://www.npmjs.com/package/hexo-helper-live2d

先看看效果:

1.安装依赖

安装命令:npm install --save hexo-helper-live2d
卸载命令:npm uninstall hexo-helper-live2d
命令都是在你的博客主目录执行

安装完成之后在package.json会看到安装的model

2.下载模型

地址:https://github.com/xiazeyu/live2d-widget-models.git
博客主目录:使用 npm install {packagename}命令进行下载
例如:npm install live2d-widget-model-nico

在这里插入图片描述
模型选择:

live2d-widget-model-chitose

live2d-widget-model-epsilon2_1

live2d-widget-model-gf

live2d-widget-model-haru/01

live2d-widget-model-haru/02

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

3.使用模型

配置博客站点配置文件_config.yml

#看板娘
live2d:
  enable: true
  pluginModelPath: assets/
  model:
    use: live2d-widget-model-shizuku    #模板目录,在node_modules里,自己选择
  display:
    position: left
    width: 300 
    height: 600
  mobile:
    show: false  #是否在手机进行显示

在这里插入图片描述

4.模型展示

收集了一些我认为不错的模型,大家可以参考一下,如果觉得不好看,看一看也可以避坑

use: live2d-widget-model-nito

在这里插入图片描述

use: live2d-widget-model-nipsilon

在这里插入图片描述

use: live2d-widget-model-nietzsche

在这里插入图片描述

use: live2d-widget-model-nico

在这里插入图片描述

use: live2d-widget-model-z16

在这里插入图片描述

use: live2d-widget-model-hibiki

在这里插入图片描述

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/82275.html

(0)
小半的头像小半

相关推荐

极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!