配置彩带背景

配置彩带背景

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

• 本次配置

安装包：

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

插件选项配置：

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

或者

module.exports = {
   plugins: [
      [
         'ribbon',
         {
            size: 90, // width of the ribbon, default: 90
            opacity: 0.8, // opacity of the ribbon, default: 0.3
            zIndex: -1, // z-index property of the background, default: -1
         },
      ],
   ],
}

效果