公告·  

全新网站

我们非常高兴地发布全新的 nuxt.com,它由 Nuxt UI 驱动并且现已开源。
Sébastien Chopin

Sébastien Chopin

@atinux

Benjamin Canac

Benjamin Canac

@benjamincanac

当你想要学习 Nuxt 时,Nuxt.com 是主要的入口。其每月拥有超过 30 万访问者,是时候赋予它全新的外观和体验了。

全新设计

我们回归了 Nuxt 最初的配色,采用海军蓝背景(#020420)以及标志性的亮绿色(#00DC82)。

Nuxt Website Screenshot
探索 Nuxt 设计套件以及我们的 Logo 发展史

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

Nuxt ImageNuxt ContentNuxt DevToolsNuxt UI

我们非常喜欢这个新设计,希望你也一样。这只是网站即将迎来的众多改进的第一步。

改进的导航

从现在开始,你可以在五个主要的文档分类之间轻松跳转

在右侧,你可以看到目录以及社区快捷方式:编辑此页面、在 Discord 上交流等。

源码按钮

在查看 Nuxt 内置的 组件组合式函数工具函数命令kit 工具集时,你现在可以点击按钮跳转到源代码。

Nuxt Source Code Button
查看 <NuxtLink> 文档页面上的一个示例。

改进的搜索功能

当你按下 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> 等组件。

我们计划在 10 月底推出 Nuxt UI Pro 的完整文档。如果你迫不及待想要抢先体验,现在就可以购买许可证并访问我们在 GitHub 上的私有仓库。

这次迁移是改进 Nuxt UI & UI Pro 并修复一些 Bug 的绝佳机会,代码变动差异为 +9,004 / -23,113 行。

了解更多关于 Nuxt UI 的信息。

Open Graph 图像

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

安装页面示例

探索 Nuxt OG Image 模块。

现已在 GitHub 上线

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

在 GitHub 上查看 nuxt/nuxt.com

接下来是什么?

这个新网站是我们计划中的即将进行的更改的开始,其中一些包括:

  • 团队与贡献者页面
  • 集成页面,展示 Nuxt 的所有可能性:托管、CMS、数据库等。
  • 模板页面(目前为 nuxt.new),用于列出官方和社区启动器模板
  • 以及更多...

我们期待你在 TwitterDiscordGitHub 上给出反馈.

感谢阅读这篇博客文章,祝你使用 Nuxt 愉快 🤟