vuepress-plugin-live2d-helper v1.0.5

vuepress-plugin-live2d-helper

说明

第一版中代码主要来自于 https://github.com/JoeyBling/vuepress-plugin-helper-live2d
对代码进行了一些修改并且在之后会在上面添加自己的新功能

安装

yarn add vuepress-plugin-live2d-helper
# or
npm install vuepress-plugin-live2d-helper

开始使用

引入该插件

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

查看 官方文档。

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

插件配置

module.exports = {
  plugins: [
    [
      'vuepress-plugin-live2d-helper', {
        live2d: {
          // 是否启用(关闭请设置为false)(default: true)
          enable: true,
          model: 'remu',
          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)
          }
        }
      }
    ]
  ]
}