使用 Next.js 和 MDX 创建精美的网站

简单、强大、灵活的网站生成框架。拥有 Next.js 的所有功能。

快速入门

BackgroundBackground (Dark)

几分钟
就能创建一个完整功能的文档网站

链接和图片
默认被优化

Nextra 能自动将 Markdown 中的链接和图片分别转换为 Next.js 的 Link 组件 (opens in a new tab)Next.js 的 Image 组件 (opens in a new tab)。不会出现导航缓慢和布局偏移的问题。

[Learn more](/more)
![Hero](/hero.png)
<Link .../>
<Image .../>

先进的
语法高亮方案

利用 Shiki (opens in a new tab) 在编译阶段实现高效、可靠的语法高亮

新建文件
就自动具有了 I18n 的能力

只需为页面文件添加相应的本地化语言后缀,Nextra 和 Next.js 将为您完成其余的工作。

/hello.en-US.mdx/hello.de-DE.mdx/hello.ja-JP.mdx

MDX 2 让您可以在 Markdown 中使用组件,
自 v1 版本依赖,其性能有了大幅提升。

自带
夜间
模式

全文搜索,
无需配置

Nextra 可在网站构建时自动为您的内容建立索引,并使用 FlexSearch (opens in a new tab) 进行快速的全文搜索。

页面组织更直观,
并完全支持 Next.js 的文件路由功能

A11y 也是重中之重

Nextra 尊重系统级的可访问性设置,
例如:增加对比度减少动态效果

混合渲染
新时代

您可以利用 Next.js 的混合渲染能力(包括 SSG (opens in a new tab)SSR (opens in a new tab)ISR (opens in a new tab))来处理 Markdown 格式的内容。

以及更多功能...

SEO / RTL 布局 / 插件式主题 / 内置组件 / 最后的 Git 编辑时间 / 多文档...
更多新功能有待您的探索。

开始使用 Nextra 吧 →