学习 React 时可以用 Github Pages 部署自己的小项目，所以稍微总结一下，方便以后参考。

添加主页

在 package.json 中添加homepage属性

1
2
3
"name": "My-CRA",
"homepage": "https://neo42.github.io/mycra",
"version": "0.1.0",

安装 gh-pages

1
npm i gh-pages

部署脚本

1
2
3
4
"scripts":{
 "predeploy": "npm run build",
 "deploy": "gh-pages -d build",
}

运行部署命令

1
npm run deploy

提交一个 commit 到 repo

1
2
git add . && git commit -m "Deploy to Github Pages" && git push # mac
git add . | git commit -m "Deploy to Github Pages" | git push # windows

设置 Github Pages 的源

把 source 设置为 gh-pages branch