451

http://github.com上,开发者保留项目的 HTML、CSS、JavaScript 和图像文件。如何在浏览器中查看 HTML 输出?

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

当我打开它时,它不会显示作者代码的呈现 HTML。它将页面显示为源代码。

是否可以直接将其视为呈现的 HTML?否则我总是需要下载整个 ZIP 才能看到结果。

4

10 回答 10

558

在 GitHub 上预览 HTML 文件最舒适的方法是转到https://htmlpreview.github.io/或将其添加到原始 URL 之前,即:https ://htmlpreview.github.io/?https:// github.com/bartaz/impress.js/blob/master/index.html

于 2012-09-02T05:37:29.260 回答
97

如果您不想下载存档,可以使用GitHub Pages来呈现它。

  1. 将存储库分叉到您的帐户。
  2. 在您的机器上本地克隆它
  3. 创建一个gh-pages分支(如果已经存在,将其删除并基于 off 创建一个新分支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
于 2011-12-09T13:48:07.927 回答
69

RawGit 的创建者和所有者在https://rawgit.com上的消息:

RawGit 已达到其使用寿命 2018 年 10 月 8 日 RawGit 现在处于日落阶段,即将关闭。这是一个有趣的五年,但一切都必须结束。

上个月通过 RawGit 提供内容的 GitHub 存储库将继续提供服务,直到至少 2019 年 10 月。不再提供其他存储库的 URL。

如果您目前正在使用 RawGit,请尽快停止使用。

当我尝试使用它时,我得到了:

403 禁止

RawGit 将很快关闭,不再提供新的存储库。>> 请访问https://rawgit.com了解更多详情。

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

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

于 2015-01-16T15:08:23.157 回答
44

用github pages做起来真的很容易,只是第一次做有点奇怪。有点像你第一次在学习编织的同时必须玩弄 3 只小猫。(好吧,没那么糟糕)

你需要一个 gh-pages 分支:

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

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

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

$ git checkout --orphan gh-pages

我的 repo 中的所有其他垃圾呢,它如何适应它?

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

我已经创建了分支,现在呢?

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

git push -u origin gh-pages

但是.. 我的 HTML 仍然没有被提供!

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

github.com 列出的步骤

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

于 2014-02-09T09:13:44.960 回答
18

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

截图支持我的回答

于 2018-06-16T15:48:44.547 回答
1

此外,如果您使用 Tampermonkey,您可以添加一个脚本,将preview with http://htmlpreview.github.com/按钮添加到“原始”、“责备”和“历史”按钮旁边的操作菜单中。

像这样的脚本: https ://gist.github.com/vanyakosmos/83ba165b288af32cf85e2cac8f02ce6d

于 2017-08-15T19:58:45.680 回答
1

如果你已经配置了GitHub Pages,你可以得到你的公共 url,如下所示:

https://<username>.github.io/<repository>/index.html

其中<username>&<repository>将分别是用户名和回购名称的占位符

所以,结果将是这样的:http: //necolas.github.io/css3-social-signin-buttons/index.html

于 2021-04-07T20:01:47.410 回答
0

这不是一个直接的答案,但我认为这是一个非常不错的选择。

http://www.s3auth.com/

它允许您在基本身份验证之后托管您的页面。非常适合您的私人 github 存储库中的 api 文档之类的东西。只需在您的 api 构建中添加一个 s3 即可。

于 2012-09-23T01:40:05.240 回答
0

我找到了另一种方法:

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

在 Firefox 上测试,但它也应该在其他浏览器中工作

于 2020-11-16T23:01:50.627 回答
-3

您只需打开 Github Pages。^_^

单击“设置”,然后转到“GitHub Pages”,然后单击“源”下的下拉菜单,然后选择要公开的分支(主 html 文件所在的位置)aaa 和 vualaa。^_^

于 2019-04-20T17:46:12.197 回答