Written by

Fuma Nama

At

Thu Jun 13 2024

Fumadocs 12.0.5

在 Fumadocs 12 发布之后

Back

一些改进

🌐 Some Improvements

在发布 Fumadocs 12 之后,对新的用户界面进行了一些改进。

🌐 After releasing Fumadocs 12, some improvements were made to the new UI.

目录弹出框

🌐 TOC Popover

以前,这只在较大的设备上可用。现在,在较小的设备上,它被折叠成了一个弹出框。

🌐 Previously, this was only available on larger devices. Now, it's collapsed to a popover on smaller devices.

Preview

🌐 Links Menu

为了让侧边栏看起来更好,我们将导航链接移到了链接菜单中(位于顶角的三点按钮)。

🌐 To make the sidebar look even better, we moved navigation links to the links menu (the three-dots button at the top corner).

推荐的设计是:

🌐 The recommended design is:

  • 文档相关链接:使用 <RootToggle /> 或将其包含在页面结构中。
  • 其他链接:使用文档布局的 Links API。

Preview

🌐 Breadcrumbs

已从面包屑中移除重复的页面名称,现在只显示文件夹名称。此外,你可以启用 includeSeparators 在面包屑组件上显示分隔符。

🌐 Removed the duplicated page name from breadcrumbs, now it only shows the folder names. Also, you can enable includeSeparators to show separators on your breadcrumbs component.

新的面包屑看起来更干净,并且与设计更匹配。

🌐 The new breadcrumbs look cleaner and match the design even better.

适应

🌐 Adaption

一些文档网站,比如 https://yeecord.comhttps://turbo.build,已经采用了新的用户界面,我对此感到非常兴奋。对我来说,移除导航栏似乎是一个非常冒险的举动,几乎没有文档框架这么做过,我本来还预期会有人对新设计提出一些抱怨。

🌐 Some docs sites such as https://yeecord.com and https://turbo.build have adopted the new UI, I'm very excited about it. Removing the navbar seemed to be a very risky move to me, almost no documentation framework has done it, and I was expecting some complaints about the new design.

幸运的是,大多数人对新的用户界面感到满意。新设计最初是受 Arc 启发的,他们的侧边栏给我留下了深刻的印象。虽然我很快发现 Linear 的文档网站也没有导航栏,但 Arc 仍然是此次重新设计的初始灵感。

🌐 Luckily, most people are satisfied with the new UI. The new design was originally inspired by Arc, their sidebar looked very impressive to me. Although I soon discovered the docs site of Linear also doesn't have a navbar, Arc is still the first inspiration of the redesign.

我很感激许多人对新设计给予了反馈,这样我就能不断改进 Fumadocs,使其成为更好用的框架。让我们一起做出更优秀的文档吧。

🌐 I'm grateful that many people gave me their feedback about the new design, so that I can keep making Fumadocs a better framework to use. Let's make better docs.