jsFiddle에서 GitHub 파일 참조

jsFiddle에서 GitHub 파일 참조

---

jsFiddle의 외부 리소스로 github 저장소의 파일 가져 오기 를 오용 할 가능성이 있습니까?

---

Github의 URL이 약간 변경되었으므로 이것은 업데이트 된 답변입니다 ...이 문제에 직면하여 현재에 대해 알아 냈습니다. 사람들이 최근에이 게시물을 찾는 데 도움이되기를 바랍니다. Bootswatch의 Bootstrap Slate 테마 예 :

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

그게 다야! :디

---

TLDR; rawgit.com 을 방문 하면 파일을 사용할 수 있도록 GitHub에서 바로 CDN에 파일이 표시됩니다.

불행히도 여기에 대한 답변 중 어느 것도 나를 위해 일하지 않았습니다. rawgithub연결이 거부됩니다으로 URL은 작동하지 않았다. 그래서 여기에 효과가 있었던 완전한 솔루션이 있습니다. 먼저 GitHub에서 Raw버튼을 클릭 하여 원본 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이 제공됩니다 .

나는 이것을 시도하고 테스트했으며 문제없이 잘 작동하는 것 같습니다.

---

또 다른 가능성은 Git 라이브러리를 cdnJS Script Repository 에 추가 한 다음 (GitHub에서 인기있는 모든 라이브러리가 허용 될 것이라고 작성 함) 외부 리소스로 사용하는 것입니다.

방금 알게 된 사실 : http://jsdb.io/ 에는 많은 Javascript 라이브러리가 있으며 거기에 새 라이브러리 를 추가하는 것은 매우 쉽습니다. Github 저장소의 URL을 입력하기 만하면됩니다.

---

다음 폴더 구조에 git repo가있는 경우

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>/

---

요즘 JSDelivr 이 최선의 선택 인 것 같습니다.

참고 URL : https://stackoverflow.com/questions/9841026/reference-github-file-in-jsfiddle