vuepress-plugin-helper-live2d

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

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
vuepress-plugin-helper-live2d
1.0.24 years ago4 years agoMinified + gzip package size for vuepress-plugin-helper-live2d in KB

Popular Searches

Readme

vuepress-plugin-helper-live2d
``` | | | | | () | \ | | | ' \ / \ | ' \ / \ '|| | \ \ / / \ ) / ` | | | | | / | |) | / | || | |\ V / // / (| | || ||\__|| ./ \__|| ||| \_/ \__|\,| 
|_|
``` npm package downloads-total downloads-month star fork GitHub Last Commit issues Author VuePress Version vuepress-theme-yilia-plus 博客搭建交流群 ------------------
欢迎使用和Star支持，如使用过程中碰到问题，可以提出Issue，我会尽力完善

介绍

    VuePress集成Live2D看板娘 Live2D plugin for VuePress.
  • 功能还很少，欢迎各位给我提意见和建议~

线上预览

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

推荐一款VuePress主题

一款简洁优雅的VuePress主题 ➡️ https://github.com/JoeyBling/vuepress-theme-yilia-plus

效果截图

截图

安装

```bash yarn add vuepress-plugin-helper-live2d
or
npm install vuepress-plugin-helper-live2d --save ``` ------------

开始使用

引入该插件

在配置文件中引入 vuepress-plugin-helper-live2d
查看 官方文档。
```javascript module.exports = { plugins: 
'vuepress-plugin-helper-live2d',
, } ```

插件配置

```javascript module.exports = { plugins: 
[
'vuepress-plugin-helper-live2d', {
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)
}
}
}
]
 } ```

捐赠

    如果感觉对您有帮助，请作者喝杯咖啡吧，请注明您的名字或者昵称，方便作者感谢o(￣︶￣)o | 微信 | 支付宝 | | :---: | :---: | | | |

关于我

  • 主要涉及技术：Java后端开发、聚合支付、公众号开发、开源爱好者、Linux

LICENSE

LICENSE