はてなブログからGitHubに置いたJavaScriptを読みに行く

はじめに

前回、インラインでJavaScriptを記述した。

www.atsmrkw.com

今度はスクリプトを外部(GitHub)に置いて読みに行く方法を試す。

やり方

こちらを参考にさせていただいた。

neos21.hatenablog.com

1. GitHubにスクリプトを置いておく

2. リポジトリのSettingsから、GitHub Pagesとして使用するブランチを選択する

   

   Settingsをクリック

   

   Sourceに使用するブランチを選択する。自分の場合は「master branch」

3. 反映されるまでちょっとだけ待つ

4. スクリプトのURL(表示されているURLにスクリプトのファイルパスを続けたもの)を覚えておく

   

   表示されるURLに続けてファイルパスを入れると指定されたファイルが見られる

5. 下記のようなコードを記事欄に書く。SCRIPT_URLはさっき覚えておいたURLに置き換える

<script src="SCRIPT_URL"></script>

スキームの記述を省略するのが良いという記載も見かけたが、https推奨かなと思う。自分の場合は以下

<script src="https://atsmrkw.github.io/js-training-today/today.js"></script>

jsファイルは前回と同じでこれだけ

var today = new Date();
document.write((today.getMonth() + 1) + "/" + today.getDate() + "/" + today.getFullYear());

結果↓。ちゃんと日付が表示された