美文网首页前端程序员干货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