#330 nDiary のジャンル別設定の仕方とか

Genre: App
Date: 2003-08-26T00:00:00+09:00

という事で（何が?）現在自分が使ってる nDiary 上での最新のジャンル別設定をおもむろに晒してみます。nDiary のバージョンは 0.9.3.beta20。

以下、設定の記述内で、スペースでは無くタブを入れる所は TAB としてます。コピペした場合は TAB の部分をご自分でタブに書き換えて下さいませ。

まずは ndiary.conf のフィルタとトピック一覧の設定んとこ。

# フィルタ
FILTER = 'autoreplace'

# トピック一覧の設定
TOPIC = all.html  TAB    TAB  ■|\[.*\]
TOPIC = image.html  TAB  Image  TAB  ■|\[.*\]
TOPIC = music.html  TAB  Music  TAB  ■|\[.*\]
TOPIC = report.html  TAB  Report  TAB  ■|\[.*\]
TOPIC = web.html  TAB  Web  TAB  ■|\[.*\]
TOPIC = tool.html  TAB  Tool  TAB  ■|\[.*\]
TOPIC = junk.html  TAB  Junk  TAB  ■|\[.*\]
TOPIC = talk.html  TAB  Talk  TAB  ■|\[.*\]

ほんで、autoreplace.txt （自分で作って LOG_DIRECTORY で設定したディレクトリに入れとくやつ。）は以下のようにしております。

[  TAB  <span class=\"genre\"> <span class=\"brackets\">[</span> Genre: <a href=\"  TAB  :TOPIC
]  TAB  </a> <span class=\"brackets\">]</span></span>  TAB  :TOPIC
|  TAB  </a> | <a href=\"  TAB  :TOPIC
IM  TAB  image.html\" title=\"ジャンル別タイトル一覧 - 絵に関する話題\">Image  TAB  :TOPIC
MS  TAB  music.html\" title=\"ジャンル別タイトル一覧 - 音楽関係の話題\">Music  TAB  :TOPIC
RP  TAB  report.html\" title=\"ジャンル別タイトル一覧 - 雑貨店・イベント等のレポート\">Report  TAB  :TOPIC
WB  TAB  web.html\" title=\"ジャンル別タイトル一覧 - Web 制作・HTML+CSS の話題\">Web  TAB  :TOPIC
TL  TAB  tool.html\" title=\"ジャンル別タイトル一覧 - パソコン上でのソフト・ツールの話題\">Tool  TAB  :TOPIC
JK  TAB  junk.html\" title=\"ジャンル別タイトル一覧 - その他画像\">Junk  TAB  :TOPIC
TK  TAB  talk.html\" title=\"ジャンル別タイトル一覧 - 個人的な話題\">Talk  TAB  :TOPIC

以上で下準備は完了。多分。

そしていよいよ日々の日記を書く訳です。日記を書く時のタイトルの書き方は、

■久しぶりにピアノを弾いた日[MS]

てな感じ。ジャンルが複数にまたがってる場合は、

■新スタイル追加計画 7 - ネタ案[TL|IM|WB]

てな感じです。

[MS] と書けば music.html というタイトル一覧ファイルにタイトルが書き出される。[TL|IM|WB] と書けば、tool.html, image.html, web.html にそれぞれ書き出される。と言う寸法になってます。以上がトピックス抽出に関しての話。

ほんでここからは、最新日記数日分ファイルとか過去日記 yyyymm.html ファイルにジャンル名が出て来る話。

日々の日記ファイルにはタイトルと一緒にジャンル名も出て来て、ジャンル名にタイトル一覧ファイルへのリンクが付くようになります。最初に設定した autoreplace フィルタを使ってるので、例えば *.diary ファイルで

■新スタイル追加計画 7 - ネタ案[TL|IM|WB]

というふうにタイトルを書くと、以下のように置換されて HTML ソースが吐き出されます。（ソースは見やすいように改行してあります。）

<h5>
 <a href="200308.html#d24_t1" class="topic">■</a>
  新スタイル追加計画 7 - ネタ案
  <span class="genre">
   <span class="brackets">[</span> Genre: 
    <a href="tool.html" title="ジャンル別タイトル一覧 - パソコン上でのソフト・ツールの話題">Tool</a> | 
    <a href="image.html" title="ジャンル別タイトル一覧 - 絵に関する話題">Image</a> | 
    <a href="web.html" title="ジャンル別タイトル一覧 - Web 制作・HTML+CSS の話題">Web</a>
   <span class="brackets">]</span>
  </span>
</h5>

これを CSS をあてて無い状態で見ると

みたいな感じになるので、後は CSS の方で好きなようにする。て感じです。

ちなみに <span class="brackets">]</span> つって括弧をクラスで括ってんのは、只単に私が div span 房の上に before, after 疑似要素が効かない Win IE6 を使ってるからです。デフォルトスタイルでココを見てる方は、括弧を display: none; してるのがお分かりになって頂けるかと。

こんな感じでございます。てゆかさ。何こんなまどろっこしい事やってんの? （プとか思った方。首を長～くして情報をお待ちしておりまするぞよ・・。

この nDiary ジャンル別無理矢理設定をちょっと修正。

ヨシさんがおっしゃるように、確かにタブなんたがスペースなんだか分かりにくいのです。って事でタブの部分は TAB と書くように修正しておきました。

この記事は nDiary 使用時の記事をそのまま持って来たものです。

#330 nDiary のジャンル別設定の仕方とか

Utilities