Blogger 画像以外のファイルを保管する方法

TOCのプラグインをGIthubからダウンロードして、動的なテーブルコンテンツを記事の先頭に設置しようとしたんだが、ダウンロードした外部のJSファイルとCSSファイルの置き場所に悩んだ。のでとりあえず備忘録としてメモしたいと思う。 どこにファイルを保存するかというとGoogleアプリケーションの一つGoogleサイト。ここで保存できる素材は画像だけでなく様々な拡張子を持ったファイルに対応していてbloggerのカスタマイズに一役
買いそうだ。ちなみにgoogleサイトのファイル設置場所のURLをbloggerのテンプレートhtmlに埋め込んでjqueryプラグインが稼働するか確かめてみたが問題なく動いた。


Google サイトに登録する


上記がGoogleサイトのトップページ。右上の青いボタンをクリックしてGoogleサイトに登録する。Googleのアプリケーションは基本的に一つのアカウントで全てのアプリケーションが利用できるため、あらかじめアカウントを登録していると便利。Blogger使っている人は問題ないだろう。

 ここでサイトの名前や必要事項を記入して作成ボタンをクリックする。基本的に今回はファイルの設置場所としての利用のため、空のテンプレートを選択し、テーマの選択やその他のオプションの設定を省いた。 本格的にGoogleサイトを利用する人は利用目的に合わせてメニューを選ぶ。ちなみにオーソドックスなサイト名は既に使用者がいて使えない。頭をひねって自分のサイトの名前を考えなければならない。

ページを作成しファイルキャビネットを開く


矢印の部分から新しいページを作成し、ページ名と使用するテンプレートを選択する。
使用するテンプレートは"ファイルキャビネット"を選択し、"作成"ボタンをクリックする。すると作成した自分のサイトのトップページの横にナビゲーションが現れる。

ファイルの追加を選択して、必要なファイルを取り込む。ちなみにBloggerテンプレートのhtmlにリンクタグやスクリプトタグのソースに挿入する場合はそのページのURLとファイル名をコピーする。