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

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

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


45bd05c79dc84c668c3fb7570be00b53.png

模型选择:


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  #是否在手机进行显示


ab6cc537720b465ab592c8afe7af8d56.png

4.模型展示


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

use: live2d-widget-model-nito


0944c05289cd4797b34fc2b3cb56639c.png


use: live2d-widget-model-nipsilon

03e3feae5f6f40eabc236bf0648f1fcf.png


use: live2d-widget-model-nietzsche

ebb2d3eef0be4c6899b88197ba08e3b3.png

use: live2d-widget-model-nico

ea646cd29d4e4554bb8a70f63eade7ac.png

use: live2d-widget-model-z16

ef51061e99cd43ce97abd38c425dac4b.png

use: live2d-widget-model-hibiki

bbc639fa53644ab091bcb3ab910c0429.png

相关文章
|
XML 分布式计算 Hadoop
hadoop
hadoop
1752 0
|
编解码 人工智能 自然语言处理
Stable Diffusion文生图-图生图-ControINet插件-线稿上色-生产全套表情包-3D Openpose-局部重绘-换衣服,换姿势人设三视图一键生成教程大全(一)
Stable Diffusion文生图-图生图-ControINet插件-线稿上色-生产全套表情包-3D Openpose-局部重绘-换衣服,换姿势人设三视图一键生成教程大全(一)
2026 2
|
存储 测试技术 项目管理
【北京大学 软件工程】三、软件需求
本文介绍了软件需求工程的基础概念和流程。首先定义了需求及其获取,强调需求是描述系统功能、性能等方面的要求,并需具备必要性、无歧义性、可测性、可跟踪性和可测量性五大基本性质。接着阐述了需求的分类,包括功能、性能、外部接口、设计约束和质量属性五类,并详细说明了各类需求的具体内容及示例。此外,还探讨了需求发现的技术,并分析了每种技术的应用场景与优缺点。最后,文章解释了需求规约(SRS)的概念、格式和作用,指出它是软件开发组织与用户之间的技术合同,用于指导项目管理、产品设计、测试计划和用户手册的编写。需求规约不应包含设计细节或项目规划信息,而是专注于明确系统的功能性与非功能性要求。
【北京大学 软件工程】三、软件需求
|
人工智能 IDE 开发工具
AI绘画———Stable Diffusion
AI绘画———Stable Diffusion
1103 4
AI绘画———Stable Diffusion
|
自然语言处理 监控 关系型数据库
MySQL模糊匹配技巧:无需ES的高效实现
在数据库应用中,模糊匹配是一个常见的需求,尤其是在不引入Elasticsearch(ES)等外部搜索引擎的情况下。MySQL作为强大的关系型数据库,提供了多种实现模糊匹配的方法。本文将分享如何在MySQL中实现模糊匹配,并提供五大步骤和十个实战案例,帮助你提升查询效率和性能。
1597 1
|
Java
Java 实现 植物大战僵尸 小游戏【附源码】
Java 实现 植物大战僵尸 小游戏【附源码】
670 3
|
消息中间件 存储 运维
RabbitMQ-消息消费时的可靠性保障
将这些实践融入到消息消费的处理逻辑中,可以很大程度上保障RabbitMQ中消息消费的可靠性,确保消息系统的稳定性和数据的一致性。这些措施的实施,需要在系统的设计和开发阶段充分考虑,以及在后续的维护过程中不断的调整和完善。
332 0
|
数据采集 数据可视化 数据挖掘
数据分析入门:用Python和Numpy探索音乐流行趋势
数据分析入门:用Python和Numpy探索音乐流行趋势
|
机器学习/深度学习 数据采集 人工智能
虚拟偶像诞生记 - 数字人行业和技术探究
为你讲述当前业界的现状,包括不同行业中的showcase和优秀的技术/创作平台,引出近几年比较火热的元宇宙概念,包含多个核心技术点,同时畅想数字人在未来的技术增长和业务价值,以及当下我们该如何布局。
13513 5
虚拟偶像诞生记 - 数字人行业和技术探究
|
存储 运维 Java
JUC第六讲:ThreadLocal/InheritableThreadLocal详解/TTL-MDC日志上下文实践
JUC第六讲:ThreadLocal/InheritableThreadLocal详解/TTL-MDC日志上下文实践
758 0

热门文章

最新文章