it-swarm.com.de

Referenz-GitHub-Datei in jsFiddle

Gibt es eine Möglichkeit dazu? missbrauch Dateien aus einem Github-Repo als externe Ressourcen in jsFiddle holen?

64
kaiser

Dies ist eine aktualisierte Antwort, da sich die URLs für Github leicht geändert haben ... Ich bin auf dieses Problem gestoßen und habe es für den heutigen Tag herausgefunden. Hoffentlich hilft das den Leuten, diesen Beitrag in letzter Zeit zu finden. Beispiel für das Bootstrap Slate-Design von Bootswatch:

  1. Raw-Datei-URL: https://raw2.github.com/thomaspark/bootswatch/gh-pages/slate/bootstrap.css

  2. Entfernen Sie den 2. nach raw: https://rawgithub.com/thomaspark/bootswatch/gh-pages/slate/bootstrap.css

Das ist es! : D

22
jaminroe

TLDR; Besuchen Sie rawgit.com which Fügt Ihre Dateien direkt von GitHub auf eine CDN ein, damit Sie sie verwenden können.

Leider hat keine der Antworten hier für mich funktioniert. Die URL rawgithub schien nicht zu funktionieren, da die Verbindung abgelehnt wurde. Hier ist eine vollständige Lösung, die funktioniert hat. Zunächst müssen Sie in GitHub auf die Schaltfläche Raw klicken, um das ursprüngliche JavaScript zu erhalten.

enter image description here

Kopieren Sie dann die URL von der Seite, die Sie auch aufrufen. Sie werden feststellen, wenn Sie versuchen, dies direkt zu verwenden, erhalten Sie eine Warnung von JSFiddle.

enter image description here

Genauer gesagt, der Browser gibt eine Fehlermeldung aus, z. B .:

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.

Nehmen Sie diese URL und besuchen Sie rawgit.com. Dadurch erhalten Sie eine URL im Format https://rawgit.com/nnnick/Chart.js/master/Chart.min.js, die Sie dann verwenden können.

Ich habe dies ausprobiert und es scheint ohne Probleme zu funktionieren

101
Ian

Wenn in der folgenden Ordnerstruktur ein Git-Repo vorhanden ist

fiddletest/test1 (fiddletest ist der Repo-Name und test1 ist ein Ordner)

dann wird der entsprechende jsfiddle-Link sein

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

Die Ordner- und Dateistruktur muss so sein

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

mit Ausnahme dieser drei Dateien werden andere ignoriert. Die Details-Datei sollte die Geigen-Details und den Link externer Ressourcen (falls vorhanden) wie folgt enthalten

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

Möglicherweise haben Sie das und im Geigen-Link bemerkt. Wenn eine Geige mit pure js ist, sollte der Bibliotheksname "library" sein und die Version sollte "pure" sein.

Kurz gesagt, sollte der Fiddle-Link von github zu folgendem Format passen

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

Eine andere Möglichkeit besteht darin, die Git-Bibliothek zum cdnJS Script Repository hinzuzufügen (sie schreibt, dass jede Bibliothek, die auf GitHub populär ist, akzeptiert wird) und verwendet sie als externe Ressource.

Ich habe gerade herausgefunden: Es gibt viele Javascript-Bibliotheken unter http://jsdb.io/ und es ist sehr einfach, dort neue hinzuzufügen - es ist nur eine Frage der Eingabe der URL eines Github-Repositorys.

1
user2314737

Heute scheint JSDelivr die beste Option zu sein.

0
peterhil