程式碼差異行高亮:新增行與刪除行
分別設定新增行與刪除行的範圍、顏色、不透明度及符號,展示清楚的程式碼修改前後對照。

截圖使用英文介面;控制項文字會隨網站語言切換。
手動標記變更
開啟「行與標記」,在新增行與刪除行填入 7、11-12 等原始碼位置。兩組都有獨立的範圍、顏色與不透明度。這是展示工具,不會比較兩個檔案,也不會自動計算 Git 差異。舊程式碼與新程式碼應同時存在於輸入中,再由你指定標記。
預設新增背景為亮綠色 #22c55e,不透明度 20%。降低不透明度可以透出更多主題背景。重設按鈕還原該組預設顏色與不透明度,保留行範圍。
獨立設定刪除行

刪除背景預設為暗紅色 #b91c1c、30%。刪除行仍出現在預覽與匯出中,不會真的刪除原始碼。同一行同時標記為新增與刪除時,以刪除為準。無效範圍只清空對應群組的作用範圍並顯示提示。

不只依賴顏色
開啟差異符號即可顯示 + 與 −。啟用行號後,可讓差異符號取代變更行的行號;關閉取代選項時,符號使用獨立欄。即使隱藏行號,也能保留差異符號。關閉符號不會移除背景顏色。
示範將原始碼第 11 行標記為刪除、第 12 行標記為新增,顯示行號從 10 開始,因此重現時應使用原始碼位置,而非顯示數字。詳見行號設定。在深淺主題中檢查可讀性,不要只依賴紅綠顏色解釋變更。三種 HTML 輸出策略使用相同的差異設定。