vuepress-plugin-ribbon

🎗 Add a beautiful ribbon to your vuepress!

• Document: moefy-vuepress (opens new window)
• Live demo: notev (opens new window)

Want to use it outside of VuePress1.x? Try moefy-canvas (opens new window)!

Install

yarn add vuepress-plugin-ribbon -D
# or use npm
npm i vuepress-plugin-ribbon -D

Usage

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

Options

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
         },
      ],
   ],
}

Thanks

• vuepress-plugin-nest (opens new window)
• canvas-nest.js (opens new window)
• ribbon.js (opens new window)