Markdown TOCジェネレーター
Markdown見出しからリンク付き目次を自動生成 — READMEやドキュメント、長いWikiページに最適なツールです。
Markdown入力
生成されたTOC
Markdown TOCの例
見出しからアンカーリンクを生成します。例:
プロジェクトハンドブックの見出し
Markdown入力:
生成されたTOC:
上のサンプルを使用して、より多くの見出しを読み込んでください。
Markdown TOCジェネレーターとは?
目次(TOC)は長いドキュメントのナビゲーションを助けます。Markdownでは見出しは#から######を使用します。TOCジェネレーターは見出しをスキャンして各セクションへのリンクリストを生成します。GitHub Flavored Markdownと多くの静的サイトジェネレーターは見出しテキストから生成されたアンカーリンクをサポートしています。
このツールはブラウザ内で動作します。Markdownを貼り付けるかファイルをアップロードすると、編集に応じてTOCが更新されます。見出しレベルの最小・最大を設定できます(例:H2–H4のみ)。アンカースラグは見出しテキストから作成され、重複時はデデュープされます。MarkdownのフォーマットにはMarkdownフォーマッターを、HTMLへの変換にはMarkdownをHTMLにを使用してください。
このツールの使い方
Markdownを貼り付けまたはアップロード
Markdownを左のエディターに貼り付けるか、アップロードをクリックして.md、.markdown、.txtファイルを読み込みます。サンプルでサンプル見出しを読み込みます。TOCは自動的に更新されます。
見出しレベル範囲を設定
最小 H1–H4と最大 H3–H6で特定の見出しレベルのみを含めます。例:最小 H2、最大 H4 で H1 と H5–H6 をスキップします。長いドキュメントを集中させます。
TOCをコピーまたはダウンロード
生成されたTOCをクリップボードにコピーするかダウンロードします。READMEやドキュメントの先頭に貼り付けます。MarkdownのリントにはMarkdownリンターを、構文ヘルプにはMarkdownチートシートを使用してください。
TOC生成が役立つ場面
GitHubのREADME、ドキュメントサイト、ウィキはTOCの恩恵を受けます。読者はスクロールせずにセクションにジャンプできます。CommonMark仕様が見出し構文を定義しています。GFMとほとんどのレンダラーは#anchor-slugリンクをサポートしています。EleventyやVitePressなどの静的ジェネレーターはアンカーを自動生成することが多いです。
CSVや区切りデータからテーブルを作成するにはMarkdown表ジェネレーターを、構文リファレンスにはMarkdownチートシートを、MarkdownをHTMLに変換するにはMarkdownをHTMLにを使用してください。
よくある質問
アンカーリンクはどのように生成されますか?
アンカーリンクは見出しテキストを小文字に変換し、スペースをハイフンに置き換え、特殊文字を削除することで生成されます — GitHub Flavored Markdownのアンカー形式に従っています。例えば、「はじめに」は#はじめにになります。
TOCリンクはGitHubで機能しますか?
はい — アンカー形式はGitHub Flavored Markdownの規則に一致するため、TOCリンクはGitHubのREADMEファイル、Wiki、プルリクエストの説明で正しく機能します。
どの見出しレベルを含めるか選択できますか?
はい — TOCに含める最小・最大見出し深度を設定できます。例えば、H1タイトルをスキップしてH2とH3のみを含めることができます。
見出しに特殊文字がある場合はどうなりますか?
#、*、?、句読点などの特殊文字はアンカーリンクから除去されます。絵文字も通常は削除されます。このツールが自動的に処理するので、TOCリンクは有効な状態を保ちます。
関連ツール
詳細:CommonMark、CommonMark仕様、GitHub Flavored Markdown、Markdown Guide、GitHub、W3C HTML、Eleventy、VitePress。