如何在Markdown三重反引号代码块中高亮标注部分代码内容

标准三重反引号包裹的Markdown代码块默认会把内部所有内容解析为纯文本，不支持嵌套HTML标签或其他Markdown格式，所以你之前插入的<pre>、<mark>标签会直接显示为源码，无法生效，以下是三种可行的实现方案：

方案1：使用支持高亮扩展的代码块语法 #

绝大多数主流Markdown渲染器（GitHub Flavored Markdown、Obsidian、MkDocs等）都内置了代码块高亮扩展，可直接实现荧光笔效果，分两种常用形式：

• 行级高亮：在三重反引号的后缀参数中加hl_lines指定要高亮的行号，示例写法如下：

```javascript hl_lines="2 3"
function add(a,b) {
  // 该行会被高亮
  return a + b
}

- 字符级高亮：部分渲染器支持用特殊注释包裹指定片段，实现局部内容高亮，示例写法如下：
```markdown
```javascript
function add(a,b) {
  return /* highlight-start */ a + b /* highlight-end */
}

不同渲染器的标记规则可能略有区别，比如部分工具用`==`包裹高亮片段，可根据你使用的渲染器对应调整标记。

## 方案2：用原生HTML块实现自定义高亮
如果你的Markdown渲染器支持HTML解析，可以直接放弃三重反引号，用原生`<pre>`+`<code>`+`<mark>`标签组合实现效果，示例写法如下：
```html
<pre><code>
function add(a,b) {
  return <mark style="background: #fff3a1;">a + b</mark>
}
</code></pre>

你还可以给<mark>标签添加style属性自定义高亮颜色、字体样式等效果。

方案3：纯文本模拟高亮 #

如果所用渲染器既不支持扩展语法也不支持HTML解析，可以用特殊符号包裹高亮内容做模拟提示：

function add(a,b) {
  return ==== a + b ====
}

内容的提问来源于stack exchange，提问作者Alekh Kumar