如果我.html在GitHub存储库中有一个文件（例如，用于运行一组JavaScript测试），我是否可以通过任何方式直接查看该页面，从而运行测试？
例如，我是否能以某种方式实际看到jQuery测试套件所产生的测试结果，而无需将存储库下载或克隆到本地驱动器并在其中运行呢？
我知道这基本上会将GitHub置于静态内容托管业务中，但是话又说回来，他们只需要将其mime类型从更改为text/plain即可text/html。
我可以直接从GitHub运行HTML文件，而不仅仅是查看其源代码吗？
第3422篇《我可以直接从GitHub运行HTML文件，而不仅仅是查看其源代码吗？》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点
共9个回答
如果您在github中有一个angular或react项目，则可以使用https://stackblitz.com/在浏览器中在线运行该应用程序。
输入您的Github用户名和存储库名称以在线查看应用程序-stackblitz.com/github/{GITHUB_USERNAME}/{REPO_NAME}
即使没有将Node_Modules上传到Github，这也可以工作
当前支持使用@ angular / cli和create-react-app的项目。对Ionic，Vue和自定义Webpack配置的支持即将推出！
raw.github.com/user/repository 不再存在
要将href链接到github中的源代码，您必须使用github链接到原始源：
raw.githubusercontent.com/user/repository/master/file.extension
例
<html>
...
...
<head>
<script src="https://raw.githubusercontent.com/amiahmadtouseef/tutorialhtmlfive/master/petdecider/script.js"></script>
...
</head>
<body>
...
</html>
此解决方案仅适用于chrome浏览器。我不确定其他浏览器。
- 在Chrome浏览器中添加“修改内容类型选项”扩展名。
- 在浏览器中打开“ chrome-extension：//jnfofbopfpaoeojgieggflbpcblhfhka/options.html” URL。
- 添加原始文件网址的规则。例如：
- 网址过滤器：https：///raw/master//fileName.html
- 原始类型：文字/纯文字
- 替换类型：text / html
- 打开在规则中添加了URL的文件浏览器（在步骤3中）。
有一个名为GitHub HTML Preview的新工具，它可以完全满足您的需求。只需添加http://htmlpreview.github.com/?到任何HTML文件的URL，例如http://htmlpreview.github.com/?https://github.com/twbs/bootstrap/blob/gh-pages/2.3.2/index.html
注意：该工具实际上是github.io页面，与github无关。
这是一个小的Greasemonkey脚本，它将为github上的html页面添加一个CDN按钮。
目标页面的格式为：https : //cdn.rawgit.com/user/repo/master/filename.js
// ==UserScript==
// @name cdn.rawgit.com
// @namespace github.com
// @include https://github.com/*/blob/*.html
// @version 1
// @grant none
// ==/UserScript==
var buttonGroup = $(".meta .actions .button-group");
var raw = buttonGroup.find("#raw-url");
var cdn = raw.clone();
cdn.attr("id", "cdn-url");
cdn.attr("href", "https://cdn.rawgit.com" + cdn.attr("href").replace("/raw/","/") );
cdn.text("CDN");
cdn.insertBefore(raw);
要piggy带@niutech的答案，您可以制作一个非常简单的书签片段。
使用Chrome，尽管它与其他浏览器类似
- 右键点击您的书签栏
- 点击添加文件
- 将其命名为Github HTML
- 对于URL类型
javascript:top.location="http://htmlpreview.github.com/?"+document.URL - 当您在github文件查看页面（不是raw.github.com）上时，单击书签链接，您会很高兴。
您可以分支gh-pages来运行您的代码，也可以尝试以下扩展（Chrome，Firefox）：https : //github.com/ryt/githtml
如果您需要测试，则可以将JS文件嵌入到：http : //jsperf.com/
您可能要使用raw.githack.com。它支持GitHub，Bitbucket，Gitlab和GitHub要点。
的GitHub
之前：
https://raw.githubusercontent.com/[user]/[repository]/[branch]/[filename.ext]
在你的情况下.html扩展
后：
发展（节流）
https://raw.githack.com/[user]/[repository]/[branch]/[filename.ext]
产量（CDN）
https://rawcdn.githack.com/[user]/[repository]/[branch]/[filename.ext]
在你的情况下.html扩展
raw.githack.com还支持其他服务：
比特桶
之前：
https://bitbucket.org/[user]/[repository]/raw/[branch]/[filename.ext]
后：
发展（节流）
https://bb.githack.com/[user]/[repository]/raw/[branch]/[filename.ext]
产量（CDN）
https://bbcdn.githack.com/[user]/[repository]/raw/[branch]/[filename.ext]
亚搏体育app
之前：
https://gitlab.com/[user]/[repository]/raw/[branch]/[filename.ext]
后：
发展（节流）
https://gl.githack.com/[user]/[repository]/raw/[branch]/[filename.ext]
产量（CDN）
https://glcdn.githack.com/[user]/[repository]/raw/[branch]/[filename.ext]
GitHub要点
之前：
https://gist.githubusercontent.com/[user]/[gist]/raw/[revision]/[filename.ext]
后：
发展（节流）
https://gist.githack.com/[user]/[gist]/raw/[revision]/[filename.ext]
产量（CDN）
https://gistcdn.githack.com/[user]/[gist]/raw/[revision]/[filename.ext]
更新：rawgit已停产
相似问题
问题类别
我想在github中编辑html和js并进行预览。我想在github中完成它以立即提交并保存。
尝试了rawgithub.com，但rawgithub.com不是实时的（它的缓存每分钟刷新一次）。
所以我迅速开发了自己的解决方案：
为此的node.js解决方案：https : //github.com/shimondoodkin/rawgithub