文档主题
开始使用

创建一个新项目

安装

npm i next react react-dom nextra nextra-theme-docs

添加 Next.js 配置

在项目的根目录中创建以下next.setting.js文件：

next.setting.js
const withNextra = require('nextra')({
  theme: 'nextra-theme-docs',
  themeConfig: './theme.config.jsx',
});
 
// 如果你有其他 Next.js 配置，你可以将它们作为参数传递给 withNextra
const nextConfig = {};
module.exports = withNextra(nextConfig);

创建文档主题配置

在项目的根目录中创建主题 theme.config.jsx 文件。

theme.config.jsx
export default {
  logo: <span>My Nextra Documentation</span>,
  project: {
    link: 'https://github.com/simplelife/nextra-template',
  },
  // ... 其他配置选项
};

启动

现在，您可以将您的第一个 MDX 页面创建为page/index.mdx：

page/index.mdx
# Welcome to SimpleLife
 
Hello, world!

在package.json配置启动命令，使用npm run dev运行你的项目

"scripts": {
"dev": "next dev",
},
介绍页面配置