UE5+Cesium加载本地倾斜摄影模型:从OSGB到动态3D场景全流程实战
1. 项目概述从本地数据到动态场景的跨越在三维可视化领域将海量的本地倾斜摄影数据流畅、逼真地集成到实时渲染引擎中一直是个既充满诱惑又颇具挑战的课题。倾斜摄影模型以其高精度、高真实感的优势在智慧城市、数字孪生、工程测绘等领域应用广泛但其庞大的数据量动辄几十上百GB和复杂的空间结构对实时渲染管线构成了巨大压力。过去我们可能需要在专业的GIS平台或Web端Cesium中才能流畅查看这些数据而如今得益于虚幻引擎5UE5强大的Nanite虚拟几何体技术和Cesium for Unreal插件我们得以在游戏级品质的实时渲染环境中直接驱动这些超大规模的真实世界三维模型。这个项目就是一次从硬盘里沉睡的OSGB数据到UE5中一个可交互、可扩展的动态3D场景的完整实践。我将带你走通使用Cesium3DTileset加载本地倾斜摄影模型的全流程并深入解析其中的关键技术与避坑要点。2. 核心工具链与环境准备2.1 引擎与插件选型解析工欲善其事必先利其器。整个流程的核心是UE5和Cesium for Unreal插件版本的选择直接决定了项目的稳定性和功能上限。虚幻引擎5UE5我强烈建议使用5.3或更高版本。原因在于从5.2开始Nanite技术对非三角形拓扑如点云的支持更加成熟且引擎整体的稳定性和渲染性能有显著提升。对于倾斜摄影这种以静态网格为主的场景Nanite是释放其性能潜力的关键。你可以从Epic Games Launcher直接下载安装。Cesium for Unreal插件这是连接UE5与世界级地理空间数据的桥梁。务必通过Epic商城安装与你的UE5版本相匹配的最新稳定版插件。安装后在插件管理器中启用“Cesium for Unreal”并重启编辑器。这里有个关键点Cesium插件自带了一套“Cesium SunSky”和“Dynamic Pawn”等蓝图为我们快速搭建地理场景提供了极大便利。倾斜摄影数据你的数据很可能是通过ContextCapture、大疆智图等软件生成的OSGB或S3M格式。标准的倾斜摄影成果通常包含一个Data目录存放各级瓦片的模型文件.osgb和纹理文件.jpg和一个metadata.xml或tile.json文件后者描述了整个瓦片集的层级结构和空间范围。在开始之前请确认你的数据组织是完整的。2.2 项目初始配置要点创建一个新的UE5项目时选择“游戏”模板下的“空白”项目即可无需复杂模板。项目创建后第一件事是设置地理坐标系统这对于避免后续的定位错误和精度问题至关重要。启用插件与创建关卡确保Cesium插件已启用。然后创建一个新的空白关卡。放置Cesium World Terrain从内容浏览器中找到“Cesium”文件夹将其中的“Cesium World Terrain”拖入场景。这提供了全球基础地形虽然我们的重点是本地模型但它有助于建立正确的全球空间参考。设置原点Georeference在场景中选中“CesiumGeoreference”Actor通常随World Terrain一同创建。在细节面板中你可以看到一个“Origin”属性。为了获得最佳的渲染精度尤其是当你的倾斜摄影范围较小时建议将原点设置到你的数据区域附近。你可以手动输入经纬度或者更简单的方式是先粗略放置一个Cesium3DTileset并定位到你的数据然后使用其细节面板中的“Snap Georeference to Origin”按钮将世界原点精确对齐到该瓦片集的原点。这个操作能有效避免因距离原点过远导致的浮点数精度问题这是大型开放世界场景的通用优化技巧。3. Cesium3DTileset核心配置详解3.1 创建与数据源指定将倾斜摄影数据导入UE5场景的核心就是创建一个Cesium3DTilesetActor。在内容浏览器的“Cesium”文件夹下找到“Cesium3DTileset”蓝图类将其拖拽到你的场景中。选中这个新创建的Tileset Actor查看其细节面板。最重要的属性是“Url”。对于本地数据你需要点击下拉菜单选择“File”。然后点击文件选择器导航到你的倾斜摄影数据根目录选择那个关键的metadata.xml或tile.json文件。Cesium插件会解析这个索引文件并据此加载整个瓦片金字塔。注意文件路径最好使用绝对路径并且避免包含中文或特殊字符。如果项目需要迁移相对路径会更友好但这通常需要将数据放置在项目内容的特定目录下并通过引擎路径访问配置稍复杂。初次尝试使用绝对路径最直接可靠。3.2 关键属性参数调优加载数据只是第一步要让其渲染高效、表现正确需要对Tileset的一系列属性进行调优。Source Type Url已设置为“File”并指定了元数据文件路径。Maximum Screen Space Error (最大屏幕空间误差)这是控制LOD细节层次切换的核心参数。SSE值越小意味着更早在像素误差更小时切换到更高精度的瓦片画面质量更高但加载的瓦片更多性能压力更大。对于倾斜摄影初始值可以设为16或32进行测试。如果你发现近处模型总是模糊不清可以适当调小如8如果远处加载卡顿可以适当调大如64。这是一个需要在视觉质量和性能间反复权衡的关键参数。Maximum Loading Level (最大加载层级)限制瓦片加载的最高细节层级。如果你的数据有20级但设为15则15级以上的超精细瓦片不会被加载。这可以有效控制内存和显存占用特别是在预览或性能受限时。通常可以先不限制观察性能后再决定。Preload Ancestors / Siblings (预加载父辈/兄弟瓦片)建议开启。这能使得在视角移动时相邻和低层级的瓦片已经就绪减少等待和瓦片“弹出”的现象提升浏览流畅度。Enable Frustum Culling (启用视锥体裁剪)必须保持开启。这是基础优化只渲染视野内的瓦片。Enable Fog (启用雾效)根据场景美学需求决定。开启后远处的模型会融入雾中可以掩饰LOD切换的边界增强场景深度感。3.3 材质与光照适配默认情况下Cesium3DTileset会使用其自带的材质实例。对于倾斜摄影我们通常希望其外观尽可能真实即保持其原有的纹理颜色。材质重定向在Tileset的细节面板中找到“Raster Overlay”相关设置。虽然倾斜摄影的纹理是内嵌在瓦片中的而非独立的栅格覆盖层但Cesium插件有一套材质系统来处理。确保“Material”属性使用的是类似“CesiumTileMaterial”这样的材质它能正确采样瓦片自带的纹理。Nanite集成这是UE5的“魔法”。在Tileset的细节面板中确保“Enable Nanite”选项被勾选。勾选后你通常需要点击“Rebuild Nanite”按钮。Nanite会将倾斜摄影的网格数据转换为其内部的流式虚拟几何体格式从而实现无视面片数量的极致渲染性能。转换过程可能需要一些时间并会生成额外的.cnm缓存文件在数据目录旁。光照构建倾斜摄影是静态几何体为了获得正确的阴影和全局光照GI效果需要为其构建光照。在UE5中这意味着你需要放置光源如Directional Light模拟太阳并在世界设置中配置好光照系统如Lumen或传统的Lightmass。完成后点击编辑器顶部的“构建”按钮或按CtrlShift;引擎会计算光照贴图。对于超大规模的倾斜摄影全精度构建光照可能不现实可以考虑使用“固定”或“静态”光源配合较低质量的光照构建设置或者依赖Lumen的动态全局光照如果硬件支持。4. 性能优化与问题排查实战4.1 性能瓶颈分析与优化策略当场景加载后出现卡顿、内存飙升或显存溢出时需要系统性地进行排查。GPU瓶颈表现为帧率低但GPU利用率持续接近100%。首先检查Nanite是否成功启用。在视图选项里开启“Nanite Stats”观察三角形和集群数量。如果Nanite已启用但性能仍不佳尝试调高“Maximum Screen Space Error”这能减少同时渲染的高精度瓦片数量。此外检查场景中的动态阴影分辨率是否过高可以适当降低方向光的光源阴影分辨率。内存/显存瓶颈表现为加载一段时间后崩溃或严重卡顿。打开任务管理器或使用UE5的“Stat Memory”命令在输出日志框中输入Stat Memory进行监控。重点优化“Maximum Loading Level”和“Maximum Cached Bytes”属性。后者限制了Tileset可以缓存在内存中的瓦片数据总量适当调低可以防止内存无限增长。另外考虑将纹理格式转换为更节省内存的格式如BC7/DXT5但这通常需要在数据生产端或通过外部工具处理。磁盘I/O瓶颈表现为视角移动时新的区域加载缓慢出现长时间的空白或低模状态。这通常是因为数据存储在机械硬盘上或者网络路径延迟高。解决方案是使用SSD硬盘存储数据并确保“Preload Ancestors/Siblings”已开启让系统提前预读数据。4.2 常见问题与解决方案实录在实际操作中你几乎一定会遇到下面几个问题这里是我的排查记录问题模型位置偏移或漂浮/沉入地下现象倾斜摄影模型没有正确贴合Cesium World Terrain或者与预期坐标相差甚远。排查首先检查数据的坐标系CRS。国内倾斜摄影数据常用的是CGCS2000投影坐标系或WGS84地理坐标系。而Cesium for Unreal默认使用WGS84椭球体。如果数据是投影坐标如CGCS2000 3 Degree GK Zone 39需要在数据源层面进行转换或者在Cesium ion中上传数据时指定正确的CRS如果使用在线服务。对于本地文件最根本的解决方案是在生产倾斜摄影时就指定输出为WGS84地理坐标的3D Tiles格式。如果已无法更改数据可以尝试在Cesium3DTileset的细节面板中调整“Transform”下的“Location”偏移值进行手动校正但这只是权宜之计。解决方案确保数据生产环节输出为WGS84坐标系的3D Tiles或兼容格式。这是治本之策。问题模型纹理丢失显示为纯色或黑白格现象模型几何体加载正常但表面没有颜色纹理。排查首先检查控制台输出是否有纹理加载失败的警告。然后检查材质实例是否被正确应用。可以临时创建一个简单的自发光材质赋给Tileset如果模型能显示说明几何体没问题问题出在纹理路径或材质上。最常见的原因是纹理文件的相对路径在UE5中解析失败。原始OSGB数据中的纹理路径可能是相对路径当元数据文件被移动或通过绝对路径引用时引擎可能找不到纹理。解决方案确保整个倾斜摄影数据文件夹的结构保持原样不要单独移动metadata.xml或Data文件夹。使用指向数据根目录的绝对路径来加载。如果问题依旧可能需要使用Cesium的3d-tiles-tools等工具将OSGB转换为标准的、内嵌纹理或纹理路径正确的3D Tiles格式。问题Nanite启用失败或渲染异常现象勾选“Enable Nanite”并重建后模型消失或渲染出现破面、闪烁。排查查看输出日志搜索Nanite相关的错误或警告。某些特定类型的几何体如退化三角形、非流形几何体可能导致Nanite转换失败。另外检查原始模型的三角面密度是否过于极端如存在极长细比的面片。解决方案尝试在数据转换阶段如使用FME、CityEngine或专门的3D Tiles转换工具对模型进行轻量的几何修复和简化。如果只有部分区域有问题可以尝试降低“Maximum Loading Level”跳过有问题的超精细层级。作为最后的手段可以关闭Nanite回退到传统的静态网格体渲染但这会牺牲大量性能。问题加载缓慢白膜状态持续很久现象场景打开后大片区域长时间显示为白色低模迟迟不加载精细纹理。排查除了上述磁盘I/O原因很可能是瓦片调度策略的问题。检查“Maximum Simultaneous Tile Loads”参数它控制同时加载的瓦片数量。适当调高此值如从20调到50可以加速初始加载。同时确保“Preload When Idle”选项开启让系统在空闲时预加载周边瓦片。解决方案增加同时加载线程数并利用预加载机制。对于固定场景的演示可以提前让角色在场景关键区域“飞行”一遍让系统缓存所需瓦片。5. 场景增强与交互功能拓展当倾斜摄影模型稳定加载并流畅运行后我们可以进一步丰富场景使其从一个静态模型库变成一个真正的交互式3D应用。5.1 动态元素集成与标绘倾斜摄影提供了真实的背景我们可以在其上添加动态的、语义化的实体。添加静态模型直接从Quixel Bridge导入高精度Megascans资产或使用自定义的静态网格体如建筑、车辆、设备。关键是要将其放置在正确的地理位置上。你可以使用Cesium提供的“Cesium Cartesian”或“Cesium Geographic”坐标系组件通过经纬度高程来精确定位你的模型。记得为这些模型也启用Nanite如果适用并构建光照。实现标绘功能这是很多GIS场景的核心需求。虽然Cesium for Unreal没有直接提供完整的标绘UI组件但我们可以基于其底层API实现。例如要绘制线段通过射线检测Line Trace从屏幕点击位置获取场景中的世界坐标需要转换为Cesium地理坐标。使用UCesiumGeometryConversions类中的函数将WGS84经纬度高程转换为UE世界坐标用于创建样条线Spline或动态网格体。将每个点的地理坐标存储在一个数组中用于后续计算长度、面积或序列化保存。你可以创建一个蓝图Actor内部包含一个样条组件和用于存储地理坐标的变量数组并封装添加点、删除点、计算距离等方法。5.2 可视化效果与后期处理利用UE5强大的渲染和后处理能力可以极大提升场景的表现力。天气与时间系统使用“Cesium SunSky”组件它可以基于真实的地理位置和时间计算太阳位置。你可以动态调整时间小时、日期来观察场景在不同光照条件下的变化或者制作日出日落的序列动画。结合UE5的“Exponential Height Fog”和粒子系统Niagara可以模拟雨、雪、雾等天气效果。后期处理体积在场景中放置一个“Post Process Volume”并设置为“Infinite Extent”。在这里你可以调整全局曝光、颜色分级Color Grading、环境光遮蔽、景深等效果。一个常见的技巧是轻微增加“Local Exposure”的亮度范围让场景在明暗对比强烈时依然保持细节。还可以启用“Auto Exposure”模拟人眼对光线变化的适应过程。特效集成对于“雷达扫描”、“光柱”等效果可以结合材质系统和粒子系统来实现。例如一个雷达扫描效果可以通过在材质中基于世界坐标和时间的计算生成一个动态扩大的半透明圆环。光柱则可以使用一个锥形的静态网格体配合自发光材质和体积雾效果来模拟。5.3 蓝图交互与数据驱动让场景响应用户输入是交互式应用的基础。相机控制与漫游Cesium自带的“Dynamic Pawn”提供了基于地理坐标的飞行控制。你可以在此基础上修改其移动速度、旋转灵敏度或者为其添加新的移动模式如步行模式、车辆模式。通过蓝图可以绑定键盘、鼠标或游戏手柄事件来控制Pawn。对象查询与信息展示实现“鼠标悬停显示信息”的功能。思路是在Tick事件中从玩家控制器发射一条射线到鼠标指向的世界位置。如果射线击中了Cesium3DTileset需要设置其碰撞通道可以通过Get Hit Result获取命中点。虽然无法直接获取到倾斜摄影中单个建筑的属性除非数据本身嵌入了属性信息但你可以获取到该点的经纬度高程。然后创建一个Widget蓝图作为信息弹窗显示这些坐标信息。如果你有额外的矢量数据如建筑轮廓面可以将它们作为独立的实体加载并关联属性信息这样就能实现更丰富的查询。场景状态序列化对于标注点、测量线等用户创建的内容你需要将其保存下来。可以将这些对象的地理坐标、属性等数据序列化为JSON或自定义二进制格式保存到本地文件或数据库中。下次加载场景时再读取这些数据并重新生成对应的场景对象。UE5的SaveGame系统可以用于简单的本地存储对于复杂结构使用JsonUtilities进行手动序列化更灵活。从一堆本地的OSGB文件到在UE5中构建出一个光影真实、可自由探索、甚至可交互分析的3D数字场景这个过程打通了地理空间数据与顶级实时渲染引擎的壁垒。核心在于理解Cesium3DTileset作为数据调度器的工作原理熟练运用Nanite进行性能攻坚并利用UE5的蓝图和渲染系统为场景注入灵魂。每一个环节的细微调整都可能对最终效果和性能产生巨大影响这也是其魅力所在。多试错勤观察统计数据你会逐渐积累起处理超大规模三维实景数据的直觉和经验。

相关新闻

CC32xx GPIO寄存器深度解析:从内存映射到中断配置的嵌入式底层编程实践

CC32xx GPIO寄存器深度解析:从内存映射到中断配置的嵌入式底层编程实践

1. 项目概述与核心价值 搞嵌入式开发,尤其是做底层驱动或者性能敏感的应用,绕不开GPIO。你可能用过Arduino的 digitalWrite ,或者STM32的HAL库,感觉配置个引脚高低电平、读个按键状态挺简单的。但当你需要精确控制时序、实现高效…

2026/10/17 11:56:42 阅读更多 →
SQL做机器学习:数据工程师的轻量建模实战指南

SQL做机器学习:数据工程师的轻量建模实战指南

1. 这不是“用SQL写个机器学习模型”,而是让数据工程师和分析师真正参与建模闭环 “Machine learning with SQL”这个标题,第一眼容易被误解成“用SQL替代Python做深度学习”——这显然不现实。但如果你在银行风控团队看过数据科学家花3天写SQL取特征、再…

2026/10/17 11:55:53 阅读更多 →
ARM Cortex-M4内核寄存器深度解析:从SysTick到NVIC的底层编程实战

ARM Cortex-M4内核寄存器深度解析:从SysTick到NVIC的底层编程实战

1. 项目概述与核心价值在嵌入式开发的底层世界里,处理器内核寄存器就像是硬件与软件之间那扇直接对话的窗口。对于使用ARM Cortex-M4内核的开发者,尤其是基于TI CC32xx这类无线MCU平台的工程师来说,能否熟练地“摆弄”这些寄存器,…

2026/10/17 12:54:13 阅读更多 →

最新新闻

C语言数据结构入门:从栈队列到链表的工程实践指南

C语言数据结构入门:从栈队列到链表的工程实践指南

简介:本资源是面向C语言初学者与算法进阶学习者的数据结构与算法实践合集,聚焦线性表、栈、队列、树、图、查找、排序等核心模块的C语言原生实现,覆盖高校课程教学与工程实践双重需求。压缩包共558个文件,以80个.c源码文件为主体&…

2026/10/18 13:10:49 阅读更多 →
市容检测数据集19263张图,VOC/YOLO双格式目标检测训练避坑指南

市容检测数据集19263张图,VOC/YOLO双格式目标检测训练避坑指南

简介:面向智慧城市市容巡检与目标检测模型训练,这份资源包含街道涂鸦、垃圾堆放、故障路灯等11类市容问题的完整检测数据集。共19263张jpg图片,每张均配有Pascal VOC格式xml与YOLO格式txt标注,可直接用于YOLO系列、MMDetection等主…

2026/10/18 13:10:49 阅读更多 →
MySQL数据库课后实验指南:建库建表、索引优化与事务避坑

MySQL数据库课后实验指南:建库建表、索引优化与事务避坑

简介:数据库课后实验(崔巍编著)资源包为数据库课程配套的查询脚本合集,面向高校学生,适用于课后复习、实验参考与期末备考;资源共五个文件,全部为查询脚本,压缩包仅五千字节&#xf…

2026/10/18 13:10:49 阅读更多 →
C语言数据结构与算法入门:从链表开始的实战指南

C语言数据结构与算法入门:从链表开始的实战指南

简介:本资源是面向C语言初学者与算法进阶学习者的数据结构与算法实践合集,聚焦于核心数据结构的C语言实现与典型算法编码训练,适用于高校课程实验、自学巩固及面试刷题准备。压缩包共558个文件,以80个.c源码文件为核心&#xff0c…

2026/10/18 13:10:49 阅读更多 →
timm库实战指南:模型加载、微调与迁移学习

timm库实战指南:模型加载、微调与迁移学习

timm这个库,但凡做过图像分类、目标检测或者自监督学习的同学,多少都听说过。我最早接触它的时候,它还只是某个图像模型库的附属品,没想到几年下来,它已经成了PyTorch生态里离不开的模型弹药库。项目标题就一句话“Pyt…

2026/10/18 13:10:49 阅读更多 →
【OpenClaw】创建一个每日热点新闻 Skill:从 SKILL.md 到定时任务与网关配置

【OpenClaw】创建一个每日热点新闻 Skill:从 SKILL.md 到定时任务与网关配置

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

2026/10/18 13:09:48 阅读更多 →

日新闻

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

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

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

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

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

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

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

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

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

2026/10/18 0:00:55 阅读更多 →

周新闻

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

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

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

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

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

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

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

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

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

2026/10/18 0:00:55 阅读更多 →

月新闻

我发现了一个新思路:用 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/18 0:55:02 阅读更多 →
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/17 17:22:31 阅读更多 →
黑夜航拍船只数据集训练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/18 12:16:16 阅读更多 →