文章互動

控制文章頁面上可用的互動功能：大綱導覽、閱讀進度、圖片燈箱與程式碼區塊複製。

文章大綱

Tralume 會自動從文章的標題建置目錄（大綱）。

• 桌面版：一個固定位置的側邊欄大綱會顯示在主內容旁，並醒目提示目前可見的標題。
• 行動版：一個浮動按鈕可開啟全螢幕覆蓋層，顯示大綱網格。另一個浮動按鈕則顯示閱讀進度百分比。

當文章包含至少一個標題時，大綱會自動渲染。無需任何設定。

閱讀進度指標

螢幕右下角的浮動按鈕會以百分比顯示閱讀進度。它會出現在文章頁面上，並隨著讀者滾動內容而更新。點擊它會開啟行動版大綱覆蓋層。

圖片燈箱

點擊文章內容中的內嵌圖片，會在全螢幕覆蓋層（燈箱）中開啟。燈箱支援：

• 使用捏合手勢或按鈕放大/縮小
• 放大後平移
• 透過 × 按鈕、點擊覆蓋層或 Escape 鍵關閉

燈箱對所有內容圖片自動生效，無需任何設定。

程式碼區塊複製

文章內容中的每個程式碼區塊，在懸停時會於右上角顯示一個複製按鈕。點擊它會將程式碼內容複製到剪貼簿，並短暫顯示「已複製」確認訊息。

複製按鈕使用 codeBlockCopyLabel 和 codeBlockCopiedLabel i18n 金鑰作為其標籤。