github上传webpack项目，并显示静态网页

github上传webpack项目

前提：有github账号，https://github.com/，安装了git工具，https://git-for-windows.github.io/

• 在本地创建一个文件夹upload(名字随意)！
• 右击打开Git bash命令行窗口
• 输入cd Y:\upload(你自己的路径),进入到upload目录下
  
• 通过git init命令，将这个文件夹变为git可管理仓库
  
• 把你的webpack项目工程复制到upload目录下,完成后如下图：
  
• 输入命令：git add .

• git status 可以查看当前状态
  
• git commit -m 'name'提交,引号里面的name随意起！！
  
• 创建SSH KEY

ssh-keygen -t rsa -C "你的邮箱地址"

• 然后回车，y，回车，回车，结果如下：

• 然后就可以查看C:\Users\Administrator\.ssh目录下的id_rsa.pub，下面的一大串直接Crit
  A全选复制！

• 登录github，点击settings
  
• 然后点击ssh and gpg keys

• 然后。。。。。
  
• 下图的title随意，key就是你复制的，直接粘贴就行，然后add ssh key

• 添加成功

• 在github上创建一个新的项目New repository

• 输入Repository name随意，然后点击Create respository

• 点击红色标记或则全选复制

• 然后git窗口上输入git remote add origin https://github.com/11111111.git
  后面是刚才复制的路径

注意：如果出现以下情况，请输入git remote add origin，然后在重新输入git remote add origin https://github.com/11111111.git，即先删除，再重新输入的意思

• git push -u origin master上传，当下次再次导入的时候输入git push origin master

解释：因为当新建远程的仓库为空的时候需要参数u

OK了！！上传成功了！！

显示上传的静态网页

此时上传的项目，并没有dist目录！！
解决方案：
将工程的.gitignore中的/dist/这行代码删除掉，然后然后重新npm run build

• 然后将upload目录下的项目全部删除，重新导入！！o(╥﹏╥)o
• o(╥﹏╥)o
• 然后git add .
• git commit -m "name"
• git push origin master
• 成功！！(〃‘▽’〃)

• 然后点击如下：
  

• 页面下拉，会出现，github pages,选择master brabch，选择后，页面还会自动刷新，然后出现网址！

• 因为我的webpack工程，index.html文件在dist目录下，所以我的网址就是红色框框的再加上dist，比如说我的是：

https://lizhenheng1111.github.io/Post/dist/

然后页面就可以显示了！！