Nextra 3.0 已发布。 阅读更多
文档指南静态导出

静态导出

静态导出您的页面,并使用 NginxGitHub Pages 等进行部署。

入门

配置

next.config.mjs
import nextra from 'nextra'
 
/**
 * @type {import('next').NextConfig}
 */
const nextConfig = {
  output: 'export',
  images: {
    unoptimized: true // mandatory, otherwise won't export
  }
  // Optional: Change the output directory `out` -> `dist`
  // distDir: "build"
}
const withNextra = nextra({
  theme: 'nextra-theme-docs',
  themeConfig: './theme.config.tsx'
})
 
export default withNextra(nextConfig)

构建

根据您的包管理器运行 build 命令

npm run build

默认情况下,静态导出将存储在项目根目录下的 out 目录中。

有关静态导出的更详细文档,请访问 Next.js 文档