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

如何在GitHub README的HTML下拉框中实现C#代码语法高亮?

解决GitHub README长代码折叠+语法高亮的可行方案

方案1:内嵌折叠代码(保留语法高亮)

GitHub原生支持在HTML <details> 标签内嵌套Markdown代码块,既能实现折叠效果,又能保留```方式的语法高亮。写法如下:

点击展开查看完整C#代码
// 替换为你的54行C#代码
public class SampleClass
{
    public void SampleMethod()
    {
        // 业务逻辑代码
    }
    // ... 其余代码
}

注意:<summary> 标签用于设置折叠面板的标题,代码块与HTML标签之间需保留空行,确保GitHub渲染正常。

方案2:代码与README分离(更易维护)

如果想把代码从README中抽离,单独放在仓库的某个文件(比如assets/YourCode.cs),可以用GitHub的代码引用语法结合折叠标签,实现既分离又可折叠高亮的效果:

点击展开查看完整C#代码

细节说明:

  • 路径assets/YourCode.cs是相对于仓库根目录的位置,根据实际文件位置调整
  • 如果只想引用文件中的特定行,可添加行号范围,比如include="assets/YourCode.cs" lines="1-54"
  • 这种方式下,代码维护只需修改单独的代码文件,无需改动README

内容的提问来源于stack exchange,提问作者Zeek Joseph

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.15 03:07:44