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

2023-05-19 272

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

本文涉及的产品

模型在线服务 PAI-EAS，A10/V100等 500元 1个月

模型训练 PAI-DLC，100CU*H 3个月

交互式建模 PAI-DSW，每月250计算时 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  #是否在手机进行显示

在这里插入图片描述