「原创」本文汇总所有在代码块内嵌套代码块的方法!
- 内容介绍
- 文章标签
- 相关推荐
前言:
这份教程还有网页版,内容一致:
code-block-nesting.stellafortuna.dpdns.org
(使用纯flexbox)
https://66119b41.code-block-nesting.pages.dev/
(使用纯grid 导致了表格报废w)
dreamina_7622548765475360046_17747640231492560×1440 212 KB
Markdown 代码块嵌套指南:如何在套娃里再放一个套娃
写提示词、写教程、写技术文档的时候,你大概率遇到过这个场景——
整段内容需要用代码块包起来方便一键复制,但内容里本身又有代码块语法。
于是内层的```和外层的```撞车了,代码块被拦腰斩断,内容碎了一地。
这个话题带你用两种方式解决它,再拆穿一个常见误区~
方法一:外层更长,逐层递减(王牌方案!~)
CommonMark 规范里有一条精巧的规则:关闭围栏的反引号数量必须 ≥ 开启围栏的数量。
这意味着,如果外层用 ````(四个反引号),那内层的 ```(三个)根本不够格触发关闭,解析器会把它当成普通文本跳过
原理很直觉:大套娃装小套娃,尺寸够大自然装得下
需要更多层嵌套?继续加反引号就行——五个包四个,四个包三个,无限套下去
事实上,这篇教程本身就在用这个方法(最多用了`````),它自己就是自己的活体证明
示范: 假设你在写一个前端助手的提示词,里面需要放一段 CSS 示例——
外层用 ````,内层用 ```。
前言:
这份教程还有网页版,内容一致:
code-block-nesting.stellafortuna.dpdns.org
(使用纯flexbox)
https://66119b41.code-block-nesting.pages.dev/
(使用纯grid 导致了表格报废w)
dreamina_7622548765475360046_17747640231492560×1440 212 KB
Markdown 代码块嵌套指南:如何在套娃里再放一个套娃
写提示词、写教程、写技术文档的时候,你大概率遇到过这个场景——
整段内容需要用代码块包起来方便一键复制,但内容里本身又有代码块语法。
于是内层的```和外层的```撞车了,代码块被拦腰斩断,内容碎了一地。
这个话题带你用两种方式解决它,再拆穿一个常见误区~
方法一:外层更长,逐层递减(王牌方案!~)
CommonMark 规范里有一条精巧的规则:关闭围栏的反引号数量必须 ≥ 开启围栏的数量。
这意味着,如果外层用 ````(四个反引号),那内层的 ```(三个)根本不够格触发关闭,解析器会把它当成普通文本跳过
原理很直觉:大套娃装小套娃,尺寸够大自然装得下
需要更多层嵌套?继续加反引号就行——五个包四个,四个包三个,无限套下去
事实上,这篇教程本身就在用这个方法(最多用了`````),它自己就是自己的活体证明
示范: 假设你在写一个前端助手的提示词,里面需要放一段 CSS 示例——
外层用 ````,内层用 ```。

