Nextjs项目部署GithubPages

1.开启静态输出

根据官网进行配置:

next.config.js文件里增加:

lua 复制代码
output:'export'

2.项目安装gh-pages

csharp 复制代码
yarn add gh-pages

package.json文件中增加下面部署命令:

json 复制代码
 "homepage": "./",
 "scripts": {
    "deploy": "gh-pages -d build"
  },

3.命令执行

arduino 复制代码
yarn build // 执行之后项目会生成out文件夹
yarn deploy // 执行之后,远程仓库会多出一个gh-pages分支

4.github部署

相关推荐
想学全栈的菜鸟阿董28 分钟前
Crew连接多个 MCP 服务器
运维·服务器·github
想学全栈的菜鸟阿董37 分钟前
通过 Stdio(标准输入/输出)传输机制,实现 CrewAI 与本地 MCP 服务器的连接
运维·服务器·github
星光不问赶路人5 小时前
彻底清理 Git 分支:从查看到批量删除无效分支的全流程指南
git·github
逛逛GitHub8 小时前
推荐 4 个实用、好玩儿的 GitHub 开源项目。
github
SelectDB9 小时前
Apache Doris 与 ClickHouse:运维与开源闭源对比
大数据·数据分析·github
CoderJia程序员甲11 小时前
GitHub 热榜项目 - 日榜(2025-10-20)
ai·开源·大模型·github·ai教程
spionbo11 小时前
Java Stream API中如何实现数据的并行处理?
github
over69711 小时前
Git 版本控制:从零开始掌握代码的时间旅行术
github
shandianchengzi11 小时前
【记录】Unity|Unity从安装到打开一个Github项目(以我的世界(仿)为例)
unity·c#·游戏引擎·github·我的世界·mc
穿花云烛展11 小时前
项目实践3:一个冲突引起的灾难
前端·github