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-chitoselive2d-widget-model-epsilon2_1live2d-widget-model-gflive2d-widget-model-haru/01live2d-widget-model-haru/02live2d-widget-model-harutolive2d-widget-model-hibikilive2d-widget-model-hijikilive2d-widget-model-izumilive2d-widget-model-koharulive2d-widget-model-mikulive2d-widget-model-ni-jlive2d-widget-model-nicolive2d-widget-model-nietzschelive2d-widget-model-nipsilonlive2d-widget-model-nitolive2d-widget-model-shizukulive2d-widget-model-tororolive2d-widget-model-tsumikilive2d-widget-model-unitychanlive2d-widget-model-wankolive2d-widget-model-z16

3.使用模型

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

#看板娘
live2d:enable: truepluginModelPath: assets/model:use: live2d-widget-model-shizuku    #模板目录，在node_modules里,自己选择display:position: leftwidth: 300 height: 600mobile: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

使用hexo在butterfly主题中开启看板娘配置教程（包括模型展示）相关推荐

在hexo的butterfly主题中开启看板娘配置
在hexo的butterfly主题中开启看板娘官网地址配置:https://www.npmjs.com/package/hexo-helper-live2d 1.安装依赖卸载命令:npm unin ...
Vue中引入看板娘教程
第一种方法本教程使用的Vue项目一.下载文件要玩看板娘,需要一些写好的资源文件,下载地址我提供我的百度网盘链接:百度网盘请输入提取码提取码:22l5 也可以扫下面这个二维码使用步骤 1. ...
macbook配置java环境变量_Mac系统中如何配置JDK环境变量?Mac中JDK环境变量配置教程...
Mac系统中如何配置JDK环境变量?在使用mac系统的电脑时,如何进行设置JDK环境变量呢?接下来的文章中小编将会带来详细的介绍,希望对您有所帮助. Mac中JDK环境变量配置教程 1.访问Oracl ...
Mitmproxy/mitmdump中文文档以及配置教程
目录目录 Introduction Features Installation Run Scripts Events 本文是一个较为完整的mitmproxy教程,侧重于介绍如何开发拦截脚本,帮助读者 ...
【hexo】butterfly主题魔改之天气插件
前言最近我使用hexo博客框架搭建了我的个人框架萌新源的小窝主题使用的是butterfly 今天给大家带来的是导航栏天气插件效果如下: 放大一点看看面板展开开始 1.准备 hexo博客框架 ...
【hexo】butterfly主题添加备案信息
butterfly主题添加备案信息由于新版butterfly主题删除了ICP配置,所以我们无法直接通过改_config.yml文件来设置备案信息显示. 1.按照路径找到footer.pug文件 2. ...
Hexo添加Live2D看板娘最新教程
目录前言介绍 Live2D 看板娘添加Live2D看板娘准备工作安装依赖下载model文件添加live2d看板娘到hexo 查看效果发布结束语参考前言上次我们搭建了hexo博客 ...
在自己的网站中添加看板娘
关于给页面添加看板娘踩的坑经常在其他大佬的博客上看到看板娘,然后搞了好几天才明白一点点(终究还是太菜 -.-) 其实有好多大佬都发布了自己的看板娘源码,好多种版本,但其实还是用 live2d 做 ...
在vue项目中添加看板娘
在个人网站中如何加入好看的看板娘组件效果如下: 首先下载live2dw组件,地址:链接:https://pan.baidu.com/s/1K1hixvM9_2ySMV674KQDtQ 提取码:rs8 ...

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

设置步骤

1.安装依赖

2.下载模型

3.使用模型

4.模型展示

使用hexo在butterfly主题中开启看板娘配置教程（包括模型展示）相关推荐

最新文章

热门文章