You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.23 03:22:38