当你想要学习 Nuxt 时,Nuxt.com 是主要的入口。其每月拥有超过 30 万访问者,是时候赋予它全新的外观和体验了。
全新设计
我们回归了 Nuxt 最初的配色,采用海军蓝背景(#020420)以及标志性的亮绿色(#00DC82)。

我们希望在所有官方文档中实现一致的设计
我们非常喜欢这个新设计,希望你也一样。这只是网站即将迎来的众多改进的第一步。
改进的导航
从现在开始,你可以在五个主要的文档分类之间轻松跳转
在右侧,你可以看到目录以及社区快捷方式:编辑此页面、在 Discord 上交流等。
源码按钮
在查看 Nuxt 内置的 组件、组合式函数、工具函数、命令和 kit 工具集时,你现在可以点击按钮跳转到源代码。

改进的搜索功能
当你按下 K 时,你可能会注意到一个新的模态框。我们利用 Nuxt UI 的 <CommandPalette> 组件结合 Nuxt Content 数据(搜索与导航)来提供更好的搜索体验。
借助命令面板,你可以:
- 跳转到页面
- 在文档中搜索
- 搜索模块
- 切换颜色模式
我们计划很快添加更多命令。
迁移到 Nuxt UI
新网站由 Nuxt UI 驱动,这是我们为 Nuxt 量身定制的 UI 库,构建于 Tailwind CSS & Headless UI 之上。
该网站还使用了 Nuxt UI Pro,这是一套基于 Nuxt UI 构建的高级组件库,可在几分钟内创建美观且响应式的 Nuxt 应用程序。
它包含诸如 <UHeader>、<UFooter>、<ULandingHero>、<ULandingCard> 等组件。
这次迁移是改进 Nuxt UI & UI Pro 并修复一些 Bug 的绝佳机会,代码变动差异为 +9,004 / -23,113 行。
Open Graph 图像
我们在社交媒体上分享链接时非常喜欢带有自定义图像。这就是为什么我们在所有文档页面上都添加了 OG 图像的原因。
安装页面示例

现已在 GitHub 上线
我们自豪地宣布,该网站现已开源并在 GitHub 上提供。
接下来是什么?
这个新网站是我们计划中的即将进行的更改的开始,其中一些包括:
- 团队与贡献者页面
- 集成页面,展示 Nuxt 的所有可能性:托管、CMS、数据库等。
- 模板页面(目前为 nuxt.new),用于列出官方和社区启动器模板
- 以及更多...
我们期待你在 Twitter、Discord 或 GitHub 上给出反馈.
感谢阅读这篇博客文章,祝你使用 Nuxt 愉快 🤟



