GitHub Pages上发布静态页面

原创原创,转载要标明出处哦,一个一个截图上传还是有点麻烦的呢~

为什么要发布静态页面呀?

代码这个东西呀,怎么可能一直浮于理论
搜了搜,找到了一些实例,其实就是实现一些简单的功能
实例网址:http://fgm.cc/learn/
是在 https://blog.****.net/shelbyandfxj/article/details/79560091 上发现的,感激
完成了页面,自然是想发布出来让大家都看见呀,于是又搜了搜
GitHub真是个好地方
通过知乎,博客,目前为止也终于是把页面发布出来了

如何发布?

1.GitHub账号申请,点击 sign up free或者右上角的sign up
https://github.com/
GitHub Pages上发布静态页面2.填写用户名,邮箱和密码,然后点击下方的 create the account
GitHub Pages上发布静态页面3.点击右上角的sign in,登录已经创建的账户
点击右上角的+,选择 New repository,创建一个新仓库
GitHub Pages上发布静态页面4.输入仓库名,然后点击下方的 create repository
GitHub Pages上发布静态页面 到这里,一个新建的仓库就完成啦,如果只是想创建一个仓库存放代码,到这里就可以啦,可是我要做的是部署静态页面,所以,继续~
5.点击蓝色字,上传本地代码文件
GitHub Pages上发布静态页面6.把文件拖过来或者是选择文件
GitHub Pages上发布静态页面 7.上传成功的文件会出现在下方,点击下方的提交,就把文件提交成功啦
GitHub Pages上发布静态页面

8.这个时候就可以看见上传成功的文件了,点击右方的settings
GitHub Pages上发布静态页面9.找到GitHub Pages,如图选择
GitHub Pages上发布静态页面10.选择后,页面自动刷新,然后出现一条 GitHub Pages source saved 的提示
GitHub Pages上发布静态页面
插嘴一句,同样在这个settings里面,我们还可以给仓库重新起名字,以及删掉仓库
GitHub Pages上发布静态页面11.回到code,点击 environment
GitHub Pages上发布静态页面12.点击 view development
GitHub Pages上发布静态页面13.在网址栏后面加上上传的html文件名称(求解答,这个界面为什么会404,是因为缺少index.html文件吗?)
GitHub Pages上发布静态页面14.展示另一个仓库里已经弄好了的效果
GitHub Pages上发布静态页面到此为止,我们的静态网页就阔以展示出来了呀
github功能很强大,让我们继续探索,继续学习~~~~