Nuxt Nation 大会即将到来。加入我们,时间为 11 月 12 日至 13 日。
公告·  

全新网站

我们很高兴发布新的 nuxt.com,它由 Nuxt UI 提供支持,现在已开源。

Nuxt.com 是您希望学习 Nuxt 时主要的入口点。凭借**每月超过 30 万的访问量**,是时候为它带来全新的外观和感受了。

全新设计

我们回到了 Nuxt 的原始颜色,采用海军蓝背景 (#020420) 及其标志性的闪亮绿色 (#00DC82)。

Nuxt Website Screenshot
还可以探索**Nuxt 设计工具包**以及我们的**Logo 历史**。

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

Nuxt ImageNuxt ContentNuxt DevToolsNuxt UI

我们非常喜欢这种新设计,希望您也喜欢。**这仅仅是网站即将进行的众多改进的第一步。**

改进的导航

从现在开始,您可以轻松地在五个主要文档类别之间切换。

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

源代码按钮

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

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

改进的搜索功能

您可能会注意到,当按下CMD+K时会出现一个新的模态框。我们利用 Nuxt UI 的<CommandPalette>组件结合 Nuxt Content 数据(搜索和导航)来提供更好的搜索体验。

使用命令面板,您可以

  • 跳转到某个页面
  • 在文档中搜索
  • 搜索模块
  • 切换颜色模式

我们计划很快添加更多命令。

迁移到 Nuxt UI

新网站由Nuxt UI提供支持,这是我们为 Nuxt 量身定制的 UI 库,构建于Tailwind CSSHeadless UI之上。

该网站还使用Nuxt UI Pro,这是一套构建在 Nuxt UI 之上的高级组件,可在几分钟内创建美观且响应迅速的 Nuxt 应用程序。

它包含<UHeader><UFooter><ULandingHero><ULandingCard>等组件。

我们计划在 10 月底发布 Nuxt UI Pro 的完整文档。如果您迫不及待想体验,现在就可以购买许可证,并访问我们 GitHub 上的私有存储库。

这次迁移是一个改进 Nuxt UI 和 UI Pro 并修复一些错误的绝佳机会,代码行数变化为+9,004 / -23,113

阅读有关**Nuxt UI**的更多信息。

开放图谱图像

我们在社交媒体上分享链接时,非常喜欢使用自定义图像。因此,我们在所有文档页面上都添加了 OG 图像。

例如安装页面

Nuxt OG Image
探索**Nuxt OG Image**模块。

在 GitHub 上可用

我们很自豪地宣布,该网站**现已开源**,并在 GitHub 上可用。

在 GitHub 上查看nuxt/nuxt.com

接下来是什么?

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

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

我们期待您在TwitterDiscordGitHub上提供反馈。.

感谢您阅读这篇博文,祝您 Nuxting 快乐🤟

← 返回博客