美文网首页
github显示demo

github显示demo

作者: zhangjianli | 来源:发表于2017-03-26 20:11 被阅读0次

作为一个前端工程师,相信很多小伙伴们都希望在自己的Github 上看到demo的展示效果,但是我们发现把代码传到github上时看到的是酱紫的

Paste_Image.png

只能看到源码,必须下载才能看到效果,带来很多不便,下面呢,给大家介绍一种在github上查看demo的方法:
首先,找到你所要生成demo的库,点击Setting,找到 GitHub Pages,Source下面的默认none改成master branch,如图:

Paste_Image.png

点击save保存!

会生成一个地址:
Paste_Image.png

点击此地址会进入到此仓库的index页面,如果仓库中有多个文件夹且每个文件夹是一个demo,我们可以在README中修改路径,复制路径,再加上/你的文件夹名/xx.html,如果为index.html 则可以省略,如图:

Paste_Image.png

最后效果如图:

Paste_Image.png

点击demo就可以看到效果了,大功告成!

相关文章

网友评论

      本文标题:github显示demo

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