記事中の見出しから目次を自動的に作成する「目次記法」を追加しました - はてなブログ開発ブログ

はてなブログでは、記事の見出しから目次を自動的に作成する「目次記法」を利用できるようにしました。レビューや論評、技術ブログなど章立てされた長い記事を書いたとき、記事中の見出しにリンクされた目次を、記事の冒頭に簡単に挿入することができます。どうぞご利用ください。 目次記法の使い方 記事に見出しを追加するには 見たままモードで見出しを追加する はてな記法モードで見出しを追加する Markdownモードで見出しを追加する ※この記事の目次も目次記法で作成しています。 ※【追記】目次記法を入力補助ツールバーから入力できるようにしました。詳細は以下の告知などをご参照ください。 http://staff.hatenablog.com/entry/2017/01/19/182000 目次記法の使い方 ※目次記法はどの編集モードでも利用できます。 目次を挿入したい行に、次のように[:contents]と記

[Bookmarker]

ほおぅと思ったけど、あまり長い記事は書いたこと無かった（汗）。Qiitaみたいにサイドバーに表示できるとさらに良いと思う。

[sutara_lumpur]

"はてなブログでは、記事内の見出しとしてh3からh5を想定している" そうだったのか。

[doroyamada]

はてなダイアリー放置!!!!!!!!!!!!!!!

[p_shirokuma]

またまたはてなブログに移行したくなった。エクスポート周りさえはっきりしたら、考えよう。

[TM2501]

最近、目次がガタガタつけるブログが増えたと思ったら、これか…。長い記事を書く時に使うのはいいんだけど、そこまで長くない記事でこの目次だけがバカみたく長い人を見かけると「がんばるとこ、違わね？」と思う

[asimino]

おお、これはすごい。ユーザーの要望を少しずつでも実装していってすごい。お疲れ様です。

[Tamipet]

辿り着いた😫

[Nean]

“※はてなブログでは、記事本文中の見出しにh3要素からh5要素までを使用しています。”

[nikkie-ftnext]

はてなブログで目次自動生成、[:contents] でできるみたい。驚いたのはh3からh5の指定でという部分。そうか、ブログ名がh1で記事のタイトルがh2、記事中の一番大きい見出しはh3なのか！（2年間何もわかってなかったorz

[tcambodia]

目次は必要。

[hihi01]

うわ、これ知らなかった！！！

[moerrari]

"はてな記法モードでは…行頭から*、**、**と記述すると、それぞれ大見出し（h3）、中見出し（h4）、小見出し（h5）になります。"

[pachimama777]

見出し

[stilo]

“はてなブログでは、記事内の見出しとしてh3からh5を想定しているので、上記のうち###から#####を使用して記事を書くとよいでしょう。”

[takuji31]

“[:contents]” なるほど

[nonbirimile]

もくじ作成

[sky-y]

はてなブログで「目次」を一発で出す記法、初めて知った。ちゃんと見出し(h3-h6)を打てば、自動で反映されるようです。

[writer-r]

やっとできるようになりました😊

[key_amb]

目次出来るようになってたんだ。これはありがたい。

[progrhyme]

目次出来るようになってたんだ。これはありがたい。

[kazunchi]

おっ　解決策はこれか？

[oh-kaz]

よく使う

[zyusou]

これは便利

[gfx]

“[:contents]”

[loveDorothy]

★メモメモ★目次作成方法

[demacassette]

なんだよ、これ便利すぎ

[nwpct1]

これ今知った。めっちゃ便利

[HerrTomo]

利用してみます

[syou6162]

これはすごい

[mocaca]

今頃気づきました。カスタマイズ苦手なので、はてなにあると安心。

[ak0yk]

メモ

[ledsun]

あとで試す

[OKP]

「目次記法」できてたのか！気付いてなかったので早速後で試そう

[boxeur]

@simple_cpa @cocoa_sub 「[:contents]」と書き込めば、見出しがリンク付き目次になるようだ。 なお当該記事では隅括弧で見出しとなってはいないので、見出しにする必要がある。

[kensetu]

[:contents]