Bloggerでコードを埋め込む

ちょっと横道にそれて、Bloggerにコードを埋め込むやり方を調査。
google の code-prettify というのを導入すると良いようだ。

https://github.com/google/code-prettify をざらっと読み、

以下の画面で、Bloggerのテーマ→ HTML を編集

そして、テーマに javascript を埋め込む。

で、テスト。<pre class=”prettyprint”></pre>で囲むらしい。

source code here

とりあえずはOKっぽい。
行数を入れる場合には、<pre class="prettyprint linenums">か。

Many
lines
of
code
test
test
test
test
test
test
test
test

あれ？ああ。デフォルトだと行数は５行ごとにしかでないのか。。
ちょっと検索。

https://stackoverflow.com/questions/8399547/how-to-add-line-numbers-to-all-lines-in-google-prettify

を見つけたので、以下のCSS定義をBloggerのカスタムCSSに追加する。

.linenums li {
    list-style-type: decimal;
}

で、すべての行に行数が出るようになった。