This tutorial will guide you on how to register components globally in your VuePress project.

This tutorial will explain how to every Markdown files are converted to a Vue-powered page.

You can easily insert components in Markdown content with component code block.

By using vuepress-plugin-components, you can import and use some components in your Markdown files.

Available components:

• Badge: Colorful badge component
• CodePen: Embedded CodePen demo
• Share: Sharing current page with social medias
• StackBlitz: Embedded StackBlitz demo
• SiteInfo: Display sites
• VPBanner: A banner component
• VPCard: A card component

To enable components, you should set plugins.components.components with an array of components names.