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

本文涉及的产品
交互式建模 PAI-DSW,5000CU*H 3个月
简介: 使用hexo在butterfly主题中开启看板娘配置教程(包括模型展示)

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

先看看效果:

@TOC

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

在这里插入图片描述

相关文章
|
2天前
【ripro美化】全站美化包WordPress RiPro主题二开美化版sucaihu-childV1.9(功能集成到后台)
1、【宝塔】删除ripro文件,上传最新ripro版本,然后上传压缩包内的ripro里面的对应文件到ripro主题对应内覆盖(找到对应路径单个文件去覆盖)。 2、然后上传ripro-chlid子主题美化包到/wp-content/themes路径下 3、注意顺序 原版–>美化包–>后台启用子主题(已启用请忽略)。
32 0
【ripro美化】全站美化包WordPress RiPro主题二开美化版sucaihu-childV1.9(功能集成到后台)
|
5月前
hexo主题集成pug
hexo主题集成pug
38 1
|
6月前
echarts 仪表盘三分钟上手及属性修改示例
echarts 仪表盘三分钟上手及属性修改示例
70 0
|
10月前
|
数据可视化 前端开发 JavaScript
漏刻有时数据可视化大屏引导页设计(php原生开发、主背景图片更换、标题设置)
漏刻有时数据可视化大屏引导页设计(php原生开发、主背景图片更换、标题设置)
102 0
|
11月前
使用hexo在butterfly主题中开启看板娘配置教程(包括模型展示)
使用hexo在butterfly主题中开启看板娘配置教程(包括模型展示)
106 0
|
11月前
|
数据采集 监控 搜索推荐
typecho joe主题优化日志
博主使用了typecho进行博客网站的建立,也进行了一定程度上的修改优化。可从本文看到一系列美化方法。配置为 typecho1.2 php7.4
90 0
typecho joe主题优化日志
|
Shell 开发工具 git
Hexo系列(四) NexT主题配置
Hexo系列(四) NexT主题配置
140 0
jira学习案例105-优化看板样式1
jira学习案例105-优化看板样式1
63 0
jira学习案例105-优化看板样式1
|
PHP
Typecho-handsome主题——时间轴日志模板
本篇文章主要讲述了如何为Typecho中handsome主题添加一个新的独立页面模板——时间轴日志
599 2
Typecho-handsome主题——时间轴日志模板