在github上实现页面托管预览功能
2017-09-19 本文已影响146人
suporka
1.建立个人github pages 仓库
- 创建新仓库,命名规则为----“你的github账号.github.io”, 如图所示:
![](https://img.haomeiwen.com/i7932253/77cc595b409aef00.png)
- 我的账号是zxpsuper,所以我的个人域名仓库为 zxpsuper.github.io
- 点击这个新建的仓库,找到setting,找到github pages 模块
![](https://img.haomeiwen.com/i7932253/1ad907c437e1c392.png)
- 把 none 改为 master branch ,点击 save 保存。
- 然后将你的页面命名为 index.html 上传到此仓库,在浏览器输入:
zxpsuper.github.io
便可以看到你的页面效果!
![](https://img.haomeiwen.com/i7932253/4b3af63dde8816f8.png)
2.拓展更多
- 这部分内容是对github pages 的拓展,可以不了解
- 重复1中之间的内容,新建一个新的仓库,如图1中的testMusic,上传页面和静态文件到此仓库
![](https://img.haomeiwen.com/i7932253/14582e8743b4fc0a.png)
- 然后在浏览器中输入:
zxpsuper.github.io/testMusic/index.html
或 zxpsuper.github.io/testMusic
即可看到效果!
![](https://img.haomeiwen.com/i7932253/2d330d6982fd37e7.png)
觉得有用就点个赞呗!!(づ。ᴗᴗ。)づ