如何在Github中预览你的HTML代码

html-css013

如何在Github中预览你的HTML代码,第1张

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>

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

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

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

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

把你打开的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即可