コードをBlogに貼り付ける
このBlogにも技術的な話とかをちょっと書いてみようかなぁ、なんて思ってたりするのですが（思ってるだけですが）、そんなとき設定ファイルとかコードとかを貼ったりする場合があります。
コードをBlogに貼り付けるときの問題は大きく２つ。
- 実態参照
「<」や「>」がHTMLタグとして認識されてしまう場合に、あらかじめ実体参照化しておく必要がある
- マークアップ
どのタグを使うか。
どんなCSSを使うか。
本来的には<pre></pre>を使うのがよさそうなのですが、その場合「<」や「>」などはそのままだとHTMLタグとして認識されてしまって正しく表示されない場合があるので、文字実体参照化してあげる必要があります。
小粋空間: 文字実体参照について
HTMLで使える文字実体参照
<pre></pre>の部分は自動的に実体参照化するように変更してあげればいいんだろうけど、そのためにＭＴを変たりすると、バージョンアップのときにちょっと面倒。コピペ前にエディタで変換するか、ツールで変換するしかないのかな。
HTMLソース実体参照変換フォーム
蓄々HTML実体参照変換 : akiyan.com
<textarea></textarea>を使えば、HTMLタグなんかもそのまま書くことができるのですが、いろんな意味であんまり美しくないのが難点。しかもMovable Typeで「改行を変換する」にしてると、勝手に<br />が入ってしまう(´ﾍ｀；)
ここまで書いてなんですけど、そもそもBlogっていうかMTってそういうのに向いてないのかもしれないですね。
昔使ってたhnsとかtdiaryとか、今も使ってるPukiwikiとかは、コードはそのままぺたっと貼ればいいし、再構築が必要ないから更新時のストレスが少ないし。その代わり独自の書式だったりするから、コンテンツの移行はツールなりで変換が必要になるって欠点もあるのですが。
あとBlogはどうしても断片的な内容になってしまうのですよね。
うーむ、悩ましいところです。
参考リンク
pre 要素のスタイル定義とマークアップ - 2xup.org
404 Blog Not Found:ソースを貼付ける50の方法
ブログにコードを貼り付ける方法で悩むの巻 | i d e a * i d e a
hail2u.net - Weblog - pre要素へのスタイル指定
Blogにコードを貼り付ける時。
hxxk.jp - ソースコードは blockquote でマークアップ ?
Nizah blog:preタグと改行
ソースコードのマークアップに関する議論リンク集
