bloggerソースコードの貼り付け

前回の投稿で気づいたが、どうもbloggerは標準ではソースコードをきれいに貼り付ける機能がないらしい。どうやらGoogle Code Prettifyというのを使うと簡単にきれいなソースコードを貼り付けることができるようなのでその方法を記す。

0. Google Code PrettifyのREADMEをしっかり読む
1. bloggerのサイドバーから [レイアウト] をクリック
2. [Cross-Column] の下にある [ガジェットを追加] をクリック
3. [HTML/JavaScript] をクリック
4. [タイトル] に code-prettify と入力、 [コンテンツ] にREADMEに従ってscriptタグを貼り付ける

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

5. bloggerの投稿でREADMEに従って以下のようなタグを書く

<pre class="prettyprint">
<marquee>the language is automatically detected</marquee>
</pre>

<pre class="prettyprint lang-lisp">
; we can specify the language by lang-* options
(defun apply% (f a)
  (if (eq (car f) '%e%)
      (progn% (cadr% (cdr f))
              (mcon% (pairlis% (cadr% f) a) (cddr% (cdr f))) ())
      (if (eq (car f) '%s%)
          (funcall (cdr f) a)
          f)))
</pre>

「きれいに」と言っておきながらいきなり横にはみ出している気もするが見なかったことにする。 LISPのような一部の言語は標準ではサポートされておらず、run_prettify.jsを読み込む際に

?lang=lisp&lang=ml

のようにextensionを指定する必要がある。 やたらと「READMEに従って」と書いたが、比較的最近、run_prettify.jsの配信元が rawgit.com から jsdelivr.net に変更したらしい。 こういった情報を見逃さないためにも最新の公式の情報を確認すべきだろう。