github直接浏览demo效果

在网上介绍了很多关于github直接浏览demo的效果,不过有很多方法确实不太好,混淆视听,比如preview的那种方式,就不值得推荐。
推荐的做法是使用GitHub pages方法。

GitHub pages方式(推荐)

网上查找下,很多教程。

master 分支

这种方式,它只针对仓库的master分支,因此请将要显示的html放置在master分支上。

根路径+文件地址可以显示任何html

1
2
3
4
5
6
7
8
//根路径:
https://yewills.github.io/d3-note-demo/

文件路径:
/pages/sar-chart/

实际地址为:
https://yewills.github.io/d3-note-demo/pages/sar-chart/

src引用文件的netWork调试

文件使用github.io时,一般不会有src引用问题,原来的项目引用地址,就是什么地址,如果产生问题,可以打开调试,重新写上可访问地址。