はてなブログで「目次記法」がリリース

はてなブログで記事の見出しから目次を作成する「目次記法」がリリースされました。

staff.hatenablog.com

使い方としては、ブログに設定している編集方法に関係なく目次を入れたいところに[:contents]と書けばよいとのこと。

目次のテスト

見出し1

見出し2

見出し3

見出し4

出力されるHTML

<ul class="table-of-contents">
    <li><a href="#見出し1">見出し1</a><ul>
            <li><a href="#見出し2">見出し2</a></li>
        </ul>
    </li>
    <li><a href="#見出し3">見出し3</a><ul>
            <li><a href="#見出し4">見出し4</a></li>
        </ul>
    </li>
</ul>

デザインについてはtable-of-contentsを使えばよさそうです。

目次が必要になるような内容を書くことが無いので、自分が使う機会はまだ少ないと思いますが、同じような機能をスクリプトなどで実現してる人もいたはず。はてなブログのユーザーは長文を書く人が多い印象なので、需要高そうですね。