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

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

有一个叫做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作为一个公司。

我想在github编辑HTML和js，并有一个预览。 我想在github中做它，有即时提交和保存。

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

所以我很快想出了自己的解决方案:

Node.js解决方案:https://github.com/shimondoodkin/rawgithub

您可能需要使用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已经停产

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

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

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