GoogleドライブでCSSやJavaScriptファイルをホスティングする

ブログでJavaScriptを使いたいと思ったんだけど、はてなブログは、CSSファイル(*.css)やJavaScriptファイル(*.js)のアップロードには対応していないようだ。
外部ファイルを使うなら、どこか別の場所にホスティングしなければいけない。
適当な所がないかなと思っていたら、Googleドライブでできるようなので、試してみた。

以下手順。

1. Googleドライブを開く

2. [作成]ボタンから、新しいフォルダを作る

3. フォルダを右クリックして、[共有...]→[共有...]をクリック

4. [共有設定]画面が開くので、[アクセスできるユーザー]の[変更...]をクリック

5. [ウェブ上で一般公開]を選択して保存

6. フォルダをクリックして開く

7. フォルダ内にファイル(*.jsや*.css)をアップロードする

[↑]ボタンの[ファイル...]をクリック。（ブラウザ上にファイルをドロップしてもよい。）

8. アップロードしたファイルを右クリックして、[開く]→[Googleドライブビューア]をクリック

9. 開いたページのURLの赤い部分をコピーする。

https://docs.google.com/file/d/{ここの文字列をコピー}/edit

10. ファイルのURLを作成する

https://googledrive.com/host/{ここに文字列を貼り付け}

これがファイルのURLとなるので、ブログ記事からリンクするなり、デザインのカスタマイズで貼り付けたりして使う。

CSSやJSに限らず、他のファイルでも使えるので、いろいろ役立ちそうだ。
ただし、自分のGoogleのアカウント名が他の人にわかってしまうのが欠点といえば欠点。

追記

手順8-10はもっと簡単な方法があった。
アップロードしたファイルにチェックを入れると、右側に[詳細]タブが出てくる。
詳細タブの下の方に、ホスティング という項目があり、ここにファイルのURLが記載されている。