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

本文涉及的产品
模型在线服务 PAI-EAS,A10/V100等 500元 1个月
交互式建模 PAI-DSW,每月250计算时 3个月
模型训练 PAI-DLC,100CU*H 3个月
简介: 使用hexo在butterfly主题中开启看板娘配置教程(包括模型展示)
官网地址配置: 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

在这里插入图片描述

相关文章
|
JavaScript
Bert-vits2-v2.2新版本本地训练推理整合包(原神八重神子英文模型miko)
近日,Bert-vits2-v2.2如约更新,该新版本v2.2主要把Emotion 模型换用CLAP多模态模型,推理支持输入text prompt提示词和audio prompt提示语音来进行引导风格化合成,让推理音色更具情感特色,并且推出了新的预处理webuI,操作上更加亲民和接地气。
Bert-vits2-v2.2新版本本地训练推理整合包(原神八重神子英文模型miko)
|
移动开发 JavaScript 小程序
小程序开发.uniapp.生命周期
小程序开发.uniapp.生命周期
647 0
|
5月前
|
人工智能 自然语言处理 物联网
"一丹一世界"二等奖 | TPSZ_二次元卡通梦幻插画风格-童梦拾光 创作分享
"一丹一世界"二等奖 | TPSZ_二次元卡通梦幻插画风格-童梦拾光 创作分享
122 7
|
5月前
|
人工智能 Cloud Native 关系型数据库
三项第一,阿里云连续4年领跑游戏云市场
国际数据公司(IDC)最新发布《中国游戏云市场跟踪》报告显示,2024年阿里云在游戏云基础设施(IaaS)+ 云解决方案(Cloud Solution)、云基础设施(IaaS)、云解决方案(Cloud Solution)三个市场均取得第一。这已经是阿里云连续4年稳居游戏云整体市场份额第一。
|
人工智能 开发者
“AI的奇思妙想之旅”征文活动 获奖名单
记录你在AI技术探索中的应用和思考。“AI的奇思妙想之旅”征文活动顺利结束,本次活动得到了众多开发者的支持和喜爱,现公布征文活动获奖名单,快来看看吧!
223 14
|
缓存
Flutter Image从网络加载图片刷新、强制重新渲染
Flutter Image从网络加载图片刷新、强制重新渲染
419 1
|
12月前
|
Kubernetes Java 编译器
解锁极致性能:Quarkus如何让JVM应用调优变得前所未有的简单与高效!
Quarkus是一款专为GraalVM和OpenJDK设计的Kubernetes Native Java框架,采用AOT编译技术将Java应用转化为本地代码,大幅提升启动速度与运行效率。它简化了性能调优流程,如自动优化垃圾回收、类加载、内存管理及线程管理等,使开发者无需深入理解JVM细节即可轻松提升应用性能。与传统JVM应用相比,Quarkus显著降低了性能调优的复杂度。
290 2
|
移动开发 HTML5
动漫二次元漂亮的网站导航HTML5源码
二次元漂亮网站导航HTML源码,页面中还调用了很多外站的图片等链接需自行更换。
367 4
|
Java
Java 实现 植物大战僵尸 小游戏【附源码】
Java 实现 植物大战僵尸 小游戏【附源码】
426 3
|
缓存 监控 NoSQL
中间件应用性能优化
【5月更文挑战第2天】中间件应用性能优化
265 2
中间件应用性能优化

热门文章

最新文章