静态导出
将您的页面静态导出，并使用 Nginx 、GitHub Pages 等进行部署。
快速开始
配置
要启用静态导出，请按照以下方式更新 next.config.mjs 文件中的选项：
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({
// ... other Nextra config options
})
export default withNextra(nextConfig)更新 postbuild 脚本
更新 Pagefind 搜索引擎设置，以设置正确的输出路径：
package.json
"scripts": {
"postbuild": "pagefind --site .next/server/app --output-path out/_pagefind"
}构建
根据您的包管理器运行 build 命令：
npm run build默认情况下，静态导出将存储在项目根目录的 out 目录中。
有关静态导出的更详细文档，请访问 Next.js 文档 。
Last updated on