C++适配器模式实战:类适配器与对象适配器详解与应用
1. 项目概述为什么适配器模式是C开发者的“瑞士军刀”在C的世界里我们常常会遇到这样的场景你手上有一个功能强大、逻辑成熟的类库但它的接口却与你当前项目期望的调用方式格格不入。比如你有一个第三方的日志库它要求你传入一个std::string类型的文件名而你的系统里到处是C风格的const char*或者你有一套基于旧标准比如C98编写的几何计算模块现在需要无缝接入到使用现代CC11/14/17特性的新框架中。这时候你是选择大刀阔斧地修改第三方库的源码风险极高且可能违反许可协议还是无奈地在新代码里到处打补丁写一堆丑陋的转换代码显然这两种都不是优雅的解决方案。而适配器模式正是为解决这类“接口不兼容”问题而生的设计模式。它就像一个万能的转接头或者一把编程领域的“瑞士军刀”在不改变现有代码结构的前提下让原本不兼容的类能够协同工作。在C中实现适配器模式尤其能体现这门语言在抽象、封装和零开销抽象方面的强大能力。本文将深入拆解适配器模式在C中的两种核心实现方式——类适配器和对象适配器并结合实际案例、内存模型和性能考量为你呈现一份可直接用于生产环境的实战指南。无论你是正在准备C面试、学习设计模式还是在实际项目中遇到了接口整合的难题这篇文章都将为你提供清晰的思路和可靠的代码。2. 适配器模式的核心思想与两种实现路径适配器模式的核心目标非常明确转换接口使得原本由于接口不兼容而不能一起工作的类可以一起工作。它的别名是包装器Wrapper这个别名非常形象地说明了它的作用——将一个对象包装起来提供一个新的接口。在C中我们主要可以通过两种技术路径来实现适配器类适配器和对象适配器。这两种路径的选择深刻体现了C多重继承、组合与面向对象设计之间的权衡。2.1 类适配器通过继承实现接口转换类适配器采用继承的方式来实现。它同时继承自目标接口和需要被适配的类适配者。这样适配器类就“是”目标接口类型同时也“拥有”了适配者类的所有功能可以在内部进行转换。它的工作原理如下目标接口Target定义客户端期望使用的接口。这是一个抽象基类纯虚类或者至少是一个定义了明确接口的类。适配者Adaptee已经存在的、功能完整但接口不兼容的类。它就是我们需要被“适配”的对象。适配器Adapter核心角色。它公开继承自Target从而拥有了Target的接口。同时它私有继承或保护继承自Adaptee在C中更常用私有继承来表示“以…实现”的关系从而获得了Adaptee的实现。然后在重写的Target接口方法中调用Adaptee的相应方法来完成功能。一个典型的代码骨架// 目标接口我们系统期望的插座 class TargetSocket { public: virtual ~TargetSocket() default; virtual void supplyPower() const 0; // 期望提供电力 }; // 适配者一个欧标插头接口不兼容 class EuropeanPlug { public: void provideEUPower() const { std::cout 提供220V交流电欧标。\n; } }; // 类适配器欧标转国标的转换头 class AdapterClass : public TargetSocket, private EuropeanPlug { public: void supplyPower() const override { // 在目标接口方法内部调用适配者的方法 std::cout 适配器开始工作; provideEUPower(); // 调用被适配者的功能 std::cout 已转换为标准接口供电。\n; } };类适配器的优点直接高效由于适配器直接继承自适配者它可以直接访问适配者的protected成员甚至重写其虚函数灵活性较高。适配器即适配者适配器对象本身就是适配者类型在某些需要类型匹配的特定场景下可能有用。类适配器的缺点与注意事项强耦合这是最致命的缺点。适配器通过继承紧密绑定到了特定的Adaptee类。如果Adaptee类发生变化比如接口修改适配器类很可能需要同步修改。这违反了“组合优于继承”的原则。单继承语言不适用在Java、C#等不支持多重继承的语言中如果Target是类而非接口则无法使用类适配器。C虽然支持多重继承但也需谨慎使用避免“菱形继承”等复杂问题。破坏了封装私有继承虽然限制了外部对Adaptee成员的访问但适配器内部对Adaptee的依赖依然是白盒的而非黑盒的组合关系。实操心得在现代C项目中除非有非常特殊的理由例如需要重写适配者类的虚函数或者适配者类本身就是为继承而设计且接口极其稳定否则我通常不推荐优先使用类适配器。强耦合带来的维护成本在长期项目中往往是不可接受的。2.2 对象适配器通过组合实现接口转换对象适配器采用组合或聚合的方式来实现。适配器内部持有一个适配者对象的指针或引用并通过调用这个对象的方法来实现目标接口。它的工作原理如下目标接口Target与类适配器相同。适配者Adaptee与类适配器相同。适配器Adapter核心角色。它公开继承自Target。但它并不继承Adaptee而是在内部持有一个Adaptee的实例或指针、引用、std::unique_ptr等。在重写的Target接口方法中它通过这个持有的实例来调用Adaptee的方法。一个改进后的代码骨架// 目标接口和适配者类定义同上... // 对象适配器通过组合持有适配者 class AdapterObject : public TargetSocket { private: // 核心持有适配者对象的指针这里用引用假设生命周期由外部管理 const EuropeanPlug plug_; public: // 通过构造函数注入依赖 explicit AdapterObject(const EuropeanPlug plug) : plug_(plug) {} void supplyPower() const override { std::cout 适配器开始工作; plug_.provideEUPower(); // 通过成员对象调用功能 std::cout 已转换为标准接口供电。\n; } };对象适配器的优点松耦合这是最大的优势。适配器只依赖于Adaptee的公共接口而不关心其具体实现或继承结构。Adaptee类可以独立变化只要公共接口不变适配器就无需修改。符合“针对接口编程而非实现编程”的原则。更灵活一个适配器对象可以适配多个不同的Adaptee子类对象如果它们有共同接口甚至可以在运行时动态更换所持有的Adaptee对象实现更动态的适配。符合设计原则严格遵守了“组合优于继承”和“单一职责原则”。适配器的职责就是接口转换而功能实现则委托给Adaptee对象。对象适配器的缺点与注意事项轻微的性能开销相比类适配器的直接继承调用对象适配器多了一层间接调用通过指针或引用。但在绝大多数场景下这点开销可以忽略不计。需要管理对象生命周期如果适配器持有的是原始指针需要仔细考虑Adaptee对象的生命周期防止悬垂指针。更推荐使用智能指针如std::unique_ptr、std::shared_ptr或引用如果生命周期明确由外部管理来明确所有权关系。实操心得在超过90%的C适配器模式应用场景中对象适配器是首选方案。它的松耦合特性使得代码更容易测试、维护和扩展。例如你可以很方便地用一个Mock对象来替换真实的Adaptee对适配器进行单元测试。3. 实战案例让旧式几何库融入现代图形框架让我们通过一个更贴近开发的完整案例来感受对象适配器的威力。假设我们有一个遗留的、用C风格函数和结构体编写的二维几何库LegacyGeometry而我们的新项目是一个使用现代C、基于抽象基类Shape的图形框架。我们的目标是将旧库的功能无缝接入新框架。3.1 定义不兼容的双方首先是我们的新框架期望的接口// Target现代图形框架的形状接口 class Shape { public: virtual ~Shape() default; virtual void draw() const 0; virtual double area() const 0; virtual std::string name() const 0; };然后是我们无法或不愿修改的旧几何库// Adaptee遗留的C风格几何库 namespace LegacyGeometry { // 旧式的结构体 struct LegacyRectangle { int x, y; // 左上角坐标 int width, height; }; // 旧式的C风格函数 void legacyDrawRect(const LegacyRectangle* rect) { std::cout [Legacy] Drawing rectangle at ( rect-x , rect-y ) with size rect-width x rect-height std::endl; } int legacyCalculateArea(const LegacyRectangle* rect) { return rect-width * rect-height; } // 假设还有一个画圆的功能 struct LegacyCircle { int cx, cy, radius; }; void legacyDrawCircle(const LegacyCircle* circle) { /* ... */ } int legacyCalculateCircleArea(const LegacyCircle* circle) { /* ... */ } }可以看到LegacyGeometry的接口函数和结构体与我们的Shape抽象类完全对不上。3.2 构建对象适配器我们将为LegacyRectangle创建一个适配器让它看起来像一个Shape。// Adapter矩形适配器 class RectangleAdapter : public Shape { private: // 组合持有被适配的旧式结构体实例 LegacyGeometry::LegacyRectangle legacyRect_; // 通常我们还会持有一些适配所需的额外状态比如名称 std::string name_; public: // 通过构造函数用现代C的参数初始化旧式结构体 RectangleAdapter(int x, int y, int w, int h, std::string name Rectangle) : name_(std::move(name)) { legacyRect_.x x; legacyRect_.y y; legacyRect_.width w; legacyRect_.height h; } // 实现Target接口draw void draw() const override { // 调用旧库的C风格函数传入结构体指针 LegacyGeometry::legacyDrawRect(legacyRect_); // 适配器可以添加新框架需要的额外逻辑比如日志 std::cout (Adapted by RectangleAdapter)\n; } // 实现Target接口area double area() const override { // 调用旧库的函数并可能进行类型转换int - double return static_castdouble(LegacyGeometry::legacyCalculateArea(legacyRect_)); } // 实现Target接口name std::string name() const override { return name_; } // 适配器还可以提供一些便捷方法用于访问或修改底层LegacyRectangle void translate(int dx, int dy) { legacyRect_.x dx; legacyRect_.y dy; } };3.3 客户端使用与新框架集成现在客户端代码可以完全以面向对象、现代C的方式来使用这个旧的几何库了int main() { std::vectorstd::unique_ptrShape shapes; // 创建适配后的矩形客户端感知不到LegacyGeometry的存在 shapes.push_back(std::make_uniqueRectangleAdapter(10, 20, 100, 50, MyRect)); // 理论上我们可以很容易地再创建一个CircleAdapter // shapes.push_back(std::make_uniqueCircleAdapter(...)); // 新框架的统一处理逻辑 for (const auto shape : shapes) { std::cout Shape: shape-name() \n; std::cout Area: shape-area() \n; shape-draw(); // 多态调用实际执行的是适配后的旧库函数 std::cout ---\n; } // 甚至可以向下转型需谨慎使用适配器特有的功能 if (auto rect dynamic_castRectangleAdapter*(shapes[0].get())) { rect-translate(5, 5); std::cout After translation:\n; shapes[0]-draw(); } return 0; }通过这个适配器我们成功地将一个接口陈旧的库完美地整合进了新的、基于多态的框架中且没有修改旧库的一行代码。客户端代码整洁、统一完全符合开闭原则。4. C特性在适配器模式中的高级应用与避坑指南C的丰富特性让我们能实现更安全、更高效、更现代的适配器。同时也有一些陷阱需要警惕。4.1 利用智能指针管理资源在对象适配器中如果适配者对象需要由适配器来创建和拥有使用智能指针可以自动管理生命周期避免内存泄漏。class ModernAdapter : public Shape { private: // 使用unique_ptr明确所有权适配器独占这个Adaptee对象 std::unique_ptrSomeLegacyObject legacyObj_; // 或者使用shared_ptr共享所有权 // std::shared_ptrSomeSharedLegacyObject legacyObj_; public: // 构造函数接管资源 ModernAdapter(std::unique_ptrSomeLegacyObject obj) : legacyObj_(std::move(obj)) { if (!legacyObj_) { throw std::invalid_argument(Adaptee object cannot be null); } } // ... 其他接口实现 };4.2 使用模板实现通用适配器如果有一系列接口相似但类型不同的适配者我们可以使用模板来避免为每个类型编写重复的适配器代码。这更像是“适配器模式”与“模板方法模式”或“策略模式”的结合。// 一个通用的函数对象适配器模板 template typename Adaptee class GenericDrawAdapter : public Shape { private: Adaptee adaptee_; std::functionvoid(const Adaptee) drawFunc_; std::functiondouble(const Adaptee) areaFunc_; std::string name_; public: GenericDrawAdapter(Adaptee a, std::functionvoid(const Adaptee) draw, std::functiondouble(const Adaptee) area, std::string name) : adaptee_(std::move(a)), drawFunc_(std::move(draw)), areaFunc_(std::move(area)), name_(std::move(name)) {} void draw() const override { drawFunc_(adaptee_); } double area() const override { return areaFunc_(adaptee_); } std::string name() const override { return name_; } }; // 使用示例 LegacyGeometry::LegacyCircle circle{50, 50, 30}; auto circleAdapter std::make_uniqueGenericDrawAdapterLegacyGeometry::LegacyCircle( circle, [](const LegacyGeometry::LegacyCircle c) { LegacyGeometry::legacyDrawCircle(c); }, [](const LegacyGeometry::LegacyCircle c) { return 3.14159 * c.radius * c.radius; }, GenericCircle );这种方法提供了极大的灵活性但类型擦除可能带来一定的运行时开销需权衡使用。4.3 常见问题与排查技巧实录在实际使用适配器模式时你可能会遇到以下典型问题问题1适配器导致性能下降明显。排查使用性能分析工具如perf,VTune, 或简单的std::chrono对比直接调用Adaptee和通过适配器调用的开销。解决确认开销来源开销主要来自虚函数调用多态、动态内存分配如果适配器内部new了对象还是额外的逻辑层虚函数调用开销在现代CPU上通常很小纳秒级。优化策略如果Adaptee对象很小且可复制考虑在适配器内部直接存储其值而非指针避免堆分配。检查适配器的draw(),area()等方法是否包含不必要的拷贝或转换。例如上例中的area()返回double而旧库返回int转换是必要的。对于性能极度敏感的模块可以考虑使用静态多态CRTP来消除虚函数开销但这会牺牲一些动态灵活性。问题2适配器无法处理Adaptee的所有功能或异常。排查Adaptee的某些方法可能抛出异常或者有特殊的错误码返回机制而Target接口没有对应的错误处理约定。解决异常转换在适配器方法内部用try-catch捕获Adaptee抛出的异常并将其转换为Target接口上下文下合理的异常或错误状态。void draw() const override { try { LegacyGeometry::legacyDrawRect(legacyRect_); } catch (const LegacyGeometry::LegacyError e) { // 将旧库的特定异常转换为更通用的异常 throw std::runtime_error(Failed to draw shape: std::string(e.what())); } }功能取舍明确适配器的职责。它可能只适配Adaptee的核心功能子集。对于未适配的功能要么在适配器中忽略并记录日志要么通过适配器提供的额外公共方法来暴露但这会污染Target接口的纯洁性需谨慎。问题3需要适配的Adaptee类过多导致适配器类爆炸。排查系统中存在大量接口各异但功能相似的旧类需要适配。解决使用模板适配器如上文的GenericDrawAdapter可以大幅减少重复代码。重构Adaptee如果可能先对旧代码进行小幅重构提取公共接口或创建一层薄薄的包装然后再针对这个统一的接口编写一个适配器。这相当于进行了两次适配但长期来看更易维护。评估是否真的需要适配器模式如果旧类数量巨大且差异也大或许引入一个全新的、统一的中介层Facade模式或进行彻底的重写是更经济的选择。问题4适配器在多层嵌套或复杂依赖中难以调试。排查当调用链是Client - Adapter - Adaptee - AnotherAdaptee时问题定位困难。解决注入日志或追踪点在适配器的关键方法入口和出口添加详细的日志输出记录参数、调用结果和耗时。使用依赖注入确保适配器对Adaptee的依赖是通过构造函数注入的这样在单元测试或调试时你可以轻松地注入一个打印日志的MockAdaptee来观察调用流程。保持适配器职责单一一个适配器只做一件事——接口转换。不要在其中添加业务逻辑这会让调试变得更复杂。5. 适配器模式在C生态中的典型应用场景理解了原理和实现我们来看看适配器模式在哪些具体场景下能大显身手。这能帮助你在设计时快速识别出使用该模式的时机。场景一集成第三方库或遗留代码这是最经典的场景。无论是集成一个C语言编写的图像处理库libpng还是一个接口设计风格迥异的网络通信库适配器都能帮你创建一个符合项目内部规范的“门面”隔离外部库的变化。场景二数据格式转换你的核心业务逻辑处理的是Json对象但某个底层模块只接受XML字符串。你可以编写一个XmlToJsonAdapter它实现DataProcessor接口内部封装了XML解析和JSON构建的逻辑。场景三接口标准化与测试在单元测试中你经常需要模拟Mock一些难以构造或具有副作用的依赖如数据库、网络服务。你可以为这些依赖定义一套干净的抽象接口Target然后为真实实现和Mock实现分别编写适配器。这样生产代码通过Target接口工作测试时注入Mock适配器即可。Google Test中的Mock类本质上就是这种思想的体现。场景四支持多种算法或策略假设你有一个排序接口Sorter你可能有QuickSorter,MergeSorter等不同实现但它们内部可能调用了不同算法库如STL的std::sort、Boost的排序或自定义算法。你可以为每个算法库实现一个适配器让它们都符合Sorter接口从而让客户端代码可以灵活切换排序策略而无需关心底层实现。场景五适配不同版本的API当使用的库升级了新版本API发生了破坏性变更而你的项目暂时无法全面升级。你可以为新版本API编写一个适配器让它模拟旧版本API的行为从而让你的主体代码无需修改平滑过渡。最后我个人在实际项目中的体会是适配器模式是一种“务实”的模式。它承认了软件世界中接口不兼容是常态并提供了一种代价最小、侵入性最低的解决方案。它的重点不在于创造新的功能而在于“连接”与“复用”。在C中实现时务必优先考虑对象适配器组合谨慎使用类适配器继承并充分利用现代C的特性如智能指针、移动语义、lambda表达式来编写更安全、更清晰的适配器代码。当你下次再遇到“这个库很好但接口没法直接用”的烦恼时不妨想一想是不是该请出“适配器”这把瑞士军刀了

相关新闻

大模型开发框架LangChain、LangGraph与LangSmith全解析

大模型开发框架LangChain、LangGraph与LangSmith全解析

1. 大模型开发框架全景解析作为一名长期跟踪AI技术演进的开发者,我见证了从早期单一模型调用到如今复杂AI应用开发的完整历程。当前大模型开发领域已形成三大核心工具链:LangChain、LangGraph和LangSmith,它们分别解决了不同层面的开发痛点。…

2026/10/18 23:33:05 阅读更多 →
开发者转型AI工程师的实战路径与核心技能

开发者转型AI工程师的实战路径与核心技能

1. 开发者转型AI工程师的底层逻辑2017年我在GitHub上第一次接触TensorFlow时,完全没料到六年后大模型会彻底改变技术行业的职业发展路径。最近三个月,我面试了47位试图转型AI的开发者,发现普遍存在三个认知误区:认为需要重学数学基…

2026/10/21 21:16:50 阅读更多 →
开源群聊平台Buzz部署指南:基于Node.js+React构建企业级IM系统

开源群聊平台Buzz部署指南:基于Node.js+React构建企业级IM系统

Jack 开源群聊平台 Buzz 完整部署与开发指南:从零搭建企业级即时通讯系统在团队协作工具市场被 Slack、Microsoft Teams 等巨头垄断的背景下,独立开发者 Jack 近期发布的开源群聊平台 Buzz 引起了广泛关注。作为一名长期关注开源协作工具的技术博主&…

2026/10/21 4:33:51 阅读更多 →

最新新闻

Electron桌面应用开发实战:从环境搭建到打包发布全流程

Electron桌面应用开发实战:从环境搭建到打包发布全流程

做前端这些年,我大部分时间都在跟浏览器标签页打交道,直到第一次把桌面应用跑起来,才发现原来自己一直被限制在地址栏和刷新按钮围起来的框框里。Electron这个词,最开始是在某段时间频繁出现在同事的讨论里,一个用HTML…

2026/10/22 10:18:38 阅读更多 →
滑盖智能锁T109深度解析:结构原理、安装调试与故障排查

滑盖智能锁T109深度解析:结构原理、安装调试与故障排查

简介:亚太天能T109滑盖智能锁产品说明书是一份PDF格式的官方技术文档,主要面向智能锁安装人员、终端用户及售后维护者,帮助快速掌握产品安装、配置与常见故障处理。全包仅1个PDF文件,大小4.37MB,内容结构清晰&#xff…

2026/10/22 11:01:53 阅读更多 →
PMSM弱磁控制原理与Simulink建模:高速AGV驱动系统设计指南

PMSM弱磁控制原理与Simulink建模:高速AGV驱动系统设计指南

上个月我在调试一台高速AGV的驱动系统,整车要求空载跑到8m/s,电机转速已经拉到额定点,驱动器的输出电压也顶到了母线电压极限附近。再往上踩速度指令,转速纹丝不动,三相电流反而开始震荡。那会儿我的第一反应就是&…

2026/10/22 9:44:47 阅读更多 →
C++核心知识点:从内存管理到STL的实战指南

C++核心知识点:从内存管理到STL的实战指南

C 这门语言我前前后后折腾了十几年,用它写过嵌入式驱动、做过游戏服务端,也搭过基础组件库。每次看到新人一头扎进"C 核心知识点"这个搜索词,我其实挺感慨的——这门语言的难点从来不是语法多,而是知识点之间的耦合太深…

2026/10/22 10:42:00 阅读更多 →
T109滑盖智能锁怎么装?安装调试与故障排查全攻略

T109滑盖智能锁怎么装?安装调试与故障排查全攻略

简介:亚太天能T109滑盖智能锁产品说明书以PDF格式发布,适合智能锁用户、安装人员与售后维修人员阅读。内容围绕T109系列指纹密码刷卡锁展开,先介绍前面板、后面板、锁体、机械钥匙、电池盒盖等部件名称与功能,再给出完整安装步骤&…

2026/10/22 10:40:08 阅读更多 →
LLM知识降熵:从信息垄断到理解权下放

LLM知识降熵:从信息垄断到理解权下放

你有没有过这种经历:翻开源码注释、论文摘要或者一份专业报告,每个字都认识,连在一起却像天书。想找人聊聊,身边要么没人懂,要么懂的懒得跟你解释。后来我试着把同一段内容丢给一个大语言模型,几秒钟之后&a…

2026/10/22 10:56:37 阅读更多 →

日新闻

周新闻

基于GMM的语音识别系统原理与MATLAB实现详解

基于GMM的语音识别系统原理与MATLAB实现详解

说到基于高斯混合模型(GMM)的语音识别系统,很多人第一反应就是一堆数学公式,觉得门槛很高。但如果你真的在MATLAB里把它落地跑通,会发现核心其实就是三件事:把声音变成特征向量,用GMM给每个类别…

2026/10/22 1:47:45 阅读更多 →
数字图像处理入门:反白、灰度化、调色板修改与导出txt实践

数字图像处理入门:反白、灰度化、调色板修改与导出txt实践

数字图像处理这四个字听起来挺唬人,但落到具体操作上,无非就是让计算机按你的想法“摆弄”像素。我在一个模拟项目X里用了一套特别经典的基础处理流程:对图像做反白、改调色板、彩色转灰度,最后把像素数据导出成txt文件。单看每一…

2026/10/22 21:33:42 阅读更多 →
机器人大脑技术盘点:具身智能的感知、决策与数据闭环

机器人大脑技术盘点:具身智能的感知、决策与数据闭环

如果你的信息流最近也天天刷到“机器人大脑”这个词,你会发现一个很有意思的现象:每个人说的“大脑”根本不是同一个东西。有人指的是大语言模型,有人指的是运动控制系统,还有人指的是能理解物理世界的端到端模型。在2026年这个时…

2026/10/22 5:12:39 阅读更多 →

月新闻

我发现了一个新思路:用 Remotion + Claude Code 像写代码一样自动化生成短视频

我发现了一个新思路:用 Remotion + Claude Code 像写代码一样自动化生成短视频

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/21 21:50:56 阅读更多 →
Windows下 Codex 中 Chrome 和 Computer Use 插件不可用问题排查及解决参考方式:TaoToken 统一 Key 配置与验证

Windows下 Codex 中 Chrome 和 Computer Use 插件不可用问题排查及解决参考方式:TaoToken 统一 Key 配置与验证

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/21 21:51:55 阅读更多 →
黑夜航拍船只数据集训练YOLOV5模型全流程解析

黑夜航拍船只数据集训练YOLOV5模型全流程解析

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/22 19:06:46 阅读更多 →