waitingmoon https://blog.hatena.ne.jp/waitingmoon/ MoonNote https://moonnote.hateblo.jp/ ブログカスタマイズ はてなブログ はてなブログに標準で実装されているシンタックス・ハイライト（ソースコードの色分け機能）のビビットな配色を、ブログの雰囲気に合わせてもっと落ち着いた色に変えたくなったんだけど…。 色を変えるには、要素をくくる class 付きの span の color を変更するだけで良いのです。ただ、ソースコードの装飾は”赤・緑・青など様々な色を使って配色し分かりやすくする”のが大原則。 モノトーンな配色しかできない自分にはハードルが高い。 そこで、はてなブログに標準で実装されているシンタックス・ハイライトの使用を止め、jQuery で動作する Hightlight.js を使うことにしました。ページの読み… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fmoonnote.hateblo.jp%2Fentry%2F2015%2F05%2F02%2F230900" title="はてなブログで「Highlight.js」を使う - MoonNote" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> http://cdn.mogile.archive.st-hatena.com/v1/image/waitingmoon/297797171698005738.png Hatena Blog https://hatena.blog 2015-05-02 23:09:00 rich https://moonnote.hateblo.jp/entry/2015/05/02/230900 1.0 100%