Nuxt.com 是您学习 Nuxt 的主要入口。 每月有超过 30 万的访问者,是时候给它焕然一新的外观和感觉了。
新设计
我们回归了 Nuxt 的原始颜色,采用海军蓝背景(#020420
)及其标志性的亮绿色(#00DC82
)。
我们希望在所有官方文档中实现一致的设计
我们非常喜欢这个新设计,希望您也喜欢。这只是网站诸多改进的第一步。
改进的导航
从现在开始,您可以轻松地在五个主要的文档类别之间跳转
在右侧,您可以查看目录以及社区快捷方式:编辑此页面、在 Discord 上聊天等。
源代码按钮
当查看 Nuxt 内置的 组件、组合式函数、实用程序、命令 和 kit 实用程序时,您现在可以通过点击按钮跳转到源代码。
改进的搜索功能
您可能会注意到按下 CMD+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 愉快 🤟