Bloggerでシンタックスハイライト(Prism)

このブログはBloggerを使っているがソースコードを読みやすく表示したくて、色々調べた結果、SyntaxHighlighterが割と有名っぽいのだが、Prismというのが見た目もかっこいいし良さそう。

使い方は、テンプレートからHTMLの編集を選んで、２行追加すればOK。
</head>のすぐ上に

<link href='https://cdnjs.cloudflare.com/ajax/libs/prism/1.4.1/themes/prism.min.css' 
rel='stylesheet'/>

</body>のすぐ上に

<script src='https://cdnjs.cloudflare.com/ajax/libs/prism/1.4.1/prism.min.js'/>

と書くだけ。

本文には

<pre><code class="language-css">p { color: red }</code></pre>

のように書けば良い。cssの部分が言語になるのだが、ハイライトしてくれる言語はこちら。