静态导出
静态导出您的页面,并使用 Nginx、GitHub 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 文档。