はてなブロク設定メモ
備忘録としてはてなブロク上ではCSSが編集しにくいので、Dropboxに保存しローカルから編集できるようにしたのでその記録をまとめる。
参考にさせってもらったサイトは以下の3つである。
もう一つは後ほど記入する。
CSSをDropboxにリンクする
最初に、Dropboxに何でもいいのでCSSファイルを投稿する。
続いてファイルの右側の[共有]をクリックしCSSのリンクを取得する。
[ファイルへのリンク]がCSSのURLだがこのリンクではDropbox上でファイルが開いてしまい、いくら編集してもCSSの設定が反映されない。
そこでこのサイトを参考にさせってもらった。(※リンク切れ)
CSSのリンクであるhttps://www.dropbox.com/s/gi1z4hpy34lm2m2/hatena.css?dl=0の
www.dropbox.comを→dl.dropboxusercontent.comに変更し、最後の?dl=0をけした。
すると直接ファイルが開けるようになる。
そしてこのリンクを[ダッシュボード]の[設定]→[詳細設定]→[検索エンジン最適化]の
[headに要素を追加]に<link rel="stylesheet" href="https://dl.dropboxusercontent.com/s/gi1z4hpy34lm2m2/hatena.css">
として貼る。
これでローカルでCSSを変更してもDropboxへ共有さえしておけばリアルタイムでCSSの設定を反映できるし、ソフトウエアなどで編集もしやすくなった。