代码差异行高亮:新增行与删除行

分别设置新增行与删除行的范围、颜色、不透明度及符号,展示清晰的代码修改前后对照。

代码差异行高亮:新增行与删除行

截图使用英文界面;控件文字会随网站语言切换。

手动标记变更

打开“行与标记”,在新增行和删除行中填写 7、11-12 等源代码位置。两组都拥有独立的范围、颜色、不透明度。这是展示工具,不会比较两个文件,也不会自动计算 Git 差异。旧代码和新代码应同时存在于输入中,再由你指定标记。

默认新增背景为亮绿色 #22c55e,不透明度 20%。降低不透明度可以透出更多主题背景。重置按钮恢复该组默认颜色与不透明度,保留行范围。

独立设置删除行

删除行的独立范围、红色背景与不透明度控件

删除背景默认为暗红色 #b91c1c、30%。删除行仍出现在预览和导出中,不会真的删除源代码。同一行同时标记为新增与删除时,以删除为准。无效范围只清空相应组的活动范围并显示提示。

蓝色强调、紫色聚焦、绿色新增与红色删除的实际代码效果

不只依赖颜色

开启差异符号即可显示 + 和 −。启用行号后,可让差异符号替换变更行的行号;关闭替换选项时,符号使用独立列。即使隐藏行号,也能保留差异符号。关闭符号不会移除背景颜色。

演示将源代码第 11 行标记为删除、第 12 行标记为新增,显示行号从 10 开始,因此复现时应使用源代码位置,而不是显示数字。详见行号设置。在深浅主题中检查可读性,不要只依赖红绿颜色解释变更。三种 HTML 输出策略使用相同的差异设置。

打开代码高亮工具 · 全部指南 · 文章与工具对比