可摺疊程式碼區塊與可點選連結

將程式碼區段摺疊為可展開摘要,並在匯出的 HTML 中啟用 HTTP 連結。

可摺疊程式碼區塊與可點選連結

截圖使用英文介面;控制項文字會隨網站語言切換。

摺疊原始碼範圍

在「摺疊與連結」的摺疊區段填寫 20-25。第一行保留為摘要,後續行預設隱藏,讀者展開後顯示。只選取一行時仍顯示為一般行,因為沒有其他內容可隱藏。相鄰範圍會合併成連續的摺疊區段。

帶有展開控制項的摺疊程式碼摘要

摺疊標籤附加在摘要後,預設為 …,最多 80 個字元。點選摘要或透過鍵盤啟動,可展開與收起預覽。產生的 HTML 使用原生 details 與 summary,目標頁面不必增加 JavaScript 即可摺疊。

展開後顯示輔助函式的完整內容

預覽中的展開是本機查看動作。下載 HTML 會依設定重新產生,初始仍為摺疊狀態;PNG 則記錄目前的展開狀態。摺疊內容仍保留在 HTML 中,不代表刪除或保密。

將網址轉為連結

開啟自動連結後,會辨識 http://、https:// 與 www. 文字,也能處理跨越多個語法標記的網址,不要求它必須位於註解中。常見句末標點不會加入連結目標,www. 網址使用 HTTPS 開啟。

連結在新分頁開啟,帶有 noopener noreferrer nofollow。其他協定不會啟用,電子郵件地址也不會自動變為郵件連結。關閉選項可還原一般文字;此功能不修改原始碼。

搭配其他效果

摺疊摘要保留第一行的語法顏色、行號與行效果。即使內容隱藏,範圍仍使用原始碼位置。可載入完整示範,搭配行號及聚焦檢查實際效果。

開啟程式碼高亮工具 · 全部指南 · 文章與工具比較