読者です 読者をやめる 読者になる 読者になる

hatenaのcssをCDN(raw.git)から読み込む

hatena blogのCSSは、github上で管理していますが、
直接raw.githubのファイルをcssでimportすることはできません。
githubにpushした時点でhatena blog上に反映するようにしてみました。

raw.github のファイルをimportすると

Content-Type がtext/plainとなってしまいます。
f:id:rochefort:20160305212654j:plain

rawgit を使う

RawGit というgithubのファイルに適切なheaderを付与してhostingしてくれるという
なんとも素敵なCDNがありました。

RawGitで適切なURLを入力し、表示されるURLをimportすればok。
hatenaのcss上以下のようにすればokです。

@import "https://cdn.rawgit.com/rochefort/hatena-blog-theme-komforta/master/komforta.css"

正しいContent-Typeが設定されます。
f:id:rochefort:20160305212705j:plain