gh-pages部署github page项目

一个github账号只能有一个托管服务器，每个仓库会划分一个单独文件夹存储，但是根路径是只有一个，并不是指的是当前仓库  

1、安装gh-pages  

pnpm add gh-pages  

2、配置打包部署  

"scripts": {"deploy": "npm run build && gh-pages -d dist"
},

并不需要将dist文件夹上传到github仓库里面，在执行deploy命令时，gh-pages会将你设置的dist文件夹整个上传到github仓库里面的gh-pages分支里面  

github会自动配置好git page如下所示  

可以通过action查看自动部署情况  

点击链接查看部署网页  

如果发现控制台报404，则说明路径错了，比如vite就需要如下配置：