pblog

pplog.net を作っている @ppworks こと越川直人(Koshikawa Naoto)のブログ。文体は日によって違う。esa LLCで働いてます(\\( ⁰⊖⁰)/)

はてなブログのCSSをgist管理する

まず、管理画面にあるデザインのCSSを

次に、gistにコピペする。

そんで、rawのURLをコピー。

f:id:naoto5959:20180829081934p:plain

RawGitにペーストして、CDNのURLを取得する。

最後に、管理画面のデザインCSSに以下のような感じで@import url(rawgitのURL);を貼る。

@import url(https://cdn.rawgit.com/ppworks/f0b51dccf84f2756d033037dbe3f0362/raw/ca5de2900c703e9a904a2c4cdc475a2424b0df0c/ppworks-hatenablog-jp.css);

なお、gist の raw URL のままだと、Content-typeの問題で外部CSSとして読み込めないので注意。raw/の後ろの文字列を消すとHEADへのリンクになるので、本当は自前でCDN用意して、更新時にinvalidateしてやるのがいいかも。

更新時には、「rawのURLをコピー。」から繰り返さないといけないので、管理画面のデザインCSSでカスケードしながら試すなりする必要はあってだるい。もしかしたら、はてなブログのAPIとかでなんとかなるだろうか。気が向いたら調べる。