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 に変更したらしい。 こういった情報を見逃さないためにも最新の公式の情報を確認すべきだろう。

このブログの作り方

このブログをどのように作ったか忘れないために自己言及的なメモを残しておく。

(I. bloggerの設定)
1. http://blogger.com/ を開く
2. [ブログを作成] をクリック
3. タイトルなどを入力。ドメインについて聞かれるが一旦無視
4. [設定] -> [ブログのサードパーティ URL を設定] をクリック
5. ドメイン blog.zick.run を入力して [保存] をクリック
6. 2個のCNAMEが記載されたエラーメッセージが表示されるのでコピーする
  - blog ghs.google.com
  - (ランダムな文字列1) (ランダムな文字列2).dv.googlehosted.com
(II. VALUE-DOMAINの設定)
7. VALUE-DOMAINにログイン
8. [ドメイン] -> [ドメインの設定操作] -> [DNS/URL] をクリック
9. bloggerのメッセージを使って以下の2行を追加（行末にはドット）

cname blog ghs.google.com. 

cname  (ランダムな文字列1) (ランダムな文字列2).dv.googlehosted.com.

(III. bloggerの設定)
10. DNSの設定が反映されるまで30分~1時間程度待つ
11. bloggerの [保存] ボタンを改めて押す (ページを閉じた場合は手順4と5をもう一度やる)

しばらくは blog.zick.run にアクセスしても ERR_CONNECTION_CLOSED が返ってきたが、時間が経てば無事にブログが表示された。よかった。