web-dev-qa-db-ja.com

jsFiddleのGitHubファイルを参照する

する可能性はありますか 誤用 githubリポジトリからjsFiddleの外部リソースとしてファイルを取得しますか？

githubjsfiddle
68
kaiser

GithubのURLがわずかに変更されたため、これは更新された回答です...この問題に遭遇し、今日のためにそれを理解しました。うまくいけば、これが最近この投稿を見つけるのに役立つでしょう。 Bootstrap Bootswatchのスレートテーマの例：

  1. 生ファイルのURL： https://raw2.github.com/thomaspark/bootswatch/gh-pages/slate/bootstrap.css

  2. rawの後の2.を削除します。 https://rawgithub.com/thomaspark/bootswatch/gh-pages/slate/bootstrap.css

それでおしまい！ ：D

22
jaminroe

TLDR;アクセスrawgit.com GitHubから直接CDNにファイルをポップして、使用できるようにします。

残念ながら、ここでの答えはどれもうまくいきませんでした。接続が拒否されるため、rawgithub URLは機能していないようです。ですので、うまくいった完全な解決策があります。まず、GitHubでRawボタンをクリックして、元のJavaScriptを取得する必要があります。

enter image description here

次に、アクセスするページからURLをコピーします。これを直接使用しようとすると、JSFiddleから警告が表示されます。

enter image description here

さらに重要なのは、ブラウザがエラーを表示することです。例：

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が提供され、使用できるようになります。

私はこれを試してテストしましたが、問題なく正常に動作するようです

101
Ian

以下のフォルダー構造に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

これら3つのファイル以外は無視されます。詳細ファイルは、次のように外部リソース（存在する場合）のフィドルの詳細とリンクを保持する必要があります

---
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>/
1
Angshu Guha

もう1つの可能性は、Gitライブラリを cdnJS Script Repository に追加し（GitHubで非常に人気のあるライブラリはすべて受け入れられると書いてあります）、それを外部リソースとして使用します。

見つけたばかりです： http://jsdb.io/ にはたくさんのJavaScriptライブラリがあり、そこに新しいライブラリを追加するのは非常に簡単です-GithubリポジトリのURLを入力するだけです。

1
user2314737

今日 JSDelivr が最良のオプションのようです。

0
peterhil