@vuepress-reco/vuepress-plugin-kan-ban-niang

Kan-ban-niang plugin for vuepress-theme-reco or other vuepress theme

Usage no npm install needed!

<script type="module">
  import vuepressRecoVuepressPluginKanBanNiang from 'https://cdn.skypack.dev/@vuepress-reco/vuepress-plugin-kan-ban-niang';
</script>

README

@vuepress-reco/vuepress-plugin-kan-ban-niang

demo.png

Details

kan-ban-niang plugin for vuepress-theme-reco or other vuepress theme.
Vuepress 看板娘插件

|使用位置|值| |-|-| |plugin name|@vuepress-reco/vuepress-plugin-kan-ban-niang| |component name|KanBanNiang（自动出现在页面中，无需添加额外代码）|

Buttons

|按钮|作用|默认提示语| |-|-|-| |home|回到博客主页|心里的花，我想要带你回家。| |message|显示主人寄语|'欢迎来到 ' + 您的站点名称（$site.title）| |theme|更换模型主题|好吧，希望你能喜欢我的其他小伙伴。| |close|关闭看板娘|你知道我喜欢吃什么吗？痴痴地望着你。| |info|跳转插件github|想知道关于我的更多信息吗？|

Options

以下为插件注入时的参数。

Attributes

|参数|说明|类型|默认值|可选值| |-|-|-|-|-| |theme|默认模型主题|Array|['blackCat', 'whiteCat', 'haru1', 'haru2', 'haruto', 'koharu', 'izumi', 'shizuku', 'wanko', 'miku', 'z16']|见最后| |clean|是否开启clean模式(隐藏所有按钮)|Boolean|false|true/false| |messages|按钮提示语|Object|{ welcome: '欢迎来到 ' + 您的站点名称（$site.title）, home: '心里的花，我想要带你回家。', theme: '好吧，希望你能喜欢我的其他小伙伴。', close: '你知道我喜欢吃什么吗？痴痴地望着你。' }|-| |messageStyle|自定义消息框样式|Object|{ right: '68px', bottom: '190px' }|-| |modelStyle|自定义模型样式|Object|{ right: '90px', bottom: '-20px', opacity: '0.9' }|-| |btnStyle|自定义按钮样式|Object|{ right: '90px', bottom: '40px' }|-| |width|模型宽度|Number|150|-| |height|模型高度|Number|220|-|

theme说明

  • theme仅包含一个值是默认为此主题并隐藏更换主题按钮
  • theme为多个值时初始化默认为第一个主题，点击更换主题按钮随机更换数组内的其他主题
  • 请注意主题名的大小写

theme可选值

themes.png

About