基于CNN的图像检索系统:PyTorch特征提取与Flask服务实现

发布时间:2026/11/12 15:28:51

基于CNN的图像检索系统:PyTorch特征提取与Flask服务实现 简介图像检索技术在大数据与人工智能背景下应用广泛这份基于PyTorchFlaskCNN的完整项目源码正是面向深度学习初学者及Web开发者的实战资源。系统涵盖数据集准备、模型构建与训练、特征提取、相似度计算、前端展示及Flask后端集成等关键环节让读者能快速搭建出一个可运行的图像检索平台。压缩包共23个文件主要包括Python脚本、HTML页面、JPG/PNG示例图像、GIF演示动画、依赖清单和README说明等整体仅1.81MB方便下载与本地复现。项目内置了前端上传页面、检索结果页面与缩略图生成脚本便于按模块拆解学习已有54人学习下载适合结合目录结构逐一对照流程教程进行实践。从中不仅能获得端到端项目源码还可参考界面模板与特征检索逻辑理解CNN图像检索从模型到应用落地的完整思路。1. 基于CNN的图像检索系统从图库到向量的核心技术路径图像检索要解决的核心问题并不复杂给出一张查询图从图库中找到语义上最相似的若干张。传统做法依赖颜色直方图和SIFT特征在光照变化、视角偏移面前稳定性不足而且局部特征聚合后的向量维度高、稀疏难以统一度量。CNN卷积神经网络方案把这条链路压缩成“图片到向量向量比距离”两个步骤卷积网络把任意图片编码成固定长度的embedding向量检索退化为一次向量排序。PyTorch负责模型加载与特征提取Flask把推理逻辑封装成HTTP接口离线建库与在线查询分离构成一套可直接上线的以图搜图服务。电商商品推荐、素材去重、本地照片管理、工业质检回查都是这种架构的典型场景代码量可控单机即可运行。2. 用PyTorch搭建CNN特征提取模型2.1 CNN在图像检索中代替传统描述子的原因图像检索的前深度学习时代主流做法是提取SIFT关键点或ORB描述子把局部特征聚合成BoF向量。这类方法在摄像头固定的静态场景可用一旦遇到背景杂乱、视角差异大的自然图片特征点匹配的稳定性急速下降。以“商品图搜同款”为例官方商品图与用户实拍图之间的光照、背景差异非常大局部特征很难对上检索结果自然不可用。CNN卷积神经网络编码图片的方式完全不同卷积层的局部感受野先提取边缘纹理深层聚合出语义部件最后通过全局池化把整张图归纳为一个高维向量。从模型结构图看ResNet的残差结构比VGG串行堆卷积更利于梯度传播ResNet18在检索任务中成为性价比最高的backbone。VGG16虽然经典但参数量大、推理慢而CSPNet这类改良结构主要面向分类竞赛在embedding检索场景收益有限第一版项目不需要追新。这也是“pytorch基础框架预训练权重”这条路线能在实际项目中快速落地的核心原因。2.2 Anaconda配置PyTorch环境与版本匹配环境安装是整套系统能不能跑起来的第一步常见做法是用Anaconda建独立环境避免污染系统Python。推荐Python 3.9或3.10两份都可以稳定运行PyTorch 2.x。安装命令不要手动拼版本直接访问pytorch官网右侧Selector生成下面是CUDA 12.1组合包的典型命令。conda create -n img_retrieval python3.9 -y conda activate img_retrieval pip install torch torchvision --index-url https://download.pytorch.org/whl/cu121 pip install flask pillow numpy faiss-cpucu121标识CUDA 12.1运行时机器没有NVIDIA显卡时把--index-url去掉即可安装CPU版。Python 3.10.11与PyTorch 2.8.0以及CUDA 12.1的组合是当前兼容性较好的三件套具体以GPU驱动支持的CUDA版本为准驱动版本低就降级用cu118。装完立刻验证CUDA是否可用。python -c import torch;print(torch.cuda.is_available())提示CPU版本与GPU版本的torch不能靠pip覆盖安装混换换版本前先pip uninstall torch torchvision干净卸载否则导入torch时会报DLL或libcudart相关错误。CPU环境下ResNet18推理单张图约80-200毫秒GPU只需10毫秒以内演示环境用CPU足够生产服务建议GPU。anaconda配置pytorch环境时最常见的坑是装完发现torch.cuda.is_available()返回False这时候先查驱动再用nvidia-smi看显卡支持的最高CUDA版本不要盲目重装torch。2.3 ResNet18 embedding特征提取代码实现特征提取器建议封装成独立类Flask接口和离线建库脚本都复用同一个实例。下面代码的关键点是去掉最后的分类层保留512维特征输出。import torch import torch.nn as nn from torchvision import models, transforms from PIL import Image class FeatureExtractor: def __init__(self, model_nameresnet18, devicecpu): self.device device self.model getattr(models, model_name)(weightsmodels.ResNet18_Weights.DEFAULT) self.model nn.Sequential(*list(self.model.children())[:-1]) self.model.eval().to(device) self.transform transforms.Compose([ transforms.Resize((224, 224)), transforms.ToTensor(), transforms.Normalize(mean[0.485, 0.456, 0.406], std[0.229, 0.224, 0.225]) ]) def extract(self, img_path): img Image.open(img_path).convert(RGB) img self.transform(img).unsqueeze(0).to(self.device) with torch.no_grad(): feat self.model(img) if feat is None: return None return feat.flatten().cpu().numpy()list(self.model.children())[:-1]删除最后一个全连接层输出shape是[1, 512, 1, 1]flatten()后变成512维向量。weightsmodels.ResNet18_Weights.DEFAULT是PyTorch 2.x的推荐写法比旧参数pretrainedTrue更显式、也没有弃用警告。预处理里的均值与标准差取自ImageNet统计量推理时必须沿用相同数值否则特征分布和预训练阶段不一致相似度排序会被干扰。这里必须用torch.no_grad()包裹推理过程.eval()模式则确保BatchNorm层使用累计的均值方差而不是当前batch统计量。如果忘了.eval()少量图片的batch统计波动会导致同一张图在不同时刻提取出不同特征检索系统的稳定性直接崩掉。2.4 特征归一化与维度选型的坑提取出的512维向量必须归一化。图像的亮度变化、内容复杂程度都会改变向量模长同类图片在不同光照下模长差异很大直接用原始向量做距离排序结果容易被模长带偏。feat feat / torch.norm(feat, p2, dim1, keepdimTrue)p2表示L2范数dim1按行归一化。批量特征shape是[N, 512]只能对特征维归一化不能对着整个矩阵做全局归一化这是新手最容易写错的地方。模型特征维度CPU单图耗时约5万图内存占用ResNet18512120ms约200MBResNet502048320ms约900MB维度越高保留的细节越丰富内存占用也成倍上升。ResNet18的512维对中小型图库完全够用五万张图约200MB。先以512维跑通整个流程再根据检索效果决定是否升级到ResNet50或更深的backbone这是迭代成本最低的顺序。3. 用Flask封装图像检索HTTP服务3.1 Flask在模型推理服务中的职责边界特征提取模型离线能工作但要让前端上传图片并拿到相似结果还差一个稳定的HTTP接口。Flask在系统里承担网关职责接收POST请求中的图片文件交给PyTorch模型推理再从内存中的特征矩阵检索最后返回JSON结果。生产环境用gunicorn作为WSGI服务器承载Flask应用不需要自己开多线程。Flask开发时就要把debug模式和正式部署区分开前者适合调试路由后者专注性能和稳定性。Flask层不要塞入数据存储逻辑。特征矩阵启动时加载进内存Flask只做编排将“模型加载、检索逻辑、HTTP收发”分成三层。具体落到项目里就是三个文件extractor.py管模型特征提取index.py管图库向量加载与检索app.py只写路由与响应组装。后面把检索换成faiss或向量数据库只需要改index.py内部的检索函数接口签名保持不变。3.2 模型全局单例与延迟加载最忌讳的写法是在每个请求函数内构造FeatureExtractor。模型加载权重、搬运到GPU的过程会阻塞请求好几秒显存也会被反复申请释放。正解是模块级全局变量配合懒加载第一次请求进来时初始化之后全程复用。from flask import Flask, request, jsonify import numpy as np app Flask(__name__) _extractor None gallery_matrix None gallery_ids None def get_extractor(): global _extractor if _extractor is None: from extractor import FeatureExtractor _extractor FeatureExtractor(model_nameresnet18, devicecuda) return _extractor def load_gallery(): global gallery_matrix, gallery_ids gallery_matrix np.load(gallery.npy) gallery_ids np.load(ids.npy, allow_pickleTrue)gallery_matrix和gallery_ids用全局变量持有是单机部署时最直接的缓存手段避免每个请求都从磁盘重新加载几百MB的.npy文件。用gunicorn多worker启动时要注意每个worker进程各自持有一份模型和特征矩阵2个worker的内存占用直接翻倍配置worker数量时要按单worker占用预算。注意开发模式下Flask自带的reloader会启动双进程模型和特征会被加载两次调试检索逻辑时可以先关闭debug模式减少等待。3.3 上传接口与JSON响应设计检索接口设计为POST /api/search请求体用multipart/form-data图片字段名固定为image检索数量可以由前端通过top_k参数控制。app.route(/api/search, methods[POST]) def search(): if image not in request.files: return jsonify({error: param image missing}), 400 file request.files[image] temp_path ./cache/query.jpg file.save(temp_path) extractor get_extractor() query_vec extractor.extract(temp_path) if query_vec is None: return jsonify({error: invalid image}), 400 query_vec query_vec / np.linalg.norm(query_vec) scores gallery_matrix query_vec top_k min(int(request.form.get(top_k, 10)), 100) idx np.argpartition(scores, -top_k)[-top_k:] idx idx[np.argsort(scores[idx])[::-1]] return jsonify({ query: file.filename, sim_images: [ {image_id: str(gallery_ids[i]), score: float(scores[i])} for i in idx ] })gallery_matrix query_vec是 [N, 512] 矩阵与 [512] 向量的内积得到 [N] 的相似度数组。np.argpartition(scores, -top_k)只做部分排序复杂度O(N)挑出最大的top_k个下标再用np.argsort对选出的部分精确排序。str(gallery_ids[i])避免numpy整数类型在JSON序列化时报错。top_k限制为100防止一次返回过多数据撑爆响应体。score就是归一化后的余弦相似度范围在 [-1, 1]调前端时可按0.6或0.7做阈值过滤。3.4 错误处理、超时与并发边界图片解码失败是检索服务最容易遇到的故障用户提交的jpg损坏或扩展名是png内容却是别的格式Image.open不立刻报错后续load才抛异常。所以extract方法内部要捕获异常并返回None接口层看到None就返回400。异常场景现象处理方式文件不是图片Image.load抛异常extract返回None接口400图片超过10MB解码慢、内存高校验content-length直接拒绝图库为空矩阵维度0启动时检查行数并告警推理耗时过长前端超时前端设15秒超时服务端优化推理并发处理上多个gunicorn worker共享内存中的特征矩阵做读取是安全的但如果检索函数内部对矩阵做了原地排序线程间就会竞争。检索层要保持纯读取、无状态任何排序都基于scores的临时副本。4. 特征入库、相似度检索与top-K排序的工程实现4.1 离线批量建库与.npy持久化在线检索依赖图库embedding矩阵所以建库与检索必须分开。建库脚本遍历图库目录逐张提取特征后拼成二维矩阵同时保存图片文件名列表检索后靠id回溯原图路径。import os import numpy as np from extractor import FeatureExtractor def build_index(image_dir, outputgallery.npy, output_idsids.npy): extractor FeatureExtractor(model_nameresnet18, devicecpu) feats, ids [], [] for name in os.listdir(image_dir): path os.path.join(image_dir, name) vec extractor.extract(path) if vec is None: continue feats.append(vec) ids.append(name) matrix np.stack(feats, axis0) matrix matrix / np.linalg.norm(matrix, axis1, keepdimsTrue) np.save(output, matrix) np.save(output_ids, np.array(ids))np.stack(feats, axis0)把列表拼成 [N, 512] 矩阵np.linalg.norm(matrix, axis1, keepdimsTrue)按行求模长做归一化。输出用numpy的.npy格式五万张图的矩阵约200MBnp.load秒级完成。不建议存CSV解析慢且体积大。目录超过一万张图时for循环里加一个tqdm进度条避免操作者误以为进程卡死。4.2 余弦相似度与归一化内积的关系检索过程只用两个数学操作归一化与内积。建库时图库向量归一化查询前把查询向量也归一化余弦相似度退化为标准内积无需再除模长。scores gallery_matrix query_vec这里gallery_matrix的shape是 [N, 512]query_vec是 [512]矩阵向量乘的结果是 [N]。注意顺序不能写成query_vec gallery_matrix那会得到 [512, N] 的非法shape。向量与矩阵的乘法没有交换性这是numpy新手经常踩的坑。存储方式的选择影响后续扩展性这里给一个简单的对比存储方式加载速度10万图内存适用场景.npy约2秒500MB单机小库demosqlite BLOB较慢低需要附带元数据faiss index秒级索引矩阵百万级生产检索向量数据库取决于网络分布式多实例水平扩展第一版用.npy就能跑通。到百万级或者需要服务多个实例时再引入faiss或向量数据库迁移成本主要集中在建库脚本检索接口不需要改动。4.3 top-K排序与结果结构化处理检索的最后一步是取相似度最高的K个结果。图库规模不大时可以直接np.argsort(scores)[::-1][:k]O(N log N)的开销可以接受图库到十万级时更推荐部分排序。def top_k_indices(scores, k): if k len(scores): return np.argsort(scores)[::-1] idx np.argpartition(scores, -k)[-k:] idx idx[np.argsort(scores[idx])[::-1]] return idxnp.argpartition(scores, -k)[-k:]返回最大的k个下标的无序集合再对这k个元素做一次np.argsort得到精确顺序。上面两行合起来就是标准的top-K精确排序比完整argsort在十万级数据上快一个数量级。返回结构化结果时要做一个统一的转换函数把numpy的int64、float32转成Python原生int、float不然jsonify在处理numpy类型时会抛TypeError。这类错误在开发环境不容易复现到生产环境才暴露排查成本高建议在写接口时一次性处理到位。5. 检索效果评估与模型微调方向5.1 用RecallK判断模型是否合格评估检索效果不能靠肉眼翻图。常规指标是RecallK为每个查询标注若干相关图库图跑完检索统计前K个结果里命中相关图的比例。单个查询波动大需要几十个查询取平均。def recall_at_k(query_ids, relevant_map, retrieve_fn, k10): recalls [] for qid in query_ids: relevant set(relevant_map[qid]) predicted set(retrieve_fn(qid, k)) if not relevant: continue recalls.append(len(relevant predicted) / len(relevant)) return sum(recalls) / len(recalls)relevant_map是“查询id到相关图id集合”的字典由人工标注产生。len(relevant predicted)是交集数量除以相关图总数得到单查询召回率。评估集一两百张图就能看出系统整体水平如果Recall10低于0.6说明预训练模型的特征空间与当前图像分布差异较大需要做微调而不是继续调检索参数。5.2 用三元组损失微调backbone微调的目的是让同类图片在embedding空间距离更近、异类距离更远。常见做法是构造anchor、positive、negative三元组用TripletMarginLoss约束距离关系。数据量不大时冻结浅层卷积只微调最后一个残差阶段和全连接层。import torch.nn.functional as F class RetrievalModel(torch.nn.Module): def __init__(self, base_dim512, embedding_dim256): super().__init__() self.backbone models.resnet18(weightsmodels.ResNet18_Weights.DEFAULT) self.backbone.fc torch.nn.Linear(base_dim, embedding_dim) def forward(self, x): return F.normalize(self.backbone(x), p2, dim1) criterion torch.nn.TripletMarginLoss(margin0.5)nn.TripletMarginLoss接收anchor、positive、negative三个同shape的batch内部计算两两欧氏距离差margin控制类间距离的下边界。embedding_dim取256可以在微调同时压缩维度降低内存开销。训练用Adam学习率1e-5过大的学习率会把预训练特征彻底冲掉。影响模型效果最大的往往不是网络结构而是负样本质量。第一版可以先做batch内随机采样每个batch混合多个类别计算loss时随机挑选batch内的异类样本作为negative。等loss稳定后再换成hard negative mining逐批挑出最难区分的负样本。5.3 微调时学习率与批次大小的设置检索loss对特征空间分布比分类loss更敏感参数设置直接决定微调效果超参数推荐值说明embedding_dim256压缩维度检索占用小batch_size32太小则三元组组合不足learning_rate1e-5冻结的浅层可以再低一档margin0.5要求类间距不小于0.5epochs10-15小数据集过拟合风险高batch_size的选择要兼顾类别覆盖。如果数据集只有五类batch_size降到16否则同一个batch里反复出现相同的positive-negative组合模型会记住特定样本而对未见样本失去泛化。训练完继续走第4章的建库流程重新提取所有图库特征并对比RecallK。6. 图像检索系统部署中的三个性能优化技巧6.1 用faiss把百万级检索压到毫秒级图库到百万级暴力矩阵乘法的响应时间到几百毫秒内存占用也随数据量直线上升。faiss使用聚类索引把检索复杂度降两个数量级。IndexFlatIP是精确索引IndexIVFFlat是近似索引100万张图时推荐后者。import faiss index faiss.IndexIVFFlat(faiss.IndexFlatIP(512), 512, 100, faiss.METRIC_INNER_PRODUCT) index.train(gallery_matrix) index.add(gallery_matrix) D, I index.search(query_vec.reshape(1, 512), 10)METRIC_INNER_PRODUCT内积度量要求所有向量已经做过L2归一化这与第2章的特征处理完全对齐。100是聚类中心数nlist检索时只探查最近的几个聚类。nlist越大召回越准、速度越慢100万图时取100-200比较稳妥。图库有增量更新时IndexIVFFlat不能只add必须定期重新train否则聚类中心失真后召回率明显下降。6.2 批量推理让建库时间缩短数倍建库阶段逐张推理是最耗时环节单张CPU约120ms五万张图要近两小时。批量推理把多张图合成一个batch前向一次算完GPU并行后整个流程可以缩短到原来的十分之一。def extract_batch(self, paths, batch_size32): feats [] for i in range(0, len(paths), batch_size): batch [self.transform(Image.open(p).convert(RGB)) for p in paths[i:ibatch_size]] batch torch.stack(batch).to(self.device) with torch.no_grad(): out self.model(batch).flatten(1) feats.append(out.cpu().numpy()) return np.concatenate(feats)torch.stack(batch)把预处理后的图片堆成[B,3,224,224]flatten(1)保留batch维把每张图压成512维。batch_size设为32在大多数显卡上GPU利用率最好过大会触发OOM过小则并行收益低。6.3 服务启动参数与图片解码优化gunicorn启动时用--workers 2 --threads 8worker数超过GPU显存容量会直接OOM。图片解码用PIL在大并发下受GIL影响改成cv2的imdecode可以快20%-30%内存回收也更稳定。把解码和模型推理拆到两个线程池解码的结果放入队列推理线程专心跑前向计算不要被IO拖住。把torch.set_num_threads(4)写在服务入口随后用5.1节的RecallK脚本对比微调前后的检索指标确认优化方向的收益再继续迭代。本文还有配套的精品资源点击获取
延伸阅读

更多相关文章

2026/11/7 12:53:24

AI系统安全攻防:RCE、SSRF与XSS漏洞解析与防御

1. 项目概述:AI系统安全攻防实战全景当AI系统成为企业核心基础设施,其安全防线却往往存在令人震惊的薄弱环节。去年某跨国科技公司的AI客服系统被入侵事件,直接导致230万用户数据泄露——攻击者仅仅通过精心构造的输入就突破了系统的多重防护…

2026/11/8 2:42:05

51单片机红外解码与数码管显示:NEC协议时序测量实战

简介:一份面向51单片机初学者的红外解码与数码管显示综合实例,来源于51单片机教程系列第117讲。资源围绕红外接收、协议解码、动态扫描显示等核心知识点展开,适合入门者巩固定时器、中断和I/O控制技术。压缩包仅15KB,共11个文件&a…

2026/11/12 15:26:43

电工证上岗工资怎么样多少钱 电工证怎么考才不耽误工地时间

电工证上岗工资怎么样多少钱 电工证怎么考才不耽误工地时间 工地太忙根本没时间复习考试,特别是像电工这类高需求、高门槛的特种作业证,很多工人都是边干边想考,结果一拖就拖到年底,错过报名时间,工资也迟迟拿不到。你是不是也遇到过这种情况?别急,电…

2026/11/12 15:26:43

工地太忙根本没时间复习考试 电工证含金量高不高官方报名入口在哪

工地太忙根本没时间复习考试 电工证含金量高不高官方报名入口在哪 工地太忙根本没时间复习考试,电工证含金量高不高,官方报名入口在哪?这是很多一线工人心里的疑问。尤其是那些在项目现场担任管理员的人员,天天被项目进度、人员调配、安全检查这些琐事压…

2026/11/12 15:26:43

高压电工证技能等级通过率揭秘:学历不高也能考过吗?

高压电工证技能等级通过率揭秘:学历不高也能考过吗? 你是不是也担心自己学历不高,报不了高压电工证?其实,很多和你一样学历不高的小伙伴都顺利考过了,关键在于怎么准备。今天我们就来聊聊 高压电工证技能等级 ,看看 通过率揭秘…

2026/11/12 15:26:43

电工作业的日语网上查询怎么搞定?证书过期了不知道怎么复审延期

电工作业的日语网上查询怎么搞定?证书过期了不知道怎么复审延期 证书过期了不知道怎么复审延期?别急,很多人在遇到这种情况时,都会手忙脚乱,甚至不知道从哪儿下手。特别是在河南的中小施工企业,电工作业的证书关系到施工的合规性与安全性,一旦证书过期…

2026/11/12 15:26:43

电工证补贴到哪个卡里?上岗必备怎么考才稳过

电工证补贴到哪个卡里?上岗必备怎么考才稳过 实操考试心里没底怕挂科?别慌,电工证确实是很多岗位 上岗必备 的资质,但如果你连补贴到账的卡都搞不清,那真的要掉链子了。今天咱们就从实操考试怕挂科的痛点出发,详细聊聊电工证补贴怎么发、怎么考、怎么…

2026/11/12 15:21:41

广西中级电工证报考条件、考试时间与2026河南最新政策全解析

广西中级电工证报考条件、考试时间与2026河南最新政策全解析 你是不是学历不高,担心自己报不了广西中级电工证?别急,今天就给你讲明白,2026年河南最新政策下,哪怕你是初中毕业,也能顺利报考广西中级电工证,而且整个流程并不复杂。 ###…

2026/11/11 12:42:59

电工证丢失还能补吗?千万别踩坑,丢了证等于失业

电工证丢失还能补吗?千万别踩坑,丢了证等于失业 你正在找工作,但手里的电工证突然丢了,这下怎么办?别急,先别慌, 电工证丢失还能补吗 ?答案是肯定的,但 千万别踩坑 ,补办流程如果不了解,可能会耽误你上岗、甚至影响到你的收入。…

2026/11/12 0:04:01

工地太忙根本没时间复习考试?学习电工证到哪里学通过率揭秘

工地太忙根本没时间复习考试?学习电工证到哪里学通过率揭秘 工地太忙根本没时间复习考试?你不是一个人。作为一名在南阳卧龙区干了七八年市政公用工程的电工,我深知这个问题的现实性。电工证不仅是工作的“入场券”,更是职业发展的“通行证”,但备考过程…

2026/11/12 0:04:01

双流电工证考别怕挂科!郑州报考避坑指南全攻略

双流电工证考别怕挂科!郑州报考避坑指南全攻略 实操考试心里没底怕挂科?双流电工证考在郑州报名,很多人因为不了解流程、准备不充分,白白浪费时间和金钱。作为三门峡应届工程类毕业生,我也曾经历过这样的焦虑。今天就从零开始,手把手教你如何避开郑州报…

2026/11/12 0:04:01

之前考的证在外省能不能转过来 怎么报名考电工证培训价格多少

之前考的证在外省能不能转过来 怎么报名考电工证培训价格多少 之前考的证在外省能不能转过来?这个问题确实让不少准备换城市工作的朋友犯了难,尤其像电工证这种实操性很强的证书,很多人担心跨省后证书能不能继续用。其实,只要符合相关流程,是可以顺利转…

2026/11/11 20:27:01

面向复杂光照与角度的宠物面部识别鲁棒性增强策略

在智慧养宠时代,基于视觉的宠物身份识别技术正逐步从实验室走向家庭应用。然而,与配合度高的人类不同,宠物是典型的“非合作生物识别对象”——它们不会主动配合摄像头调整姿态,更无法控制光照环境。实际应用中,我们常…

2026/11/12 9:51:42

SSM电子书店源码全解析:结构、原理、部署与排错实战

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

还想了解更多?直接咨询顾问

免费诊断 + 免费方案 + 透明报价。

全国咨询热线400-8866-253
免费获取方案
☎咨询二维码 ☎ ↑