GitHub Pages上发布静态页面
原创原创,转载要标明出处哦,一个一个截图上传还是有点麻烦的呢~
为什么要发布静态页面呀?
代码这个东西呀,怎么可能一直浮于理论
搜了搜,找到了一些实例,其实就是实现一些简单的功能
实例网址:http://fgm.cc/learn/
是在 https://blog.****.net/shelbyandfxj/article/details/79560091 上发现的,感激
完成了页面,自然是想发布出来让大家都看见呀,于是又搜了搜
GitHub真是个好地方
通过知乎,博客,目前为止也终于是把页面发布出来了
如何发布?
1.GitHub账号申请,点击 sign up free或者右上角的sign up
https://github.com/2.填写用户名,邮箱和密码,然后点击下方的 create the account
3.点击右上角的sign in,登录已经创建的账户
点击右上角的+,选择 New repository,创建一个新仓库4.输入仓库名,然后点击下方的 create repository
到这里,一个新建的仓库就完成啦,如果只是想创建一个仓库存放代码,到这里就可以啦,可是我要做的是部署静态页面,所以,继续~
5.点击蓝色字,上传本地代码文件6.把文件拖过来或者是选择文件
7.上传成功的文件会出现在下方,点击下方的提交,就把文件提交成功啦
8.这个时候就可以看见上传成功的文件了,点击右方的settings9.找到GitHub Pages,如图选择
10.选择后,页面自动刷新,然后出现一条 GitHub Pages source saved 的提示
插嘴一句,同样在这个settings里面,我们还可以给仓库重新起名字,以及删掉仓库11.回到code,点击 environment
12.点击 view development
13.在网址栏后面加上上传的html文件名称(求解答,这个界面为什么会404,是因为缺少index.html文件吗?)
14.展示另一个仓库里已经弄好了的效果
到此为止,我们的静态网页就阔以展示出来了呀
github功能很强大,让我们继续探索,继续学习~~~~