在github上实现页面托管预览功能

1.建立个人github pages 仓库

  • 创建新仓库,命名规则为----“你的github账号.github.io”, 如图所示:

图1

  • 我的账号是zxpsuper,所以我的个人域名仓库为 zxpsuper.github.io
  • 点击这个新建的仓库,找到setting,找到github pages 模块

图2

  • 把 none 改为 master branch ,点击 save 保存。
  • 然后将你的页面命名为 index.html 上传到此仓库,在浏览器输入:

zxpsuper.github.io

便可以看到你的页面效果!

图3

2.拓展更多

  • 这部分内容是对github pages 的拓展,可以不了解
  • 重复1中之间的内容,新建一个新的仓库,如图1中的testMusic,上传页面和静态文件到此仓库

图4

  • 然后在浏览器中输入:

zxpsuper.github.io/testMusic/index.html
或 zxpsuper.github.io/testMusic
即可看到效果!

小皮咖

觉得有用就点个赞呗!!(づ。ᴗᴗ。)づ

posted @ 2017-09-22 16:07  小皮咖  阅读(385)  评论(0编辑  收藏  举报