DEV Community
·
在Fumadocs中为文件名添加徽章
💡
原文英文，约200词，阅读约需1分钟。
📝
内容提要
在Fumadocs中，通过扩展frontmatter架构，可以在文件名中添加“NEW”徽章。只需在source.config.ts中添加代码，并在lib/source.tsx中使用new属性，即可在文件上传组件中显示该徽章。
🎯
关键要点
-
在Fumadocs中，可以通过扩展frontmatter架构在文件名中添加'NEW'徽章。
-
第一步是在Fumadocs项目的source.config.ts文件中添加代码。
-
代码示例中使用了z.boolean()来定义new属性，默认值为false。
-
接下来需要在lib/source.ts文件中使用frontmatter属性，确保将文件重命名为lib/source.tsx。
-
在pageTree中，attachFile函数用于检查文件的new属性，并在文件名中添加'NEW'徽章。
-
使用示例中，frontmatter中只需添加new: true即可显示徽章。
-
最终结果将显示带有'NEW'徽章的文件名。
❓
延伸问答
如何在Fumadocs中为文件名添加'NEW'徽章？
在source.config.ts文件中添加代码以扩展frontmatter架构，并在lib/source.tsx中使用new属性。
在Fumadocs中，如何定义new属性的默认值？
使用z.boolean().default(false)来定义new属性的默认值为false。
如何在lib/source.ts中使用frontmatter属性？
需要将lib/source.ts重命名为lib/source.tsx，并在其中添加frontmatter属性。
attachFile函数在Fumadocs中有什么作用？
attachFile函数用于检查文件的new属性，并在文件名中添加'NEW'徽章。
如何在frontmatter中显示'NEW'徽章？
只需在frontmatter中添加new: true即可显示'NEW'徽章。
Fumadocs的文件上传组件有什么特点？
文件上传组件是动画和互动的，能够显示带有'NEW'徽章的文件名。
🏷️
标签
➡️
