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

相关推荐
uhakadotcom19 分钟前
轻松掌握XXL-JOB:分布式任务调度的利器
后端·面试·github
Galerkin码农选手2 小时前
github合并多个commit message以及rebase解决文件冲突
github
hac13223 小时前
利用GitHub Pages快速部署前端框架静态网页
前端框架·github
程序员晚枫11 小时前
又给腾讯贡献了一段代码:从 `%` 格式化到 f-string 的改进
python·开源·github
斯普信专业组11 小时前
Ceph与Bacula运维实战:数据迁移与备份配置优化指南
运维·ceph·github
HelloGitHub12 小时前
想让你多爱自己一些的开源计时器
开源·github
宅小海13 小时前
11 配置Hadoop集群-免密登录
大数据·hadoop·github
雨声不在1 天前
用mkdocs写文档#自动更新github-page
github
曹天骄1 天前
DaemonSet 与 Deployment 的主要区别
github
遇到困难睡大觉哈哈1 天前
hexo+GitHub Pages搭建个人博客完整教程
github