新网站

当您想了解 Nuxt 时，Nuxt.com 是主要的入口点。凭借每月超过 30 万的访问量，是时候给它一个新的外观和感觉了。

新设计

我们回归了 Nuxt 的原始颜色，以海军蓝背景（#020420）和其标志性的亮绿色（#00DC82）。

我们希望在所有官方文档中实现一致的设计

我们非常喜欢这个新设计，希望您也喜欢。这只是网站未来许多改进的第一步。

改进的导航

从现在开始，您可以轻松地在五个主要文档类别之间跳转

右侧可以看到目录以及社区快捷方式：编辑此页面、在 Discord 上聊天等。

源代码按钮

在查看 Nuxt 内置的组件、可组合函数、工具、命令和工具包实用程序时，现在可以通过点击源文件按钮跳转到源代码。

改进的搜索功能

当您按下 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 并修复一些错误的好机会，代码更改量为 +9,004 / -23,113 行。

Open Graph 图片

我们非常喜欢在社交媒体上分享链接时使用自定义图片。这就是为什么我们在所有文档页面上都添加了 OG 图片。

安装页面示例

GitHub 上可用

我们很自豪地宣布，该网站现已开源并在 GitHub 上提供。

接下来是什么？

这个新网站是我们计划中的即将到来的变化开始，其中一些是

• 团队和贡献者页面
• 集成页面，展示 Nuxt 的所有可能性：托管、CMS、数据库等。
• 模板页面（目前是nuxt.new）列出官方和社区启动器
• 等等...

我们期待您的反馈Twitter, Discord或GitHub.

感谢您阅读这篇博客文章，祝您 Nuxting 愉快 🤟