配置彩带背景

最后更新于: 2025-12-06 10:36:40

配置彩带背景

2024年12月31日已解决。

环境

自己开源的《vuepress-theme-vdoing-one-public》网站模板。

此模板是在Young Kbt blog的开源项目《Kele-Bingtang.github.io》基础上修改为自己的风格而成，感谢大佬开源的模板&感谢原作者开源的vdoing主题。❤️❤️

配置

原文

https://moefyit.github.io/moefy-vuepress/packages/ribbon.html

本次配置

安装包：

1yarn add vuepress-plugin-ribbon
2# or use npm
3npm i vuepress-plugin-ribbon #本次

插件选项配置：

1module.exports = {
2   plugins: ['ribbon'],
3}

或者

 1module.exports = {
 2   plugins: [
 3      [
 4         'ribbon',
 5         {
 6            size: 90, // width of the ribbon, default: 90
 7            opacity: 0.8, // opacity of the ribbon, default: 0.3
 8            zIndex: -1, // z-index property of the background, default: -1
 9         },
10      ],
11   ],
12}