首页 > web前端 > js教程 > 正文

使用 Nextra 生成文档站点

Susan Sarandon
发布: 2024-11-08 20:58:02
原创
435 人浏览过

在本文中,您将了解如何使用 Nextra 生成静态文档站点,我们还提供了一个示例。

使用 Nextra,您可以使用 Next.js 和 MDX 制作精美的网站。

Nextra docs 提供了两种选项,一种用于文档,另一种用于博客。

使用 Nextra

手动配置 Nextra 很简单。您安装软件包,更新 Next.js 配置,创建主题.config.jsx,最后创建pages/_app.jsx

Nextra 上有一个关于在应用程序路由器中使用 Nextra 的重要常见问题解答,尚不支持,但 Next.js 支持应用程序和

同一应用程序中的页面路由器。

非官方变更集文档站点

此存储库是一个非官方变更集文档站点。它部署在 Vercel 上,可从以下位置获取:https://changesets-docs.vercel.app/

Generate a documentation site using Nextra

// next.config.mjs
import nextra from "nextra";
const withNextra = nextra({
 theme: "nextra-theme-docs",
 themeConfig: "./theme.config.jsx",
 defaultShowCopyCode: true,
});
export default withNextra({
 i18n: {
 locales: ["en-US", "zh-CN"],
 defaultLocale: "en-US",
 },
});
登录后复制

关于我们:

在 Thinkthroo,我们研究大型开源项目并提供架构指南。我们开发了使用 Tailwind 构建的可重用组件,您可以在项目中使用它们。我们提供 Next.js、React 和 Node 开发服务。

与我们预约会面讨论您的项目。

Generate a documentation site using Nextra

参考:

  1. https://nextra.site/docs/docs-theme/start

  2. https://github.com/nnecec/changesets-docs

  3. https://changesets-docs.vercel.app/

以上是使用 Nextra 生成文档站点的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:dev.to
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板