内置组件

通过 vuepress-plugin-components，你可以在 Markdown 文件中导入并使用一些组件。

pnpm add -D vuepress-plugin-components

可用组件:

• ArtPlayer
• Badge
• BiliBili
• CodePen
• FontIcon
• PDF
• Share
• StackBlitz
• SiteInfo
• VPBanner
• VPCard
• VidStack
• XiGua

为了启用组件，你需要将 plugins.components.components 设置为一个组件名的数组。

注

<Badge /> 默认可用的，以便与 @vuepress/theme-default 行为一致。

<FontIcon /> 总会被启用，因为它被主题内部用于提供图标功能。

import { hopeTheme } from "vuepress-theme-hope";

export default {
    theme: hopeTheme({
        plugins: {
            components: {
                // 你想使用的组件
                components: [
                    "ArtPlayer",
                    "Badge",
                    "BiliBili",
                    "CodePen",
                    "PDF",
                    "Share",
                    "SiteInfo",
                    "StackBlitz",
                    "VPBanner",
                    "VPCard",
                    "VidStack",
                    "XiGua",
                ],
            },
        },
    }),
};

内置组件演示

Badge

支持自定义颜色的徽章。

徽章类型

注

qwe

qwe