web-dev-qa-db-ja.com

GitHubのJavaScriptファイルをHTMLページに含める

注意を払う！

Githubから直接Githubスクリプトを含めることはできませんの後に this change があります。

ホットリンクに対抗する最初のステップとして、2011年に未加工のURL応答にX-Content-Type-Options: nosniffヘッダーを追加しました。これには、ブラウザにContent-Typeヘッダーに従ってコンテンツを処理させるという効果があります。つまり、ファイルの生のビューにContent-Type: text/plainを設定すると、ブラウザはそのファイルをJavaScriptまたはCSSとして扱うことを拒否します。

しかし、代替手段があります。 チェック この質問に対する私の答え。

GitHubのJavaScriptファイルをテスト用のローカルHTMLファイルに含めようとしています（インターネットで見つかった画像：<img src="http://...">など）。

私はこのようなものが欲しいです：

<script src="https://github.com/[username]/[repository]/blob/master/public/[fileName].js"></script>

問題は、これが機能しないことです。

これどうやってするの？

javascriptgithub
47
Ionică Bizău

次のようなURLを使用して実行できます。

https://rawgit.com/h5bp/html5-boilerplate/master/src/js/plugins.js

これは、GitHub内の「raw」ボタンをクリックするのと同じではないことに注意してください。そのボタンはファイルのクリーンバージョンも提供しますが、間違ったヘッダーで送信されます。

警告の言葉。ファイルはGitHubから提供されていません。 rawgit.comドメインを介してリダイレクトされています。 https://rawgit.com に記載されているとおり：

おい！ rawgit.comはただの楽しみのためであり、GitHubとは一切関係ありません。

そのドメインの所有者は現在、トラフィックを制御しており、必要に応じてトラフィックを操作できることに注意してください。

実稼働環境でこのURLを使用します。

https://cdn.rawgit.com/user/repo/tag/file
51
Lix

これは動作するはずです：

<script src="https://raw.github.com/[username]/[repository]/[branch]/[filename].js"></script>

Githubで必要なアドレスにリダイレクトする方法は次のとおりです。

enter image description here

5
CoffeeCode

これはgithubの最近の変更でも機能します：

<script>
  $.getScript("https://raw.github.com/username/repo/master/src/script.js");
</script>

PS。 jQueryが必要です。

3
Alex

rawgitは2019年末までにシャットダウンするようです。

適切なContent-Typeヘッダーを使用してコンテンツを配信するためのいくつかのオプション。

  1. https://raw.githack.com/ 、 https：//combinatronics.com= >正確な代替ですが、クライアント側のJavaScriptからの取得には使用できませんここで有効にします。
  2. jsdelivr => javascriptファイルの配信用
1
Shishir Arora

リポジトリのGitHubページを有効にした後、次のリンクを使用します。

<script src="https://[username].github.io/[repository]/[filename].js"></script>
0
Chintan Patel

次のようなものを試してください：

<html>
<head>
    <script src="https://raw.github.com/e0ne/BlogSamples/master/ModalDialog/AdvancedPopup/jquery.min.js"></script>
</head>

それは私のために働いています

0
Ivan Kolodyazhny

ホスト[〜＃〜] css [〜＃〜]、[〜＃〜] html [ 〜＃〜]および[〜＃〜] js [〜＃〜]ファイル（GITHUBページ

Githubリポジトリの設定をクリックし、このタブでGitHubページまでスクロールダウンして、ドロップダウンで選択します

その後、あなたは今ライブにアクセスできます

これは、text/plain MIMEタイプを返すrawです

https://raw.githubusercontent.com/bdalina54/bdalina54.github.io/master/assets/js/terebra/acrior.js

<script src="https://raw.githubusercontent.com/bdalina54/bdalina54.github.io/master/assets/js/terebra/acrior.js"></script>

そして、これはライブバージョンです

https://bdalina54.github.io/assets/js/terebra/acrior.js

<script src="https://bdalina54.github.io/assets/js/terebra/acrior.js"></script>

私のスクリーンショットを確認してください

https://prnt.sc/obbrpn

https://prnt.sc/obbt69

https://prnt.sc/obbskb

0
bdalina