Bloggerでhighlight.jsを利用する

Bloggerでhighlight.jsを利用する方法のメモ
「テンプレート」の「HTMLの編集」で<head>~</head>の最後に下記を設定する
等幅フォント、折り返ししない設定も追加する

<head>
    <link href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.1.0/styles/default.min.css" rel="stylesheet"></link>
    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.1.0/highlight.min.js">
    <style type='text/css'>.hljs{font-family:Consolas, Courier, Monaco, monospace; word-wrap:normal;</style>
    <script>hljs.initHighlightingOnLoad();</script>
</head>

スタイルシートはLive Demoを見て選択する

ガジェットでの追加ではタグがあるためか反映されない