如何在GitHub Flavored Markdown中实现带删除线的单一大代码块
实现GitHub带删除线的全屏代码块的方法
GitHub原生Markdown确实没法直接给代码块加删除线,给你两个可行的方案:
方案一:HTML标签组合
用<del>标签包裹<pre><code>的组合,既能保留代码块的格式,又能加上连续全屏的删除线效果:<del> <pre><code>这是需要加删除线的代码内容 第二行代码 第三行代码,支持换行和语法高亮(只要指定语言) </code></pre> </del>要是需要语法高亮,在
<code>标签里加class="language-xxx",比如class="language-python",GitHub会自动识别并渲染高亮效果。方案二:无框表格模拟
嫌HTML标签繁琐的话,可以用无边框表格承载代码块,再给单元格内容加删除线:| <del>```python print("这是带删除线的代码") for i in range(5): print(i) ```</del> | --- |这个方法能沿用原生Markdown代码块语法,GitHub会自动隐藏表格边框,视觉上就是带删除线的全屏代码块。
你之前用多个<code>加<br>的方式杂乱,是因为每个<code>都是独立行内元素,没法维持代码块的连续格式;单个<code>只是行内代码,不是块级容器,自然没有全屏效果,换成<pre><code>的块级组合就能解决格式问题。
内容的提问来源于stack exchange,提问作者a0a7
相关产品推荐
相关产品推荐

