GitHub展示预览效果

本文为自己摸索，不足之处请多多指教！

首先需要一个可以运行的项目，我以xxxxx为例(具体上传项目方法，在我的《GitHub使用教程》中有介绍)

1、将项目先克隆到本地：git clone 项目网址

2、查看项目的 webpack.config.js 文件修改 publicPath 为  './' (暂时不是很懂) 并提交

              git commit -m add "webpack.config.js"

              git push -u origin master

3、新建并切换到 gh-pages 分支：进入项目文件然后输入命令 git checkout -b gh-pages

      查看是否新建成功可使用 git branch 查看

4、安装依赖：cnpm install

      查看项目能否正常运行：npm run dev

      项目打包：npm run build

      完成以上操作后，项目文件中多了一个 static 文件夹，此处存储的就是项目的静态资源

5、将项目 gh-pages 分支提交到远程

      git add -A

      git commit -m "firstTest"

      git push -u origin gh-pages

      强制添加打包好的文件到远程分支

              git add -f 文件夹

              git commit -m "addStatic"

              git subtree push --prefix 文件夹 origin gh-pages(部署‘文件夹’下的代码)可能报错需要使用 git push 


      此时远程便多了一个分支

6、远程仓库设置

      点击 setting，滚动到 githuppage 模块，并在 source 列表中选择 gh-pages branch，点击 save 按钮

7、到此，基于项目的站点已经部署完毕，通过生成的网址即可访问项目