热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

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

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

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


先看看效果:




设置步骤



  • 1.安装依赖

  • 2.下载模型

  • 3.使用模型

  • 4.模型展示



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

在这里插入图片描述



推荐阅读
author-avatar
李正吉959
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有