Jekyll移行メモ

Blogger から Jekyll (Github pages) に移行したときのメモ。

Bloggerからの取り込み

Blogger からは設定→その他→ブログツール→ブログをエクスポート Atom 形式でブログのデータが取り出せる。

あとは jekyll-import を使って ./_posts/ フォルダへインポートできる

% jekyll-import blogger --source path/to/blog-08-31-2014.xml

と思ったが、そもそも jekyll-import が blogger 対応していなかったので それに対応させるため blogger importer の開発が必要になってしまった。

転居元の施策

Blogger には、独自ドメインを取っているときは打開策がいくつかありそうだが、 そうじゃない場合は下記のふたつのいずれかで転居先を示すしかないようだ。

• meta redirect
• 転居先をページ内に表示

かつて auto redirect で失敗 したことがあった経緯などを考えて、安直に後者とした。

具体的には HTML/JavaScript のウィジットで下記を表示するようにした。

This blog has moved to github page (<a href="http://cat-in-136.github.io/">http://cat-in-136.github.io/</a>).
<script>
(function (){
  var oLink = document.querySelector("link[rel=canonical]");
  if (oLink) {
    var canoUrl = oLink.getAttribute("href");
    if (canoUrl != "http://cat-in-136.github.io/") {
      document.writeln("<br />" + "The content would be available at new blog site".link(canoUrl));
    }
  }
})();
</script>

なお、link[rel=canonical]は、下記のような JavaScript で生成するコードを入れている。

<script>
document.writeln("<link href='" + location.href.replace(location.host + "/", "cat-in-136.github.io/") +"' rel='canonical'/>");
</script>

このようなことをするため記事のパーマリンクは Blogger と合わせた /:year/:month/:title.html としている。 そうすることで、上に示したように、ドメインを記事ページのURLに対してドメイン名を変えるだけの処理で済む。

コンテンツのコピーが共存すると Google によってコピーサイトペナルティを 移転先が喰らいやすいというリスクはあるが、 ここは幸いにも過疎ブログなので失うものは極めて少ないので 細かいことは考えない。

<b:if cond='data:blog.pageType == &quot;index&quot;'>
  <link href='http://cat-in-136.github.io/' rel='canonical'/>
  <meta content='http://cat-in-136.github.io/' property='og:url'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
  <link href='http://cat-in-136.github.io/archive.html' rel='canonical'/>
  <meta content='http://cat-in-136.github.io/archive.html' property='og:url'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <script>
    document.writeln(&quot;<link href='&quot; + location.href.replace(location.host + &quot;/&quot;, &quot;cat-in-136.github.io/&quot;) +&quot;' rel='canonical'/>&quot;);
    document.writeln(&quot;<meta content='&quot; + location.href.replace(location.host + &quot;/&quot;, &quot;cat-in-136.github.io/&quot;) +&quot;' property='og:url'/>&quot;);
  </script>

  <!-- snip -->
</b:if>

DISQUS

コメント欄の移行は disqus に移行した。 Blogger からのインポートした後にドメインを cat-in-136.blogspot.com → cat-in-136.github.io と変えただけ。

記事のパーマリンクを Blogger と合わせた /:year/:month/:title.html としたお陰でこれだけでよい。