Markdown TOC
Markdown TOC — ブラウザで動作します。入力は保存されません。
Markdown TOC生成
値を入力してから「計算する」を押してください。
使い方
- Markdown欄に本文を貼ります。ATX見出し(# タイトル)がある文書である必要があります。
- 最小レベル・最大レベルを選びます。初期値はH2からH4までです。
- TOC生成を押すとインデント一覧とアンカーリンクが作られます。
- コピーしてREADMEやWikiの上に貼ります。リセットで入力を空にできます。
- コードブロック内の#は区別しないので、コメントのように見える見出しがTOCに混ざったら本文を直してください。
ポイント
Markdown TOCはGitHub README、技術ブログ、文書サイトで目次リンクを速く作るときに使います。行単位で#〜######を探し、選んだレベルだけ - [タイトル](#スラッグ) 形で出力します。スラッグは小文字化したあと空白をハイフンに変え、ハングルは維持します。同じタイトルが繰り返されると -2、-3 を付けます。GitHub README目次、Wikiサイドバー、技術文書ジャンプリンクをATX見出しだけで作るMarkdown TOC生成器です。
下線Setext見出し(===、---)は認識しません。GitHub・一部の静的サイト生成器のアンカー規則と100%同じでないことがあるので、プレビューでクリックが効かなければレンダラ規則を確認してください。変換はブラウザ内だけです。最小・最大レベルでH1タイトルを除きH2–H4だけ入れられます。コードフェンス内の#は見出しと誤認されることがあります。
例
本文に ## インストール、### 要件、## 使い方 を入れ、最小H2・最大H4で生成すると、インストールと使い方が同じインデント、要件は一段入った一覧になります。リンクは #설치、#요구-사항 のようにハングルタイトルを維持したスラッグです。H1だけあり最小がH2なら目次が空のことがあります。## 始める と ### インストール を入れると、始めるの下にインストールが一段入り、リンクは #시작하기、#설치 になります。
関連: Markdownプレビュー · Markdown → HTML
よくある質問
Setext見出し(===)もMarkdown TOCに入りますか？
いいえ。#スタイル(ATX)だけサポートします。Setext下線タイトルは目次に入らないので#を付けてください。
ハングルタイトルのアンカースラッグはどうなりますか？
ハングルを維持したまま空白をハイフンに変えます。レンダラごとに違うことがあります。ハングルアンカーが壊れる静的サイトはスラッグプラグイン規則を確認してください。
コードブロック内の#コメントもTOCに拾われますか？
単純な行単位解析なのでコードブロックは区別しません。コメント用 # TODO がTOCに混ざったら本文から外してください。
GitHub README目次と同一ですか？
似ていますが特殊文字除去・重複規則が完全に同じでないことがあります。GitHubと特殊文字除去規則が違うことがあるので、プレビューでクリックテストをしてください。
最小・最大見出しレベルはいつ使いますか？
文書タイトル(H1)を除きH2–H4だけ目次に入れるとき、初期値のように使います。H1から入れるなら最小レベルをH1に変えればよいです。
同じタイトルが2回ならアンカーが重なりますか？
2回目からスラッグの後ろに -2 のように番号を付けて区別します。タイトルが同じなら2番目のリンクに -2 が付き衝突を避けます。
最終確認日: 2026-09-04