程式碼強調行與聚焦行

以行號範圍、獨立顏色與不透明度突出重點,不必在程式碼註解中插入指令。

程式碼強調行與聚焦行

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

設定強調行

在強調行輸入 3, 5-8,表示原始碼第 3 行及第 5 至 8 行,範圍包含兩端。行號從 1 開始,空白行也計數,逗號分隔多個範圍;8-5 會正規化為 5-8。這裡使用原始位置,不隨顯示的起始行號變動。清空輸入可移除效果。無效內容會顯示錯誤,並暫時清空該效果的作用範圍,修正後重新套用。

預設強調背景為藍色 #60a5fa,不透明度 25%。滑桿調整背景而非文字:0% 為透明,100% 為實色。重設按鈕只還原預設顏色與不透明度,不清空行範圍。

讓讀者聚焦重點

聚焦行範圍、背景顏色與不透明度設定

展開「行與標記」並輸入聚焦範圍。選取行保持清楚文字並使用指定背景;其他行的文字不透明度降至 45%,同時模糊 1 px。聚焦不透明度滑桿調整的是選取行背景,不調整其他行的淡化程度。預設聚焦背景為藍色 #60a5fa、25%;示範使用紫色、15%,方便區分不同效果。

範圍為空時所有行正常顯示。範圍完全超出程式碼時,不會使整段程式碼模糊。聚焦只是展示效果,不是隱藏敏感資訊的方法,HTML 中仍保留全部內容。

藍色強調、紫色聚焦、綠色新增與紅色刪除的實際程式碼效果

組合多個效果

同一行符合多個背景條件時,優先順序是刪除、新增、強調、聚焦;文字聚焦效果獨立套用。前後變更展示可使用差異行設定。範圍與顏色即時寫入 config.json,並作用於同一套預覽與輸出模型。本站不解析註解指令,請透過介面設定。

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