如何预览github上的Html页面

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

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

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

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

把你打开的HTML页面关闭，按如下 *** 作：\x0d\x0aWindow→preferences→General→Editors→File Associations\x0d\x0a在上面【File types：】列表框中选中【*.html】\x0d\x0a在下面【Associated editors:】列表框中选中MyEclipse Visual HTML Designer (locked by 'HTML' content type)\x0d\x0a再点击【Default】点了之后你会看到刚选中的选项中间多一个“(default)”，如下：\x0d\x0aMyEclipse Visual HTML Designer (default) (locked by 'HTML' content type)\x0d\x0a最后单击【OK】保存\x0d\x0a如果出现Eclipse自动关闭，重启Eclipse即可

atom实现html实时预览方法：

1，给chrome安装安装LivePage这个插件。&ltimg src="https://pic3.zhimg.com/97bc44f556c4be5839f3e5dac2548416_b.png" data-rawwidth="601" data-rawheight="185" class="origin_image zh-lightbox-thumb" width="601" data-original="https://pic3.zhimg.com/97bc44f556c4be5839f3e5dac2548416_r.png"&gt

2，先用IIS搭建一个简单的网站。

3，用atom编辑html css的时候，用chrome打开自己编辑的网页，并且启动LivePage插件。

4，这样只要你用atom修改后保存代码文件的时候，你在chrome上的页面就会自动刷新。

问题：但是也这样做也有一些问题，对于某些动态网站，可能会不断刷新。

---