版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/theoneEmperor/article/details/78158492
首先我们登录github，进入项目仓库，点击setting,找到github pages栏的source，点开，如下图：
第一个的意思是，建立一个gh-pages分支，第二个是直接选择主分支部署到github pages,第三个是主分支下的docs文件夹。能成功部署的条件是必须有个index,html作为入口，也就是说无论用哪种方式，都要有个index.html在主目录。静态网页的话就可以直接访问：github名.github.io/仓库名,就可以看到了 ,也就延伸出了在github部署自己的博客这类说法。在刚才那张github截图的下面，官方也给出了相应的提示的。
如果是vue-cli等项目的话，需要先npm run build，打包出dist文件夹，再按上面的方式进行。打包有可能会出现运行index.html时是空白页的情况，解决方案在：http://blog.csdn.net/theoneEmperor/article/details/78155644。
还有需要注意的是，项目里不能用在线的框架，如bootstrap，jq等，否则是无法加载的。解决方案在：http://blog.csdn.net/theoneemperor/article/details/78158667