美文网首页前端程序员干货H5技术栈Web前端之路
在github上实现页面托管预览功能

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

作者: suporka | 来源:发表于2017-09-19 22:40 被阅读146次

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
即可看到效果!

小皮咖

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

相关文章

网友评论

  • d257249b0e97:亲,我想问问vue项目怎么上传到github上,实在预览呢?😊
    suporka: @菜鸟草 打包之后把dist里面的文件上传到指定的仓库即可

本文标题:在github上实现页面托管预览功能

本文链接:https://www.haomeiwen.com/subject/pvngsxtx.html