如何使用

将代码块的 language-diff 替换为一个 language-diff-xxxx 类,以允许对 diff 块进行语法高亮显示。

可选
可以将 diff-highlight 类添加到代码块中,以使用文本背景色而不是文本颜色来指示更改。

自动加载程序

自动加载程序插件 会识别 language-diff-xxxx 格式,并将确保加载 diff 和代码语言的语言定义。

示例

使用 class="language-diff"

@@ -4,6 +4,5 @@
-    let foo = bar.baz([1, 2, 3]);
-    foo = foo + 1;
+    const foo = bar.baz([1, 2, 3]) + 1;
     console.log(`foo: ${foo}`);

使用 class="language-diff diff-highlight"

@@ -4,6 +4,5 @@
-    let foo = bar.baz([1, 2, 3]);
-    foo = foo + 1;
+    const foo = bar.baz([1, 2, 3]) + 1;
     console.log(`foo: ${foo}`);

使用 class="language-diff-javascript"

@@ -4,6 +4,5 @@
-    let foo = bar.baz([1, 2, 3]);
-    foo = foo + 1;
+    const foo = bar.baz([1, 2, 3]) + 1;
     console.log(`foo: ${foo}`);

使用 class="language-diff-javascript diff-highlight"

@@ -4,6 +4,5 @@
-    let foo = bar.baz([1, 2, 3]);
-    foo = foo + 1;
+    const foo = bar.baz([1, 2, 3]) + 1;
     console.log(`foo: ${foo}`);

使用 class="language-diff-rust diff-highlight"
(使用自动加载程序来加载 rust 语言定义。)

@@ -111,6 +114,9 @@
         nasty_btree_map.insert(i, MyLeafNode(i));
     }

+    let mut zst_btree_map: BTreeMap<(), ()> = BTreeMap::new();
+    zst_btree_map.insert((), ());
+
     // VecDeque
     let mut vec_deque = VecDeque::new();
     vec_deque.push_back(5);