给你的 Vitepress 文档自动补充代码组图标 [vitepress-plugin-group-icons]
lyc575757 2024-09-03 10:27:43 +08:00 2030 次点击这是一个创建于 402 天前的主题，其中的信息可能已经有所发展或是发生改变。
Vitepress 有一个代码组功能，可以允许用户对多个代码块进行分组并切换:
vitepress-plugin-group-icons 是一个插件，可以为代码组自动补充图标，增强文档的可读性。
内置图标
包含常见的前端包管理器，框架，配置文件等
自定义图标
你可以使用所有 iconify 或者本地的 svg 文件进行自定义图标展示。
案例展示
已经有许多开源项目的 Vitepress 文档在使用此插件:
开始使用
请访问文档地址查看详细的使用教程。
欢迎大家使用此插件并反馈
 | 1 Ziuc 2024-09-03 12:56:22 +08:00 赞 |
 | 2 chendaye 2024-09-03 15:36:40 +08:00 来得正好，之前一直搜代码组是怎么写的没搜到，在这碰见了 |
 | 3 dufu1991 2024-09-03 15:48:12 +08:00 来得正好，之前我的项目中有这个需求，本来想着自己写一个，没时间，有你这个正好。 |
 | 4 dufu1991 2024-09-03 17:07:47 +08:00 只支持 vitepress 吗？ |
 | 7 lyc575757 OP @dufu1991 #6 其实这个项目生成图标的大部分逻辑也是一个 Vite 插件，可以参考一下源代码里的 vite.ts 文件。 |
| 9 dufu1991 2024-09-05 16:57:04 +08:00  1 看了一下，你这个逻辑我这边没法复用，我自己写了个基于 Tailwind 的纯 CSS 方案，实现这种代码组且带有 icon 的效果，已经完全满足我的需求，感谢。https://stdf.design/#/guide |
Select Language