如何在github上看到html页面作为普通的渲染html页面,在浏览器中查看预览,无需下载？

Question

在http://github.com开发人员保留项目的html,csss,javascript和图像文件.我如何在浏览器中看到html输出？

例如这个https://github.com/necolas/css3-social-signin-buttons/blob/master/index.html

当我打开它时,它不会显示作者代码的渲染html.它将页面显示为源代码.

是否可以直接看到呈现的HTML？否则我总是需要下载整个zipt才能看到结果

Answer 1

在GitHub上预览HTML文件最舒服的方法是访问http://htmlpreview.github.com/或者只是将其添加到原始URL,即:http://htmlpreview.github.com/？https:// github.com/bartaz/impress.js/blob/master/index.html

Answer 2

如果您不想下载存档,可以使用GitHub页面进行渲染.

1. 将存储库分成您的帐户.
2. 在您的计算机上本地克隆它
3. 创建一个gh-pages分支(如果已经存在,将其删除并根据其创建一个新分支master).
4. 将分支推回GitHub.
5. 查看` 的页面http://username.github.io/repo

在代码中:

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

Answer 3

您可以使用RawGit:https://rawgit.com/necolas/css3-social-signin-buttons/master/index.html

它比http://htmlpreview.github.com/更好(在撰写本文时),提供具有适当Content-Type标头的文件.此外,它还提供用于生产的CDN URL.

Answer 4

使用github页面真的很容易,第一次使用它时有点奇怪.Sorta就像你第一次在学习编织时玩弄3只小猫一样.(好吧,这不是那么糟糕)

你需要一个gh-pages分支:

基本上github.com寻找存储库的gh-pages 分支.它将所有在此处找到的HTML页面作为普通HTML直接提供给浏览器.

我如何获得这个gh-pages分支？

简单.只需创建一个名为gh-branches的github repo分支.在创建此分支时指定--orphan,因为您实际上并不想将此分支合并回github分支,您只需要一个包含HTML资源的分支.

$ git checkout --orphan gh-pages

我的回购中的所有其他垃圾怎么样,它是如何适应它的？

不,你可以继续删除它.现在这样做是安全的,因为你一直在关注并创建了一个孤儿分支,它不能合并回你的主分支并删除所有代码.

我创建了分支,现在是什么？

您需要将此分支推送到github.com,以便他们的自动化可以启动并开始为您托管这些页面.

git push -u origin gh-pages

但是......我的HTML仍未提供!

github需要几分钟时间来索引这些分支并启动所需的基础架构来提供内容.根据github,最多10分钟.

这些步骤由github.com提供

https://help.github.com/articles/creating-project-pages-manually

Answer 5

我阅读了所有评论，并认为GitHub使得普通用户很难创建GitHub页面，直到我访问GitHub主题页面为止，其中明确提到在相关仓库的设置页面下有一个“ GitHub页面”部分，您可以在其中选择选项“对GitHub Pages使用master分支”。和voilà!! ...在https://username.github.io/reponame上签出特定的回购协议

Answer 6

我找到了另一种方法：

1. 如果您还没有点击“Raw”按钮
2. Ctrl+A、Ctrl+C
3. 使用 F12 打开“开发者工具”
4. 在“检查器”中右键单击标签并选择“编辑 HTML”
5. Ctrl+A、Ctrl+V
6. Ctr+回车

在 Firefox 上测试过，但它应该也适用于其他浏览器