Blogger でのソースコードの表示

Blogger でのソースコードの表示のさせ方

さきのブログでソースコードの表示をしたが，備忘録として，

Bloggerでのソースコードの表示のさせ方を残しておきます．

インターネット上で調べると色々な方法がのっていますが，

Googleのcode-prettifyを使ったものが多くのっていました．（2018年5月現在）

せっかくなので，上のリンク先を読めば意外と簡単にできます．
以下，使うとこだけ引用し訳しています．

・セットアップ
スクリプのタグに以下を追加する

<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script>

・使い方
ソースコードを <pre class="prettyprint">...</pre> か <code class="prettyprint">...</code> の間の...に書けば自動的に処理してくれます．


・スクリプトのタグに以下を追加すれば，行番号が追加されます．

<style>
li.L0, li.L1, li.L2, li.L3,
li.L5, li.L6, li.L7, li.L8 {
  list-style-type: decimal !important;
}
</style>