在jsFiddle中引用GitHub文件

是否有可能误用从github回购抓斗文件作为jsFiddle的外部资源?

这是一个更新的答案,因为Github的url已经发生了轻微的变化……我遇到了这个问题,并计算出了今天。 希望这可以帮助人们最近find这个职位。 来自Bootswatch的Bootstrap Slate主题示例:

  1. 原始文件url: https : //raw2.github.com/thomaspark/bootswatch/gh-pages/slate/bootstrap.css

  2. 删除后生2. https://rawgithub.com/thomaspark/bootswatch/gh-pages/slate/bootstrap.css

而已! :d

TLDR; 请访问rawgit.com ,它将直接从GitHub上将您的文件从CDN上popup,以便您可以使用它们。

不幸的是,这里的答案都没有为我工作。 连接被拒绝, rawgithub URL似乎不起作用。 所以这里有一个完整的解决scheme,工作。 首先在GitHub中,你需要点击Rawbutton来获得原始的JavaScript。

在这里输入图像说明

然后复制它所需的页面中的URL。 你会注意到,如果你尝试直接使用它,你会从JSFiddle中得到一个警告。

在这里输入图像说明

更重要的是浏览器会给你一个错误,例如:

Refused to execute script from https://raw.githubusercontent.com/nnnick/Chart.js/master/Chart.min.js' because its MIME type ('text/plain') is not executable, and strict MIME type checking is enabled.

采取该url,并访问rawgit.com 。 这会给你一个格式为https://rawgit.com/nnnick/Chart.js/master/Chart.min.js的URL,然后你可以使用它。

我已经尝试过,testing它,似乎没有问题正常工作

另一种可能性是将Git库添加到cdnJS Script Repository (他们写道,任何在GitHub上stream行的库都将被接受),然后将其用作外部资源。

刚刚发现:在http://jsdb.io/有很多Javascript库,并且很容易在那里添加新的; – 我只是input一个Github仓库的URL。

如果有以下文件夹结构中的git回购

fiddletest / test1(fiddletest是回购名称,test1是一个文件夹)

那么相应的jsfiddle链接将会是

 http://jsfiddle.net/gh/get/<library name>/<version>/<github user name>/fiddletest/tree/master/test1/ 

文件夹和文件结构必须是这样的

 fiddletest(the repo name) |____ test1 |____ demo.html |____ demo.js |____ demo.css |____ demo.details 

除了这三个文件外其他都将被忽略。 细节文件应该包含外部资源(如果有)的小提琴细节和链接如下

 --- name: test fiddle repo description: this is a test repo resources: - http://abc.xyz.com/abc.js - http://abc.xyz.com/abc2.js ... 

可能是你已经注意到和在小提琴链接。 如果一个小提琴与纯js的库名称应该是“图书馆”和版本应该是“纯”

简而言之,反馈给github的小提琴链接应该采用以下格式

 http://jsfiddle.net/gh/get/<library name>/<version>/<github user name>/<repo name>/tree/<branchname>/<folder name>/