公告·  

新网站

我们很高兴发布由 Nuxt UI 提供支持的全新 nuxt.com,现已开源。
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 内置的组件可组合函数工具命令工具包实用程序时,现在可以通过点击按钮跳转到源代码。

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

阅读更多关于 Nuxt UI 的信息。

Open Graph 图片

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

安装页面示例

探索 Nuxt OG Image 模块。

GitHub 上可用

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

在 GitHub 上查看 nuxt/nuxt.com

接下来是什么?

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

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

我们期待您的反馈Twitter, DiscordGitHub.

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