トップページの記事画像を CSS だけでアーカイブページ風のサムネイルに変更するカスタマイズ

はてなブログにはいわゆる概要表示（アイキャッチ画像と文章の一部を抜粋してリストで表示する）機能がありません。自分もそうですが、トップページの記事一覧をアーカイブページのようにすっきりと表示させたい！という方は結構多いのではないでしょうか。

JSで無理やりアーカイブページに転送するカスタマイズもあるみたいですが、一手間加えれば転送なし + CSS だけで実装できるので、今回はその方法を紹介したいと思います。