我可以直接从GitHub运行HTML文件，而不仅仅是查看它们的源代码吗?

如果我在GitHub存储库中有一个。html文件，例如运行一组JavaScript测试，有什么方法可以直接查看该页面，从而运行测试?

例如，我是否可以看到jQuery测试套件生成的测试结果，而不需要下载或将repo复制到本地驱动器并在那里运行?

我知道这基本上会把GitHub放在静态内容托管业务中，但话又说回来，他们只需要改变他们的mime类型从文本/纯文本/html。

当前回答

您可能需要使用raw.githack.com。它支持GitHub, Bitbucket, Gitlab和GitHub专家。

GitHub

之前:

存储库]/ [https://raw.githubusercontent.com/[用户]/[第]/ [filename .分机]

在你的例子中。html扩展名

后:

开发(压制)

存储库]/ [https://raw.githack.com/[用户]/[第]/ [filename .分机]

生产(CDN)

存储库]/ [https://rawcdn.githack.com/[用户]/[第]/ [filename .分机]

在你的例子中。html扩展名

Raw.githack.com还支持其他服务:

Bitbucket都

之前:

存储库]/ - https://bitbucket.org/[用户]/[[第]/ [filename .分机]

后:

开发(压制)

存储库]/ - https://bb.githack.com/[用户]/[[第]/ [filename .分机]

生产(CDN)

存储库]/ - https://bbcdn.githack.com/[用户]/[[第]/ [filename .分机]

GitLab

之前:

存储库]/ - https://gitlab.com/[用户]/[[第]/ [filename .分机]

后:

开发(压制)

存储库]/ - https://gl.githack.com/[用户]/[[第]/ [filename .分机]

生产(CDN)

存储库]/ - https://glcdn.githack.com/[用户]/[[第]/ [filename .分机]

GitHub依据

之前:

raw https://gist.githubusercontent.com/[用户]/ [gist] / [revision] / [filename。请拨分机)。

后:

开发(压制)

raw https://gist.githack.com/[用户]/ [gist] / [revision] / [filename。请拨分机)。

生产(CDN)

raw https://gistcdn.githack.com/[用户]/ [gist] / [revision] / [filename。请拨分机)。

更新:rawgit已经停产

2013-06-18 22:35:13

其他回答

我的项目Ratio.js也遇到了同样的问题，下面是我所做的。

问题: Github.com通过将内容类型/MIME设置为纯文本来防止文件在查看源代码时呈现/执行。

解决方案: 使用网页导入文件。

例子:

使用jsfiddle.net或jsbin.com在线创建一个网页，然后保存它。在Github.com中导航到您的文件，并单击“raw”按钮以获得文件的直接链接。从那里，使用适当的标记和属性导入文件。

<!DOCTYPE>
<html>
    <head>
        <link rel="stylesheet" href="http://code.jquery.com/qunit/git/qunit.css" type="text/css" media="screen" />
    </head>
    <body>
        <h1 id="qunit-header">QUnit example</h1>
        <h2 id="qunit-banner"></h2>
        <div id="qunit-testrunner-toolbar"></div>
        <h2 id="qunit-userAgent"></h2>
        <ol id="qunit-tests"></ol>
        <div id="qunit-fixture">test markup, will be hidden</div>
        <script src="http://code.jquery.com/jquery-latest.js"></script>
        <script type="text/javascript" src="http://code.jquery.com/qunit/git/qunit.js"></script>  
        <script type="text/javascript" src="https://raw.github.com/LarryBattle/Ratio.js/master/src/Ratio.js"></script>  
        <script type="text/javascript" src="https://raw.github.com/LarryBattle/Ratio.js/master/tests/js/Ratio-testcases.js"></script>  
    </body>
</html>

现场演示: http://jsfiddle.net/jKu4q/2/

注意:对于jsfiddle.net，您可以通过在url末尾添加show来直接访问结果页面。像这样:http://jsfiddle.net/jKu4q/2/show

还是……你可以创建一个项目页面，并从那里渲染你的HTML文件。您可以在http://pages.github.com/上创建一个项目页面。

创建完成后，您可以通过http://*accountName*.github.com/*projectName*/访问该链接例如:http://larrybattle.github.com/Ratio.js/

2012-06-12 16:46:58

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

在chrome浏览器中添加“修改内容类型选项”扩展。在浏览器中打开“chrome-extension:// jnfbopfpaoeojgieggflbpcblhfhka /options.html”url。为原始文件url添加规则。例如: URL过滤器:https:///raw/master//fileName.html 原始类型:文本/纯替换类型:text/html 打开您在规则(步骤3)中添加url的文件浏览器。

2015-10-28 07:06:41

你可以分支gh-pages来运行你的代码或尝试这个扩展(Chrome, Firefox): https://github.com/ryt/githtml

如果你需要的是测试，你可以将JS文件嵌入到: http://jsperf.com/

2012-07-13 08:47:08

如果你在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配置的支持即将到来!

2018-06-23 21:50:29

有一个叫做GitHub HTML预览的新工具，它完全可以满足你的需要。只需要在http://htmlpreview.github.io/前加上一个前缀?到任何HTML文件的URL，例如http://htmlpreview.github.io/?https://github.com/twbs/bootstrap/blob/gh-pages/2.3.2/index.html

注意:这个工具实际上是一个github。IO页面，不属于github作为一个公司。

2012-09-03 18:40:55

我可以直接从GitHub运行HTML文件，而不仅仅是查看它们的源代码吗?

推荐文章

最新文章

标签