我可以直接从GitHub运行HTML文件，而不仅仅是查看其源代码吗？

Mandy蛋蛋2020-03-24

如果我.html在GitHub存储库中有一个文件（例如，用于运行一组JavaScript测试），我是否可以通过任何方式直接查看该页面，从而运行测试？

例如，我是否能以某种方式实际看到jQuery测试套件所产生的测试结果，而无需将存储库下载或克隆到本地驱动器并在其中运行呢？

我知道这基本上会将GitHub置于静态内容托管业务中，但是话又说回来，他们只需要将其mime类型从更改为text/plain即可text/html。

理查德小哥2020/03/24 15:09:15

我想在github中编辑html和js并进行预览。我想在github中完成它以立即提交并保存。

尝试了rawgithub.com，但rawgithub.com不是实时的（它的缓存每分钟刷新一次）。

所以我迅速开发了自己的解决方案：

为此的node.js解决方案：https : //github.com/shimondoodkin/rawgithub

老丝阿飞2020/03/24 15:09:15

如果您在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配置的支持即将推出！

JinJin2020/03/24 15:09:15

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>

凯西里2020/03/24 15:09:15

此解决方案仅适用于chrome浏览器。我不确定其他浏览器。

在Chrome浏览器中添加“修改内容类型选项”扩展名。
在浏览器中打开“ chrome-extension：//jnfofbopfpaoeojgieggflbpcblhfhka/options.html” URL。
添加原始文件网址的规则。例如：
- 网址过滤器：https：///raw/master//fileName.html
- 原始类型：文字/纯文字
- 替换类型：text / html
打开在规则中添加了URL的文件浏览器（在步骤3中）。

西里Near2020/03/24 15:09:15

有一个名为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无关。

Stafan2020/03/24 15:09:15

这是一个小的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);

小胖Gil2020/03/24 15:09:15

要piggy带@niutech的答案，您可以制作一个非常简单的书签片段。
使用Chrome，尽管它与其他浏览器类似

右键点击您的书签栏
点击添加文件
将其命名为Github HTML
对于URL类型javascript:top.location="http://htmlpreview.github.com/?"+document.URL
当您在github文件查看页面（不是raw.github.com）上时，单击书签链接，您会很高兴。