記事インタラクション

記事ページで利用可能なインタラクティブ機能（アウトラインナビゲーション、読書進捗、画像ライトボックス、コードブロックコピー）を制御します。

記事アウトライン

Tralume は記事の見出しから自動的に目次（アウトライン）を構築します。

• デスクトップ: メインコンテンツの横にスティッキーなサイドバーアウトラインが表示され、現在表示されている見出しをハイライトします。
• モバイル: フローティングボタンでアウトライングリッドを含むフルスクリーンオーバーレイを開きます。別のフローティングボタンで読書進捗のパーセンテージを表示します。

アウトラインは記事に少なくとも1つの見出しが含まれている場合に自動的に表示されます。設定は不要です。

読書進捗インジケーター

画面右下のフローティングボタンが読書進捗をパーセンテージで表示します。記事ページに表示され、読者がコンテンツをスクロールするにつれて更新されます。クリックするとモバイルアウトラインオーバーレイが開きます。

画像ライトボックス

記事コンテンツ内のインライン画像をクリックすると、フルスクリーンオーバーレイ（ライトボックス）で開きます。ライトボックスは以下をサポートします:

• ピンチジェスチャーまたはボタンによるズームイン/ズームアウト
• ズームイン時のパン操作
• × ボタン、オーバーレイクリック、または Escape キーで閉じる

ライトボックスはすべてのコンテンツ画像に対して自動的に機能します。設定は不要です。

コードブロックコピー

記事コンテンツ内のすべてのコードブロックは、ホバー時に右上隅にコピーボタンを表示します。クリックするとコード内容がクリップボードにコピーされ、短時間「コピーしました」の確認が表示されます。

コピーボタンは codeBlockCopyLabel および codeBlockCopiedLabel i18n キーをラベルに使用します。