1
console.log('这段代码具有语法高亮！')

1
```js title="my-test-file.js"
2
console.log('带有标题属性的示例')```

1
```html  <!-- src/content/index.html -->
2
<div>通过注释指定文件名的示例</div>```

1
```bash
2
echo "这个终端外框没有标题"```

1
```powershell title="PowerShell 终端示例"
2
Write-Output "这个带有一个标题！"```

1
```sh frame="none"
2
echo "看，没有任何外框！"```

1
echo "看，没有任何外框！"

1
```ps frame="code" title="PowerShell Profile.ps1"
2
# 如果不手动覆盖，这通常会被自动识别为终端外框
3
function Watch-Tail { Get-Content -Tail 20 -Wait $args }
4
New-Alias tail Watch-Tail```

1
```js {1, 4, 7-8}
2
// 第 1 行 - 通过行号标记
3
// 第 2 行
4
// 第 3 行
5
// 第 4 行 - 通过行号标记
6
// 第 5 行
7
// 第 6 行
8
// 第 7 行 - 通过范围 "7-8" 标记
9
// 第 8 行 - 通过范围 "7-8" 标记```

1
// 第 1 行 - 通过行号标记
2
// 第 2 行
3
// 第 3 行
4
// 第 4 行 - 通过行号标记
5
// 第 5 行
6
// 第 6 行
7
// 第 7 行 - 通过范围 "7-8" 标记
8
// 第 8 行 - 通过范围 "7-8" 标记

1
```js title="line-markers.js" del={2} ins={3-4} {6}
2
function demo() {
3
  console.log('这一行被标记为已删除')
4
  // 这一行和下一行被标记为已插入
5
  console.log('这是第二个插入行')
6

7
  return '这一行使用中性的默认标记类型'
8
}```

1
```diff
2
+这一行将被标记为已插入
3
-这一行将被标记为已删除
4
这是一行普通代码```

1
这一行将被标记为已插入
2
这一行将被标记为已删除
3
这是一行普通代码

1
```diff
2
--- a/README.md
3
+++ b/README.md
4
@@ -1,3 +1,4 @@
5
+这是一个真实的 diff 文件示例
6
-所有内容都将保持原样
7
 连空格也不会被移除```

1
--- a/README.md
2
+++ b/README.md
3
@@ -1,3 +1,4 @@
4
+这是一个真实的 diff 文件示例
5
-所有内容都将保持原样
6
 连空格也不会被移除

1
```diff lang="js"
2
  function thisIsJavaScript() {
3
    // 整个代码块按 JavaScript 高亮，
4
    // 同时我们仍然可以添加 diff 标记！
5
-   console.log('旧的代码将被移除')
6
+   console.log('全新的闪亮代码！')
7
  }```

1
function thisIsJavaScript() {
2
  // 整个代码块按 JavaScript 高亮，
3
  // 同时我们仍然可以添加 diff 标记！
4
  console.log('旧的代码将被移除')
5
  console.log('全新的闪亮代码！')
6
}

1
```js "指定文本"
2
function demo() {
3
  // 标记行内任何出现的“指定文本”
4
  return '支持多次匹配指定文本';
5
}```

1
function demo() {
2
  // 标记行内任何出现的“指定文本”
3
  return '支持多次匹配指定文本';
4
}

1
```ts /ye[sp]/
2
console.log('单词 yes 和 yep 都将被标记。')```

1
console.log('单词 yes 和 yep 都将被标记。')

1
```js "return true;" ins="inserted" del="deleted"
2
function demo() {
3
  console.log('这些是 inserted 和 deleted 标记类型');
4
  // return 语句使用默认标记类型
5
  return true;
6
}```

1
function demo() {
2
  console.log('这些是 inserted 和 deleted 标记类型');
3
  // return 语句使用默认标记类型
4
  return true;
5
}

1
```js wrap
2
// 开启换行的示例
3
function getLongString() {
4
  return '这是一段非常长的字符串，如果不开启自动换行，它很可能超出现在容器的显示范围，除非容器极宽。'
5
}```

1
// 开启换行的示例
2
function getLongString() {
3
  return '这是一段非常长的字符串，如果不开启自动换行，它很可能超出现在容器的显示范围，除非容器极宽。'
4
}

1
```js wrap=false
2
// 关闭换行的示例 (wrap=false)
3
function getLongString() {
4
  return '这是一段非常长的字符串，如果不开启自动换行，它很可能超出现在容器的显示范围，除非容器极宽。'
5
}```

1
// 关闭换行的示例 (wrap=false)
2
function getLongString() {
3
  return '这是一段非常长的字符串，如果不开启自动换行，它很可能超出现在容器的显示范围，除非容器极宽。'
4
}

1
```js wrap preserveIndent
2
// 保持缩进示例 (默认开启)
3
function getLongString() {
4
  return '长字符串换行后会保持与上一行相同的缩进位置。'
5
}```

1
// 保持缩进示例 (默认开启)
2
function getLongString() {
3
  return '长字符串换行后会保持与上一行相同的缩进位置。'
4
}

1
```js wrap preserveIndent=false
2
// 关闭保持缩进示例 (preserveIndent=false)
3
function getLongString() {
4
  return '长字符串换行后将不再保持缩进，而是从行首开始。'
5
}```

1
// 关闭保持缩进示例 (preserveIndent=false)
2
function getLongString() {
3
  return '长字符串换行后将不再保持缩进，而是从行首开始。'
4
}

1
```js showLineNumbers
2
// 这个代码块将显示行号
3
console.log('来自第 2 行的问候！')
4
console.log('我在第 3 行')```

1
// 这个代码块将显示行号
2
console.log('来自第 2 行的问候！')
3
console.log('我在第 3 行')

1
```js showLineNumbers=false
2
// 这个代码块禁用了行号
3
console.log('你好？')
4
console.log('抱歉，你知道我在哪一行吗？')```

// 这个代码块禁用了行号
console.log('你好？')
console.log('抱歉，你知道我在哪一行吗？')

1
```js showLineNumbers startLineNumber=5
2
console.log('来自第 5 行的问候！')
3
console.log('我在第 6 行')```

5
console.log('来自第 5 行的问候！')
6
console.log('我在第 6 行')