如何预览github上的Html页面

html-css05

如何预览github上的Html页面,第1张

1.在github上找到包含要查看的html工程,找到Settings,点击进入

2.一路向下滑动,找到GitHub Pages,选择版本(若没有特殊需求,一般选择 master branch就行),选择版本后,会出现一个地址在如图3的位置.

3.复制上一步拿到的地址然后拼接下要查看的html文件路径,通过浏览器就可以看到html文件的预览效果了

4.最后验证结果如下,我们成功的预览了要查看的html页面.(ps:目前github预览的html为静态的,不支持音乐播放这种的哦)

在我的应用程序中,将html代码存储在字符串中。

1.你可以在顶部窗口中滚动,同时始终能够看到预览/详细信息窗口。

2.另一种办法是将源存储在javascript字符串中并使用window.open然后将源写入新窗口。请记住首先正确逃避源。

3.同时也可以在Javascript中调用,打开一个新窗口,显示一个为您的HTML提供服务的ASHX处理程序。(您可能需要传递有关查询字符串的信息)记得在处理程序中设置)

1.首先把html等文件上传到仓库。

2.点击setting,找到Github Pages,将none改成master branch 然后会出现一个网址。

将这个网址作为前缀,后缀为你要预览的html文件名

例如仓库里有一个test.html  那么完整网址就是 https://sf-chen.github.io/baiduweb/test.html 

可以在readme里面写<a href="https://sf-chen.github.io/baiduweb/test.html">demo</a>