This tutorial guides you on how to configure a VuePress project.

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

Available components:

• ArtPlayer: A video player powered by ArtPlayer.
• Badge: Colorful badge component
• BiliBili: Embedded BiliBili video
• CodePen: Embed CodePen demo
• FontIcon: font icon component.
• PDF: Embed PDF viewer
• Share: Sharing current page with social medias
• StackBlitz: Embed StackBlitz demo
• SiteInfo: Display sites
• VPBanner: A banner component
• VPCard: A card component
• VidStack: Audio/Video player powered by VidStack
• XiGua: Embed XiGua video

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

You can change the theme's styles in .vuepress/styles by setting variable values in the config.scss and palette.scss files.

Also, you can add your own styles in .vuepress/styles/index.scss.

This tutorial guides you on how to generate page in a VuePress project.

vuepress-theme-hope bundles many VuePress plugins and adds support for more VuePress plugin.

When setting { custom: true } in Behavior options, the theme will import components through @theme-hope alias, so you can use it to replace any component of the theme.