自分基準

自分の思ったことを気ままにメモ代わりに書いていこうかと

はてなブロク設定メモ

備忘録としてはてなブロク上ではCSSが編集しにくいので、Dropboxに保存しローカルから編集できるようにしたのでその記録をまとめる。

参考にさせってもらったサイトは以下の3つである。

blog.nakajix.jp

 

moonnote.hateblo.jp

 もう一つは後ほど記入する。

 CSSをDropboxにリンクする

最初に、Dropboxに何でもいいのでCSSファイルを投稿する。

f:id:nisiki_satika:20160402214200p:plain

続いてファイルの右側の[共有]をクリックしCSSのリンクを取得する。

f:id:nisiki_satika:20160402214852p:plain

[ファイルへのリンク]がCSSのURLだがこのリンクではDropbox上でファイルが開いてしまい、いくら編集してもCSSの設定が反映されない。

f:id:nisiki_satika:20160402215619p:plain

 

そこでこのサイトを参考にさせってもらった。

ameblo.jp

 

CSSのリンクであるhttps://www.dropbox.com/s/gi1z4hpy34lm2m2/hatena.css?dl=0

www.dropbox.comを→dl.dropboxusercontent.comに変更し、最後の?dl=0をけした。

 すると直接ファイルが開けるようになる。

f:id:nisiki_satika:20160402215819p:plain

 

そしてこのリンクを[ダッシュボード]の[設定]→[詳細設定]→[検索エンジン最適化]の

[headに要素を追加]に<link rel="stylesheet" href="https://dl.dropboxusercontent.com/s/gi1z4hpy34lm2m2/hatena.css">

として貼る。

これでローカルでCSSを変更してもDropboxへ共有さえしておけばリアルタイムでCSSの設定を反映できるし、ソフトウエアなどで編集もしやすくなった。