CodeTag：代码语言标签显示插件

Forever_Rain · 2026-07-04 17:22:57 · 科技·工程

功能

可以在代码框上方显示这个代码框使用的语言。

:::info[点击查看效果图]

:::

原理

可以发现洛谷的每个代码框盒子 <div> 的属性总有 class="code-container"。又发现这个 <div> 下有一个 <pre> 总有属性 class="pre line-numbers hide-numbers language-[语言，比如C++为cpp]"，那么搜索这两个属性即可。

自定义设置

找到如下两行：

background: #cad5e8;   // 背景色
color: #000000;        // 文字颜色

其中 background 属性可以调整显示框的背景色，color 属性调整显示框的文字颜色。

下载

下载网址：

1. https://mine.xo.je/Forever_Rain/codetag.user.js

2. （备用） https://www.luogu.com.cn/paste/oscrv8ja