Ссылочный файл GitHub в jsFiddle - PullRequest
65 голосов
/ 23 марта 2012

Есть ли возможность злоупотреблять захватом файлов из репозитория github в качестве внешних ресурсов в jsFiddle?

Ответы [ 5 ]

101 голосов
/ 03 июля 2014

TLDR; Посетите rawgit.com , который загрузит ваши файлы в CDN прямо из GitHub, чтобы вы могли их использовать.

К сожалению, ни один из ответов здесь не работал для меня. URL-адрес rawgithub не работает, поскольку в соединении отказано. Итак, вот полное решение, которое сработало. Во-первых, в GitHub вам нужно нажать кнопку Raw, чтобы получить исходный код JavaScript.

enter image description here

Затем скопируйте URL-адрес со страницы, на которой он находится. Вы заметите, если попытаетесь использовать это напрямую, вы получите предупреждение от JSFiddle.

enter image description here

Более того, браузер выдаст вам ошибку, например ::1010 *

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 . Это даст вам URL в формате https://rawgit.com/nnnick/Chart.js/master/Chart.min.js, который вы затем сможете использовать.

Я попробовал и проверил это, и, кажется, работает без проблем

22 голосов
/ 10 января 2014

Это обновленный ответ, так как URL-адреса немного изменились для Github ... Я столкнулся с этой проблемой и выяснил это на сегодняшний день. Надеюсь, это поможет людям найти этот пост в последнее время. Пример темы Bootstrap Slate из Bootswatch:

  1. Необработанный URL-адрес файла: https://raw2.github.com/thomaspark/bootswatch/gh-pages/slate/bootstrap.css

  2. Удалить 2. после raw: https://rawgithub.com/thomaspark/bootswatch/gh-pages/slate/bootstrap.css

Вот и все! : D

1 голос
/ 18 марта 2015

Если в следующей структуре папок есть 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
...

Может быть, вы заметили ссылку и в ссылке скрипты.Если fiddle с чистым js, имя библиотеки должно быть «library», а версия должна быть «pure»

В двух словах, ссылка fiddle на reffer to github должна иметь следующий формат

http://jsfiddle.net/gh/get/<library name>/<version>/<github user name>/<repo name>/tree/<branchname>/<folder name>/
1 голос
/ 30 сентября 2013

Другая возможность - добавить библиотеку Git в cdnJS Script Repository (они пишут, что любая библиотека, которая пользуется резонансной популярностью на GitHub, будет принята), а затем использовать ее как внешний ресурс.1004 * Только что выяснил: на http://jsdb.io/ есть множество библиотек Javascript, и очень легко добавлять туда новые - мне нужно просто ввести URL-адрес хранилища Github.

0 голосов
/ 21 ноября 2018

В настоящее время JSDelivr кажется лучшим вариантом.

...