ldr について気づいたけど特に調べないけどいちおう書いとくけどけど
リンク
MovableType とかでエントリ書いてサイト内にリンクはるとき、相対パスとか、そのドメインのルートディレクトリからのパス(?)で指定してると ldr でリンクとして扱ってもらえないっぽいなー。つまりエントリ書いたとき
<p>僕が好きなのは<a href="/yasai/daikon.html">だいこん</a>です!</p>
とか書いても、
僕が好きなのはだいこんです!
みたいに表示されて "だいこん" のところはリンクにならない。でも <img src="/img/daikon.png" ...
とか書いても画像は表示されるのでよくわからない。ちなみに FeedBurner とおした場合はリンクとして扱われてるように見える。
とか思ってぐぐったらすぐ出てきた。
livedoor Readerでは、フィードに含まれる画像のURLが「http://」から始まる絶対パスであることを前提としています。ですが、URLが相対パスで指定されている場合でも、画像が含まれる記事のURLを基準にしてURLの解決を試みます。
http://helpguide.livedoor.com/help/reader/qa/grp518
ただし、複雑な相対パスを指定をした場合や、imgタグ以外で画像を貼り付けている場合などは、画像のURLを解決できない場合があり、画像が表示されません。
とりあえず FeedBurner とおしてみることにする。
MovableType のフィードテンプレートがデフォルトのままのとき Bloglines の場合、以下のようになってるぽい。
- Atom
- 適切(と思われる)パスになってるぽい(http://example.com/img/data.jpg)
- RSS
- なんか変なことになってる(http://www.bloglines.com/img/data.jpg)
hn要素
エントリ内の hn 要素は裸にされるっぽい。たとえば、
<h3>野菜</h3> <p>野菜について語ります</p> <h4>大根</h4> <p>この野菜は美味です...
なんていうのは、
野菜 <p>野菜について語ります</p> 大根 <p>この野菜は美味です...
みたいな感じになるっぽい。だからもしかしたら h3+h4 みたいな、
<h3>肉類</h3> <h4>牛肉</h4> <p>うしの肉です。...
っていう感じのは、
肉類 牛肉 <p>うしの肉です。...
っていう HTML と同じように表示されるかも。ていうかこれもぐぐったら出てきた。
本文中の <h3> など、幾つかの block 要素が無効化されている(お陰でタイトルと本文が混ざったりレイアウトが崩れたりする)
livedoor Reader を試してみる - World Wide Walker
ちょっと見にくいかもなーという気がしなくもないけど、LRO(ライブドアリーダー最適化)の為、h3要素+strong要素でマークアップする
必要はないかなーと思う。ちょっと崩れてても普通に読めるし。
そういえば、RSSリーダーによるFeedの劣化を比較する。という記事があったけど、必ずしも劣化とは限らないんじゃないかなーとか思った。それぞれの加工の仕方というか。でもまあ hn 要素とかまでなくなっちゃうのはアレだけど。あと fc2 のリファラの問題とかスタイルとかの問題は別かなー fc2 はファイルに直リンすると怒るので困る。あとスタイルなんかは、たとえば table まわりのはこんなユーザスタイル書いとくと少し見やすくなるのでいくらか改善できる。
@namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("reader.livedoor.com") { #right_body .item_body>.body table th { border: 1px solid #999 !important; padding: 3px 5px !important; text-align: left !important; background-color: #d4d0c8 !important; } #right_body .item_body>.body table td { border: 1px solid #999 !important; padding: 3px 5px !important; background-color: #f5f5f5 !important; } #right_body .item_body>.body blockquote { margin-left: 0; padding-left: 20px; border-left: 5px solid #4889fd; } /* とか以下略。 */ }
これだと色がちょっと微妙かもしれないから http://reader.livedoor.com/css/style.0.9.css から合いそうなの選んでくるといいかも。おんなじ要領で blockquote とか他の要素についてもスタイル書くとよさげ。
あと http://userstyles.org/styles/957 も入れたり。
そんな感じ。何かいてたか忘れたけど、とりあえず自分は ldr 一番つかいやすいなーとか思ってる感じですとかとか。
まとめた。http://userstyles.org/styles/4203。自分用バックアップになりそうな…。