开源软件名称：

vuepress-plugin-helper-live2d

开源软件地址：

https://gitee.com/zhousiwei/vuepress-plugin-helper-live2d

开源软件介绍：

vuepress-plugin-helper-live2d

 _          _                      _ _           ____     _| |__   ___| |_ __   ___ _ __     | (_)_   _____|___ \ __| || '_ \ / _ \ | '_ \ / _ \ '__|____| | \ \ / / _ \ __) / _` || | | |  __/ | |_) |  __/ | |_____| | |\ V /  __// __/ (_| ||_| |_|\___|_| .__/ \___|_|       |_|_| \_/ \___|_____\__,_|             |_|

star fork GitHub Last Commit issues

欢迎使用和Star支持，如使用过程中碰到问题，可以提出Issue，我会尽力完善

介绍

VuePress集成Live2D看板娘 Live2D plugin for VuePress.

功能还很少，欢迎各位给我提意见和建议~
vuepress-plugin-helper-live2d 是为 VuePress 1.0.0+制作的插件。

线上预览

预览 ➡️ https://zhousiwei.gitee.io/ibooks

效果截图

安装

yarn add vuepress-plugin-helper-live2d# ornpm install vuepress-plugin-helper-live2d --save

开始使用

引入该插件

在配置文件中引入 vuepress-plugin-helper-live2d

查看官方文档。

module.exports = {  plugins: [    'vuepress-plugin-helper-live2d',  ],}

插件配置

module.exports = {  plugins: [    [      'vuepress-plugin-helper-live2d', {        // 是否开启控制台日志打印(default: false)        log: false,        live2d: {          // 是否启用(关闭请设置为false)(default: true)          enable: true,          // 模型名称(default: hibiki)>>>取值请参考：          // https://github.com/JoeyBling/hexo-theme-yilia-plus/wiki/live2d%E6%A8%A1%E5%9E%8B%E5%8C%85%E5%B1%95%E7%A4%BA          model: 'hibiki',          display: {            position: "right", // 显示位置：left/right(default: 'right')            width: 135, // 模型的长度(default: 135)            height: 300, // 模型的高度(default: 300)            hOffset: 65, //  水平偏移(default: 65)            vOffset: 0, //  垂直偏移(default: 0)          },          mobile: {            show: false // 是否在移动设备上显示(default: false)          },          react: {            opacity: 0.8 // 模型透明度(default: 0.8)          }        }      }    ]  ]}