新建仓库
仓库名称为你的项目名，可以生成一个readme文件，不生成也行。
项目打包
首先打开你的.gitignore文件看看有没有/dist，如果有的话要删掉这一行，因为这个文件的作用就是告诉git哪些文件不上传，而我们要上传的就是dist，所以必须删除掉
在本地根目录下运行
1 | npm run build |
然后你就会发现文件夹中生成了一个dist文件夹，里面是打包好的原生的html, css, js文件，此时你打开index.html应该能直接在网页中看到样式，如果看不到那就说明打包有错误，F12查看报错并解决。
上传项目
将你本地的项目上传到github仓库中，具体步骤可以看我之前写的这篇博客：使用Git上传项目到Github仓库中
打包并发布
接下来点击settings -> pages， 在source中选择deploy from a branch, branch 选择你要部署的branch，目录选择root，点击save。
可以在actions中查看构建是否完毕，没报错的话直接访问地址: 仓库地址+/dist/ 就能看到了，毕竟打包的项目 index.html 在这个目录下
