内容标签使用指南

本文档介绍在文章中可以使用的所有内联标签功能，涵盖文字特效、行内装饰、链接卡片等。所有功能均基于 remark 插件 + 自定义 CSS 实现，适配亮色/暗黑模式。

文字特效

下划线

使用 ++文字++ 包裹即可生成红色下划线：

这是一段 含有下划线的文字，效果明显。

波浪下划线

在 <ins> 标签上加 class="wavy" 实现波浪线：

这是一段 含有波浪下划线的文字，像涟漪一样。

虚点下划线

在 <ins> 标签上加 class="dot" 实现虚点线：

这是一段 含有虚点下划线的文字，精致细腻。

彩色下划线

<ins> 支持多种颜色变体，通过 class 控制：

主要色下划线　 成功绿下划线　 警告黄下划线　 危险红下划线　 信息蓝下划线

荧光高亮

使用 ==高亮文字== 包裹产生荧光笔效果：

这是一段 荧光高亮 的文字，在亮色模式下为黄色，暗黑模式下为深琥珀色，护眼醒目。

上标与下标

使用 ^上标^ 和 ~下标~ 语法：

水的化学式是 H2O，地球表面积约为 510^{百万平方公里}。

键盘键

使用 <kbd> 标签模拟键盘按键的 3D 视觉效果：

使用快捷键 Ctrl + C 复制，Ctrl + V 粘贴。

黑幕（Spoiler）

使用 <span class="spoiler"> 隐藏敏感内容，鼠标悬停才显示：

下面这句话包含 这是隐藏的黑幕内容，鼠标滑过即可查看 黑幕效果。

模糊黑幕

加 blur 类实现模糊效果，鼠标悬停变清晰：

彩色文字

使用 <span class="c-颜色名"> 快速变换字体颜色：

组合使用示例：

红色、蓝色 与 紫色 搭配使用，突出重点信息。

七彩渐变文字

使用 <span class="rainbow"> 让文字流动变色：

内联标签块

使用 <span class="label"> 配合颜色变体生成内联标签：

default　 primary　 success　 info　 warning　 danger

也可以与彩色文字组合：

主要操作　 ✓ 已完成　 ✗ 已失败

链接卡片

在 .mdx 文件中引入 LinkCard 组件，可生成友链风格的链接卡片，包含标题、描述和可选图标：

GitHub 全球最大的代码托管平台

总结

所有功能一览：