vitepress-plugin-group-icons

更新: 8/21/2025     字数: 0 字     时长: 0 分钟

Enhance code blocks features for VitePress.

📜 Documentation

Usage

Install

npm

npm install vitepress-plugin-group-icons

yarn

yarn add vitepress-plugin-group-icons

pnpm

pnpm add vitepress-plugin-group-icons

bun

bun add vitepress-plugin-group-icons

Configuration

// .vitepress/config.ts
import { defineConfig } from "vitepress";
import {
  groupIconMdPlugin,
  groupIconVitePlugin,
} from "vitepress-plugin-group-icons";

export default defineConfig({
  markdown: {
    config(md) {
      md.use(groupIconMdPlugin);
    },
  },
  vite: {
    plugins: [groupIconVitePlugin()],
  },
});

// .vitepress/theme/index.ts
import Theme from "vitepress/theme";
import "virtual:group-icons.css";

export default Theme;

Usage Example

::: code-group

```sh [npm]
npm install vitepress-plugin-group-icons
```

```sh [yarn]
yarn add vitepress-plugin-group-icons
```

```sh [pnpm]
pnpm add vitepress-plugin-group-icons
```

```sh [bun]
bun add vitepress-plugin-group-icons
```

:::

Credits

• Nuxt UI Pro

License

MIT License © 2024-PRESENT Leo