Blogger：コードの貼りつけ方（google-code-prettify）

Syntax Highlighterが動作しなくなったので、google-code-prettifyに乗り換えた。

① Blogger管理画面>テーマ>ﾞ…（縦）>HTMLを編集
② </head>の前に以下のコードを貼りつける

<script src="https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js"></script>

以下の手順でカスタマイズ
③ Blogger管理画面>テーマ>カスタマイズ
④ 上級者向け>CSSを追加
⑤ 以下のコードを貼りつける

.prettyprint ol{
  white-space: pre-wrap; /* 折り返し  */
  font-family: Arial,sans-serif;
}
.prettyprint ol.linenums > li {
  background-color: #DFD;
  list-style-type: decimal;
  border-left: 2px #77C solid;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 1rem;
}

⑥ <pre class="prettyprint linenums">～</pre>の～の部分にエスケープ文字を変換したコードを貼りつける。

参考：
Google Code-Prettify

以上