Fri, 20 Jan 2006
Blosxom でアルバムを作る
旅行の写真をアルバムっぽく表示するのに良いツールがないかな、と思って探してみたのですが、しっくりくるものを見つけることができなかったので Blosxom を改造して作ってみました。
以下の記述は Blosxom Startar Kit を設置して使っているような人でないとわからないかもしれません。
用意したものは以下の通り。
- Blosxom Startar Kit
- sort_by_path プラグイン
- Irfanview（画像編集用ソフト）
- 写真（ファイル名は連番：001.jpg, 002.jpg ...）
まず、説明書を見ながらBlosxom Startar Kit をインストール。
それからアルバム用にいろいろ改造していきました。
ページとしては、「サムネイルページ」と「個別の写真のページ」を作ります。
個別の写真のページについては、イメージタグがひとつだけでタイトル行が空白のテキストファイルを写真と同じ枚数だけ作成して、これを記事ファイルフォルダに投入。このファイルの日付は写真を撮った日に設定しておきます。ファイル名は写真と同じです。（001.txt, 002.txt ...）
テンプレートにはコメント機能だけを残してあとは削除すると写真ごとのページは完成。
サムネイルページ作成のために、まず Irfanview の一括変換機能を利用してサムネイル用の画像を作りました。一覧ページのテンプレートをイメージタグだけにして、サムネイルの画像を表示するように変更。
そのままだと日付の逆順で表示されてしまうので sort_by_path プラグインを導入しました。
改造後のサムネイル用 story.html テンプレートはこんなんです。
<a href="$url$path/$fn.htm"><img src="http://（画像へのパス）/img/s/$fn.jpg" width="100" height="75" /></a>
あとはスタイルシートを好きなようにいじれば、ものすごい突貫工事ながらどうにかアルバムっぽい体裁が整います。
