Tocbotを使って目次を自動生成する

より長いコンテンツは、Googleからもユーザーからもより強い支持を得て標準となりつつあります。しかしそれはできます 長い形式のコンテンツを読むのに少し疲れます たくさんの小見出しがある.

無料のTocbotを入力してください JavaScriptで構築された目次ジェネレータ. これにより、任意のページに固定の目次リストが自動的に作成され、各見出しを過ぎてスクロールすると自分の位置が更新されます。.

メインページには、このすべての設定を取得するために従うことができるドキュメントと一緒に完全なプレビューが含まれています.

トクボットは持っています 依存関係はなく、どのブラウザでも動作するはずです JavaScriptが有効になっている。 TocbotのJS / CSSファイルをインクルードして実行しましょう。単純な!

ローカルで何もダウンロードしたくない場合は、CDNバージョンを使用することもできます。可愛いです 簡単なセットアップで、目次をカスタマイズすることもできます あなたのニーズに合うように.

ただし、これを機能させるには少しJavaScriptが必要です。具体的には、実行する必要があります その中に（） ナビゲーションをどこに表示するか、どの見出しをターゲットにするかを定義するパラメータを使用して機能する（例：H1-H6）.

GitHubレポジトリで詳細な設定情報を見てください。これも ブラウザのサポート、すべてのカスタムパラメータ、および設定手順 主なJS / CSSファイル用.

APIが付属しています たくさん 編集可能な機能もあります。

何人かのデザイナーはゼロから彼ら自身の目次を作成することを好むかもしれません。しかしそれはかなり技術的なプロセスであり、多くの手作業が必要です。.

あり 作業中のToCからJS関数の1つにすぎない それはあなたのすべてのページ見出しにわたって動的に動く.

詳しくはTocbotのホームページをご覧ください。これはあなたがすべてのTocbotファイルのCDN（そしてローカル）バージョンへのダウンロードリンクと共にあなたが必要とするすべてのセットアップ情報を持っています.