技術系のブログを書くときは、ソースコードの貼付けってしますよね? その時にタイトルというか、ファイル名みたいなの付けたいんです。はてなブログで。 こんな感じ puts 'nomisugita.' hatena.rb というファイル名が表示されています。 Markdown記法ならバッククォート3つの後に ruby:hatena.rb とかで出来るけど、はてなブログは対応していないっぽい。 てことで、はてなブログ用にデザインCSSを作りました! [デザイン] -> [カスタマイズ] -> [デザインCSS] に下記を追加で貼り付ければ使用できます。 /* ソースコードの囲み */ pre.code { margin-bottom: 1.5em; padding: 1em; background: #333; color: #eee; position: relative; border-rad