Markdown入力

生成されたTOC

Markdown TOCの例

見出しからアンカーリンクを生成します。例:

プロジェクトハンドブックの見出し

Markdown入力:

入力

生成されたTOC:

出力

上のサンプルを使用して、より多くの見出しを読み込んでください。

Markdown TOCジェネレーターとは?

目次(TOC)は長いドキュメントのナビゲーションを助けます。Markdownでは見出しは#から######を使用します。TOCジェネレーターは見出しをスキャンして各セクションへのリンクリストを生成します。GitHub Flavored Markdownと多くの静的サイトジェネレーターは見出しテキストから生成されたアンカーリンクをサポートしています。

このツールはブラウザ内で動作します。Markdownを貼り付けるかファイルをアップロードすると、編集に応じてTOCが更新されます。見出しレベルの最小・最大を設定できます(例:H2–H4のみ)。アンカースラグは見出しテキストから作成され、重複時はデデュープされます。MarkdownのフォーマットにはMarkdownフォーマッターを、HTMLへの変換にはMarkdownをHTMLにを使用してください。

このツールの使い方

1

Markdownを貼り付けまたはアップロード

Markdownを左のエディターに貼り付けるか、アップロードをクリックして.md.markdown.txtファイルを読み込みます。サンプルでサンプル見出しを読み込みます。TOCは自動的に更新されます。

2

見出しレベル範囲を設定

最小 H1–H4最大 H3–H6で特定の見出しレベルのみを含めます。例:最小 H2、最大 H4 で H1 と H5–H6 をスキップします。長いドキュメントを集中させます。

3

TOCをコピーまたはダウンロード

生成されたTOCをクリップボードにコピーするかダウンロードします。READMEやドキュメントの先頭に貼り付けます。MarkdownのリントにはMarkdownリンターを、構文ヘルプにはMarkdownチートシートを使用してください。

TOC生成が役立つ場面

GitHubのREADME、ドキュメントサイト、ウィキはTOCの恩恵を受けます。読者はスクロールせずにセクションにジャンプできます。CommonMark仕様が見出し構文を定義しています。GFMとほとんどのレンダラーは#anchor-slugリンクをサポートしています。EleventyVitePressなどの静的ジェネレーターはアンカーを自動生成することが多いです。

CSVや区切りデータからテーブルを作成するにはMarkdown表ジェネレーターを、構文リファレンスにはMarkdownチートシートを、MarkdownをHTMLに変換するにはMarkdownをHTMLにを使用してください。

よくある質問

アンカースラグはどのように作成されますか?

見出しは小文字に変換され、特殊文字が削除され、スペースはハイフンに置き換えられます。重複する見出しには数値サフィックスが付きます(例:#intro-1#intro-2)。

GitHubで動作しますか?

はい。GitHubは見出しからアンカーを生成します。TOCをREADMEの先頭に貼り付けると、レンダリングされたビューでリンクが機能します。

コードブロック内の見出しは含まれますか?

いいえ。フェンス付きコードブロック(```)内の見出しは無視され、コード例がドキュメント構造と混同されないようにします。

深さを制限できますか?

はい。最小/最大レベルドロップダウンを使用してください。例:最小 H2、最大 H4 で H2、H3、H4 の見出しのみのTOCが生成されます。

データはサーバーに送信されますか?

いいえ。TOC生成は完全にブラウザ内で行われます。データはアップロードも保存もされません。

関連ツール

詳細:CommonMarkCommonMark仕様GitHub Flavored MarkdownMarkdown GuideGitHubW3C HTMLEleventyVitePress