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部署

相关推荐
m0_694845575 小时前
tinylisp 是什么?超轻量 Lisp 解释器编译与运行教程
服务器·开发语言·云计算·github·lisp
June`5 小时前
muduo项目排查错误+测试
linux·c++·github·muduo网络库
weixin_6687 小时前
GitHub 2026年AI项目详细数据汇总表-AI分析-分享
人工智能·github
CoderJia程序员甲1 天前
GitHub 热榜项目 - 日榜(2026-02-05)
ai·开源·大模型·github·ai教程
weixin_6681 天前
GitHub 2026年AI项目热度分析报告-AI分析-分享
人工智能·github
MicrosoftReactor1 天前
技术速递|GitHub Copilot CLI 斜杠命令速查表
github·copilot·cli
wu~9701 天前
GitHub永不遗忘,使用git push -f来覆盖的提交依旧保留
git·github
m0_694845571 天前
music-website 是什么?前后端分离音乐网站部署实战
linux·运维·服务器·云计算·github
独自破碎E1 天前
已经 Push 到远程的提交,如何修改 Commit 信息?
开发语言·github
jiang_changsheng1 天前
工作流agent汇总分析 2
java·人工智能·git·python·机器学习·github·语音识别