1、确保项目已经提交到github上
2、build已有项目
yarn build
3、安装gh-pages
yarn add gh-pages --save-dev
4、在项目对应github仓库的setting中设置pages
(1)修改Source,可以先选择master开启页面
(2)获取你的网页地址
5、修改package.json
在package.json
中添加homepage
字段,值为刚刚从github上获取的地址
{
"name": "g-shop",
"version": "1.2.0",
"homepage": "https://evan-gyy.github.io/g-shop/",
...
}
6、部署项目到Github Pages
yarn deploy
7、再次修改settings
部署完后gh-pages会把build好的项目推送到gh-pages分支,这时候需要去settings中将source切换为gh-pages,然后刷新一下网页就能看到部署好的页面了