WordpressからOctopressに移行
April 6, 2014 - 雑記
もともとさくらのレンサバ上でWordpressで構築していたブログをOctopressに移行してGithub Pagesでホスティングするように切り替え。 最初はJekyllだけでやろうとしてたけど、ブロクとしての機能を見るとOctopressのほうが良さそうだったので途中で方針転換。
手順
詳細な手順は面倒なので割愛するとして、だいたいこんな感じの流れで移行。
- 作業用環境にjekyll, jekyll-import, mysql2, sequelをgem install
- さくらのレンサバ上のMySQLのデータをmysqldumpしてscp
- dumpデータを作業用環境のMySQLにリストア
- リストアしたデータからjekyll-importを使って記事のmarkdownファイルを吐き出す
- octopressをcloneして、
rake install
- jekyll-importで吐き出されたファイルをoctopressのsource/_posts以下に移動
rake preview
で表示を確認しながら、source/_posts以下のmarkdownファイルをひたすら修正- テーマを調整&元記事のURLパスと同一になるように
_config.yml
に設定 - githubにpushしてgithub pagesとして公開
- CNAMEを設定してgithub.ioから元のドメイン(blog.restartr.com)に移行
さくらのレンサバ内からしかWordpressのDBに接続できないのと、レンサバ内でrubyを使うのはなんか面倒事が多そうだったので、環境整備済みなvpsで移行作業。
※wordpressのエクスポート機能で吐き出したxmlからmigrateする方法もあるけど今回は不採用
Wordpressの時のドメイン、パスを同一にするための設定
wordpressでは/year/month/day/title
というpermalinkを設定していたのでそれと同一にするための作業。
- ドメインはgithub pagesのカスタムドメインとCNAME設定で解決
- パスは
_config.yml
のpermalinkを/:year/:month/:day/:title
にして解決
さくらのレンサバ側の独自ドメイン設定
これでハマりました。さくらのドメインの設定で”blog.restartr.com”のCNAMEを設定したのに、DNSへの問い合わせ結果が常にAレコードしか帰ってこなくてかなり悩んでた。 結論は、さくらのレンサバの設定画面で独自ドメインとして”blog.restartr.com”を登録していて、そっちの設定が邪魔をしていた。
さくらのレンサバの独自ドメイン設定をはずして、さくらのドメインのCNAME設定を追加したら無事に解決。
さくらのレンサバの独自ドメインの解除から、2時間以上反映に時間かかるらしい
postデータの修正
jekyll-importを使ってmarkdownを吐き出すところまではすんなりいけたけど、なにより面倒だったのが吐き出したmarkdownを修正する作業。
- シンタックスハイライトするために
[ccW_python]...[/ccW_python]
とか<pre class="brush:pyton">...</pre>
とか独自タグがある - amazonのリンク生成用タグ
[tmkm-amazon]123456[/tmkm-amazon]
というタグがある <p>
タグと<br />
タグの嵐
これらの対応のためにいちいち置換するのが非常に大変。[ccW]
と[tmkm-amazon]
タグは置換できたけど、<pre class="brush:...">
についてはハイライトされないだけで表示上問題なさそうなので無視。
あとはmarkdownにhtmlが混じってるのが気持ち悪いので<p>
と<br />
を置換して行間を調整。
ドラフト記事をリモートにpushしてなくて別のPCから記事の途中からかけなくて困った…とならないように基本的にVPS上にcloneすることにした。 これで記事編集のための苦痛を感じる事無く純粋なmarkdownで記事がかけるようになる。