在jsFiddle中引用GitHub文件
是否有可能误用从github回购抓斗文件作为jsFiddle的外部资源?
这是一个更新的答案,因为Github的url已经发生了轻微的变化……我遇到了这个问题,并计算出了今天。 希望这可以帮助人们最近find这个职位。 来自Bootswatch的Bootstrap Slate主题示例:
-
原始文件url: https : //raw2.github.com/thomaspark/bootswatch/gh-pages/slate/bootstrap.css
-
删除后生
2.
https://rawgithub.com/thomaspark/bootswatch/gh-pages/slate/bootstrap.css
而已! :d
TLDR; 请访问rawgit.com ,它将直接从GitHub上将您的文件从CDN上popup,以便您可以使用它们。
不幸的是,这里的答案都没有为我工作。 连接被拒绝, rawgithub
URL似乎不起作用。 所以这里有一个完整的解决scheme,工作。 首先在GitHub中,你需要点击Raw
button来获得原始的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>/