如何看到github上的HTML页面作为一个正常呈现的HTML页面，在浏览器中查看预览，而无需下载？
在http://github.com开发者保留项目的html，csss，javascript和图像文件。 我如何能在浏览器中看到html输出？
例如这个https://github.com/necolas/css3-social-signin-buttons/blob/master/index.html
当我打开它不显示作者的代码呈现的HTML。 它将页面显示为源代码。
是否有可能直接看到呈现的HTML？ 否则我总是需要下载整个zipt才能看到结果
在GitHub上预览HTML文件最方便的方法是访问http://htmlpreview.github.com/或者直接添加到原始URL，例如：; http : //htmlpreview.github.com/?https : // github.com/bartaz/impress.js/blob/master/index.html
如果你不想下载档案，你可以使用GitHub Pages来渲染。
- 将存储库分配到您的帐户。
- 在您的机器上本地克隆
- 创build一个
gh-pages分支（如果已经存在，删除它并创build一个基于master的新分支）。 - 将分支推回到GitHub。
- 在
http://username.github.io/查看页面
在代码中：
git clone git@github.com:username/repo.git cd repo git branch gh-pages # Might need to do this first: git branch -D gh-pages git push -u origin gh-pages # Push the new branch back to github Go to http://username.github.io/repo
你可以使用RawGit ：
https://rawgit.com/necolas/css3-social-signin-buttons/master/index.html
它比http://htmlpreview.github.com/更好地工作（在撰写本文时），提供具有适当Content-Type标头的文件。; 此外，它还提供CDN URL供生产使用。
用github页面做起来真的很容易，第一次做这件事有点奇怪。 Sorta就像你第一次学习编织时不得不玩弄3只小猫。 （好吧，这不是那么糟糕）
你需要一个gh页面分支：
基本上github.com会查找版本库的gh-pages 分支 。 它将把它在这里find的所有HTML页面作为普通的HTML直接提供给浏览器。
我如何得到这个gh-pages分支？
简单。 只需创build一个名为gh-branches的github回购分支。 当你创build这个分支时指定–orphan ，因为你实际上不想将这个分支合并回github分支，你只需要一个包含你的HTML资源的分支。
$ git checkout --orphan gh-pages
那么我的回购中的所有其他垃圾呢，它又如何适应呢？
不，你可以直接删除它。 而且现在是安全的，因为你一直在关注和创build一个孤儿分支，无法合并到你的主分支，并删除所有的代码。
我创build了分支，现在是什么？
您需要将这个分支上传到github.com，这样他们的自动化才能启动并为您启动这些页面。
git push -u origin gh-pages
但是..我的HTML仍然没有被服务！
github需要几分钟的时间来索引这些分支，并启动所需的基础架构来提供内容。 根据github长达10分钟。
由github.com铺设的步骤
https://help.github.com/articles/creating-project-pages-manually
这不是一个直接的答案，但我认为这是一个非常可爱的select。
它允许您在基本身份validation之后托pipe您的页面。 非常适合你的私人github回购中的api文档。 只是广告s3放在你的API构build的一部分。
此解决scheme仅适用于Chrome浏览器。 我不确定其他浏览器。
- 在Chrome浏览器中添加“修改内容types选项”扩展。
- 在浏览器中打开“chrome-extension：//jnfofbopfpaoeojgieggflbpcblhfhka/options.html”url。
- 添加原始文件url的规则。 例如：
- urlfilter：https：///raw/master//fileName.html
- 原始types：文本/纯文本
- replacetypes：text / html
- 打开你在规则中添加了url的文件浏览器（步骤3）。
此外，如果您使用Tampermonkey，则可以添加一个脚本，将preview with http://htmlpreview.github.com/button的preview with http://htmlpreview.github.com/添加到“raw”，“blame”和“history”button旁边的操作菜单中。
这样的脚本： https ： //gist.github.com/vaniakosmos/83ba165b288af32cf85e2cac8f02ce6d
