如何实现类代码块样式区块中嵌入内部链接？

我太懂你要的效果了——就是要个看起来跟代码块一模一样的区块，但能在里面加可点击的内部链接，完全不需要真代码块的语法高亮、代码执行那些功能对吧？这就给你几个实用的方案：

方案1：HTML标签组合（最稳妥通用） #

原生Markdown代码块确实没法加链接，但咱们直接用HTML的<pre>和<code>标签就能完美解决！这俩标签组合起来默认样式就和代码块一致，而且里面可以自由插入<a>标签做内部链接。示例代码如下：

<pre><code>这是类代码块内容，这里可以加<a href="#方案2">跳转到方案2</a>的内部链接，还能混入`模拟的代码片段`哦</code></pre>

这个写法几乎在所有支持HTML的平台都能生效，而且外观和原生代码块高度一致，对主题的兼容性也很好，不用太担心样式跑偏。

方案2：自定义样式的引用区块（需平台支持CSS） #

如果你的使用平台允许自定义CSS，也可以把Markdown引用区块改成代码块的样子：

这是用引用区块改造的类代码块，里面可以加跳转到方案1的内部链接
然后给这个引用区块加上对应的CSS样式：

blockquote.code-style {
  background-color: #f6f8fa; /* 模拟GitHub代码块背景色 */
  padding: 16px;
  font-family: monospace;
  border-left: none;
  border-radius: 6px;
}

不过这个方案依赖平台是否支持自定义样式，如果是在不允许加CSS的场景，还是方案1更靠谱。

方案3：单列表格模拟（极端兼容场景） #

要是上面两种都用不了，还能用单列表格来模拟代码块外观，几乎所有平台都支持表格：

你可以给表格加个简单的样式让边框消失、背景变灰，就能达到以假乱真的效果啦。

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