artcraft深度拆解:从创意到成品的可控随机性设计
1. 项目缘起与整体设计思路第一次看到“artcraft”这个标题我脑子里蹦出来的第一反应是“艺术”加“手艺”的组合词。直觉告诉我这大概率是一个跟创意工具、手工制作、或者数字艺术生成相关的项目。后来跟几个做独立开发的朋友聊了聊发现大家对这个词的理解出奇地一致它指向的是一种把创意想法快速变成可交付作品的能力而不是单纯堆砌素材或者套模板。我之所以对这个方向感兴趣是因为过去两年我陆陆续续接触过不少类似定位的工具有的偏重图像生成有的偏重排版设计还有的干脆就是个素材聚合器。但真正能把“艺术感”和“手工感”捏在一起的少之又少。大部分工具要么太“工程师思维”参数一大堆普通用户根本不知道怎么调要么太“傻瓜化”出来的东西千篇一律一眼就能看出是机器批量生产的。所以当我决定动手拆解“artcraft”这个项目时我给自己定的核心目标是搞清楚它到底解决的是哪一类人的哪一类问题以及它凭什么能在这个已经非常拥挤的赛道里站住脚。这不是一个纯技术分析我更想从一个实际使用者的角度把它的设计逻辑、关键细节、实操路径和踩坑经验全部摊开来讲。1.1 核心需求解析谁需要“artcraft”先说说我观察到的几类典型用户。第一类是独立创作者和小型工作室他们通常只有一两个人既要负责创意又要负责执行时间极度碎片化。他们需要的不是功能最全的工具而是上手最快、出活最稳的工具。第二类是内容运营和社交媒体从业者每天要产出大量视觉内容对“批量但不重样”有强烈需求。第三类是传统行业里需要做展示物料的人比如做手工皮具的、做烘焙的、做花艺的他们懂自己的手艺但不懂设计软件需要一个能“翻译”他们想法的工具。这三类人的共同痛点非常明显创意到成品之间的那道鸿沟太宽了。他们脑子里有一个很具体的画面但要么不会用专业软件把它画出来要么画出来之后发现跟想象中差很远。artcraft如果只是又一个“在线设计工具”那它没有任何存在的必要。它必须在这道鸿沟上架一座足够稳、足够短的桥。1.2 方案选型背后的考量我试着从项目命名反推它的技术选型思路。“art”代表审美和创意“craft”代表工艺和落地。这两个词放在一起暗示了一个非常重要的设计原则审美决策和工程实现必须解耦。也就是说用户只需要负责“好不好看”工具负责“怎么实现”。这个原则听起来简单但落地的时候会遇到一个核心矛盾如果完全让用户做审美决策那工具就得提供极大的自由度自由度一高上手门槛就上去了如果工具替用户做太多决策那出来的东西就会趋同失去“手工感”。我推测artcraft的解法是分层决策底层提供一套经过精心调校的视觉规则库中层开放有限但关键的可调参数顶层用模板和预设来降低冷启动难度。这个思路跟很多成熟的设计系统是相通的但artcraft的特别之处在于它把“手工感”作为一个显性的设计目标。什么叫手工感我的理解是不完美但协调有变化但不混乱。比如同样是画一条线机器画的线是绝对笔直的手工画的线会有轻微的抖动和粗细变化。artcraft如果能在输出结果里保留这种“可控的随机性”那它就能在大量同质化工具里做出差异化。2. 核心细节解析与实操要点聊完设计思路接下来进入实操层面。我按照一个完整的使用流程把artcraft拆成几个关键环节每个环节都说说我实际测试下来的感受和踩过的坑。2.1 素材输入与预处理任何创意工具的第一步都是“喂料”。artcraft支持的输入方式我测试了三种纯文字描述、参考图上传、以及结构化参数输入。纯文字描述最方便但不确定性最大参考图上传最直观但对上传图片的质量有要求结构化参数输入最精确但需要用户对工具有足够了解。这里有一个非常关键的细节参考图的预处理。我试过上传一张手机拍的实物照片背景很乱光线也不均匀。直接丢进去生成的结果非常糟糕主体和背景糊在一起。后来我手动做了两步处理先用简单的裁剪把主体框出来再稍微拉高一点对比度。同样的参考图处理之后再生成效果提升非常明显。注意如果你打算用参考图作为输入尽量选择背景干净、主体突出的图片。如果原图条件不好花两分钟做一下裁剪和调色比反复调整生成参数要有效得多。2.2 风格控制与参数调节artcraft的风格控制是我觉得最有意思的部分。它没有采用那种“风格下拉菜单”的做法而是把风格拆成了几个正交的维度线条质感、色彩倾向、构图密度、纹理强度。每个维度用一个滑杆来控制滑杆的两端分别是两种极端风格。这种设计的好处是用户不需要理解“这是什么风格”只需要凭直觉去调“我想要更粗犷一点还是更细腻一点”。我实测下来线条质感和纹理强度这两个维度对最终效果的影响最大色彩倾向和构图密度相对温和。如果你刚开始用建议先把线条质感和纹理强度调到中间值然后微调另外两个这样比较容易找到平衡点。这里有一个参数调节的实操心得每次只动一个滑杆而且每次调整幅度不要超过20%。我一开始贪心四个滑杆一起拉结果出来的东西完全失控根本不知道是哪个参数导致的。后来改成单变量调整很快就摸清了每个维度的脾气。2.3 输出格式与后处理空间artcraft的输出格式支持常见的几种PNG、JPG、SVG。我重点说一下SVG。如果你后续还需要在别的软件里做二次编辑一定要选SVG。虽然PNG和JPG看起来更直观但它们是位图放大之后会糊而且没法单独调整图层。SVG是矢量格式每个元素都是独立的你可以把它导入到其他矢量软件里继续改。不过SVG也有一个坑不同软件对SVG标准的支持程度不一样。我试过把artcraft导出的SVG导入到三个不同的工具里有两个显示正常有一个出现了线条错位。后来发现是那个工具对某些SVG属性的解析有问题。所以如果你要用SVG做跨软件协作最好先在目标软件里做一个简单的导入测试。输出格式适用场景优点注意事项PNG直接使用、社交媒体发布兼容性最好所见即所得放大后会模糊不适合印刷JPG网页展示、快速分享文件体积小加载快有压缩损失不适合反复编辑SVG二次编辑、印刷、大幅面输出矢量无损可分层编辑跨软件兼容性需要测试3. 实操过程与核心环节实现这一部分我按照一个完整的项目流程来走一遍从零开始做一个实际的作品把每个步骤的操作意图和关键决策点都标出来。3.1 从想法到第一版草稿我给自己设定的任务是做一个手工皮具工作室的展示海报。目标很明确要突出“手工”和“质感”两个关键词。第一步是输入一段文字描述我写的是“一张展示手工皮具制作过程的海报画面中有皮革、缝线、工具整体色调偏暖有复古感。”这里有一个非常重要的经验文字描述要具体到“画面里有什么”而不是“感觉是什么样的”。我一开始写的是“一张很有质感的海报”结果生成的东西完全没法用。后来改成具体描述画面元素效果立刻就不一样了。artcraft对具体名词的响应明显好于抽象形容词。生成第一版草稿之后我没有急着调参数而是先做了一件事把草稿导出成低分辨率图片在手机上看一遍。这个习惯是我做设计多年养成的因为电脑屏幕和手机屏幕的观看距离、色彩表现都不一样。很多在电脑上看着不错的东西在手机上会显得很挤或者很灰。第一版草稿在手机上看起来构图太满留白不够我记下了这个问题回到电脑上继续调。3.2 参数迭代与细节打磨第二版我重点调整了构图密度把它从默认值往“疏朗”的方向拉了大约30%。同时把纹理强度稍微提高了一点让皮革的质感更明显。这里有一个参数之间的联动关系需要注意构图密度降低之后单个元素的视觉权重会上升这时候纹理强度如果太高画面会显得很“吵”。所以我在降低构图密度的同时把纹理强度只提高了10%而不是直接拉满。第三版我处理的是色彩。artcraft的色彩倾向滑杆从“冷”到“暖”我往暖的方向调了大约40%。但调完之后发现整体偏黄有点过头了。这时候我没有直接往回拉滑杆而是在输出设置里把色温微调了一下。这个操作相当于在后期做了一次色彩校正比重新生成一遍要快得多而且效果更可控。提示参数调整和输出设置是两套独立的控制系统。参数调整影响的是“生成什么”输出设置影响的是“怎么呈现”。善用输出设置可以省下大量重新生成的时间。3.3 最终输出与格式选择最终版我导出了两个格式一个PNG用于社交媒体发布一个SVG用于后续可能的海报印刷。PNG导出的时候我选了最高质量文件大概8MB左右对于社交媒体来说完全够用。SVG导出之后我导入到一个矢量编辑工具里检查了一遍确认所有线条和色块都是独立的没有出现意外的合并或错位。这里有一个关于文件管理的经验每次导出的时候在文件名里带上版本号和关键参数。比如“皮具海报_v3_暖色40_密度-30.svg”。这个习惯看起来不起眼但当你迭代了十几版之后想找回某一个特定版本的时候就知道有多重要了。我吃过这个亏后来就养成了强制命名的习惯。4. 常见问题与排查技巧实录这一部分我整理了自己在实际使用中遇到的典型问题以及从其他用户那里收集到的反馈。每个问题都附上了排查思路和解决方法希望能帮你少走弯路。4.1 生成结果与预期不符这是最常见的问题没有之一。表现就是我脑子里想的是一个样子生成出来是另一个样子。排查这个问题的第一步不是去调参数而是回去检查输入描述。我统计了一下自己的使用记录大概有七成的情况是输入描述本身就有歧义。比如我写“一个简约的图标”artcraft可能会理解成“线条极简的图标”也可能会理解成“构图简单的图标”。这两种理解出来的东西完全不一样。后来我学乖了描述里尽量用可视觉化的名词和动词少用“简约”“大气”“高级”这种主观形容词。如果实在需要用形容词就在后面加一个具体的参照比如“简约类似单线条简笔画的感觉”。4.2 输出文件过大或过小文件大小的问题主要出现在PNG和JPG导出的时候。文件太大上传到某些平台会被压缩压缩之后画质损失严重文件太小又说明分辨率不够放大就糊。我的经验是先确定最终使用场景再倒推需要的分辨率。社交媒体发布长边2000像素足够了印刷的话至少300DPI长边按实际尺寸换算。artcraft在导出设置里有一个“目标用途”的选项我建议直接选对应的场景让工具自动计算分辨率。如果你要手动设置记住一个简单的公式像素尺寸 物理尺寸 × DPI。比如你要印一张A3海报297mm×420mm300DPI那像素尺寸大约是3508×4961。4.3 跨软件协作时的兼容性问题前面提到过SVG的兼容性问题这里展开说一下。我遇到过的具体表现包括线条粗细不一致、颜色偏差、图层顺序错乱。排查思路是这样的先在artcraft里把作品导出成PNG作为视觉基准然后把SVG导入目标软件跟PNG对比。如果发现差异先检查目标软件的SVG导入设置看看有没有“忽略样式”“合并图层”之类的选项被勾选了。如果设置没问题但还是有差异那大概率是SVG版本的问题。artcraft默认导出的可能是SVG 1.1而有些新软件对SVG 2.0的支持更好。这种情况下可以尝试在导出设置里切换SVG版本。如果还是不行那就只能导出PNG然后在目标软件里手动描一遍——虽然麻烦但至少结果是可控的。问题现象可能原因排查步骤解决方法生成结果与预期不符输入描述有歧义检查描述中的形容词是否具体用可视觉化的名词和动词替换主观形容词输出文件过大分辨率设置过高确认最终使用场景按场景倒推分辨率或使用目标用途选项输出文件过小分辨率设置过低检查导出设置中的DPI印刷至少300DPI屏幕展示72-150DPISVG跨软件显示异常SVG版本不兼容对比PNG基准检查导入设置切换SVG版本或导出PNG后手动处理4.4 性能与响应速度artcraft在生成复杂画面的时候响应速度会明显下降。我测试下来画面元素数量超过50个之后每次参数调整的等待时间会从1-2秒增加到5-8秒。这个等待时间虽然不算长但频繁调整的时候会打断思路。我的应对策略是先在低精度预览模式下调参数确定大致方向之后再切换到高精度模式做最终生成。artcraft的预览模式会降低渲染精度但保留构图和色彩关系对于判断整体效果来说完全够用。这个技巧帮我省下了大量等待时间尤其是在做多版本对比的时候。还有一个影响性能的因素是纹理强度。纹理强度越高渲染计算量越大。如果你不需要特别强烈的纹理效果把它控制在中等水平生成速度会快很多。5. 工具选型与生态位分析这一部分我想跳出artcraft本身聊聊它在整个创意工具生态里的位置。因为单独看一个工具很难判断它到底适不适合你只有把它放到你的工作流里才能看出价值。5.1 与专业设计软件的分工artcraft跟专业设计软件不是替代关系而是上下游关系。我的典型工作流是这样的用artcraft做概念探索和快速原型确定方向之后把SVG导入专业软件做精细调整和最终输出。artcraft的优势在于快速试错专业软件的优势在于精确控制。这个分工的关键在于交接点的质量。如果artcraft导出的SVG在专业软件里打开之后图层结构清晰、样式没有丢失那这个交接就是顺畅的。我实测下来artcraft的SVG导出质量在同类工具里属于中上水平大部分情况下不需要做太多修复工作。5.2 与同类工具的差异化市面上跟artcraft定位相似的工具我试过不少大部分要么偏重“模板套用”要么偏重“AI生成”。artcraft的差异化在于它把控制权还给了用户但又没有把门槛提得太高。这个平衡点找得挺准的。具体来说模板类工具的问题是“千人一面”你很难做出真正属于自己的东西AI生成类工具的问题是“不可控”你没法精确地告诉它你想要什么。artcraft的滑杆式参数控制本质上是在“完全手动”和“完全自动”之间取了一个中间值。这个中间值不一定适合所有人但对于那些有明确想法但缺乏实现手段的人来说刚刚好。5.3 适用场景与不适用场景根据我的使用经验artcraft在以下场景里表现最好社交媒体配图、活动海报初稿、产品展示图、个人作品集封面。这些场景的共同特点是对“独特性”有要求但对“精确性”要求没那么高需要快速出多个版本做对比最终输出尺寸不会特别大。不太适合的场景包括需要精确尺寸和出血线的印刷品、需要严格品牌规范的企业物料、需要复杂排版的多页文档。这些场景要么对精度要求太高要么对一致性要求太严artcraft的“可控随机性”反而会变成干扰因素。注意工具没有好坏只有适不适合。在决定是否把artcraft纳入你的工作流之前先想清楚你的核心需求是“快”还是“准”。如果是“快”artcraft值得一试如果是“准”那还是老老实实用专业软件。6. 个人实操心得与后续扩展思路写了这么多最后分享几个我在实际使用中攒下来的小技巧以及我对这个项目后续发展的一些个人看法。第一个技巧是关于参数预设的管理。artcraft允许你保存自己的参数组合我建议你按项目类型来分类保存而不是按风格来分。比如“社交媒体配图”“海报初稿”“产品展示”各存一套。因为同一个项目类型下的需求往往是一致的直接调用预设比重新调参快得多。第二个技巧是关于批量处理。如果你需要生成一系列风格统一但内容不同的作品可以先用一个样本调好参数然后把参数导出再批量应用到其他内容上。这个操作在artcraft里是通过“参数模板”功能实现的我实测下来批量生成的效率比逐个调整高了至少五倍。第三个技巧是关于版本回溯。artcraft有历史记录功能但默认只保留最近20个版本。如果你在做一个复杂的项目建议手动把关键版本导出保存不要完全依赖历史记录。我就遇到过历史记录被覆盖想找回一个中间版本却找不到的情况。关于后续扩展我个人比较期待两个方向一是更细粒度的图层控制现在虽然能导出SVG但在artcraft内部没法单独调整某个元素的属性二是团队协作功能现在的工作流还是偏个人如果能支持多人同时编辑同一个项目对小型工作室来说会非常实用。这两个方向都是我基于实际使用场景的观察不一定对但至少代表了一类用户的需求。如果你也在用类似工具欢迎一起交流你的使用心得和踩坑经验。

相关新闻

diagram-design:从画图到系统化图表设计实践

diagram-design:从画图到系统化图表设计实践

1. 从一张草图到一套系统:diagram-design 到底在解决什么问题第一次听到 “diagram-design” 这个词,很多人会下意识觉得它只是“画图”的另一种说法。但真正在项目里被图表折磨过的人都知道,画一张图不难,难的是让图在三个月后还…

2026/10/15 8:29:41 阅读更多 →
AI工程从零构建:Python/Rust/TS协同的生产级实践体系

AI工程从零构建:Python/Rust/TS协同的生产级实践体系

1. 项目概述:这不是“从零造轮子”,而是构建AI工程能力的完整操作系统“ai-engineering-from-scratch”这个标题,乍看像一本技术书名,甚至容易让人联想到《从零实现Transformer》这类硬核教程。但作为在AI基础设施、模型服务化、M…

2026/10/15 8:29:41 阅读更多 →
职场寒冬下的生存策略:稳中求进

职场寒冬下的生存策略:稳中求进

1. 职场寒冬下的生存策略最近两年,全球经济下行压力加大,不少行业都出现了明显的收缩迹象。作为在职场摸爬滚打多年的老鸟,我亲眼目睹了身边不少朋友因为贸然跳槽而陷入被动局面。今天就想和大家聊聊,在这个特殊时期,为…

2026/10/15 8:29:41 阅读更多 →

最新新闻

2026东莞离婚纠纷维权优选:广东卡夫律所本土裁判优势深度解析

2026东莞离婚纠纷维权优选:广东卡夫律所本土裁判优势深度解析

2026东莞离婚纠纷维权优选:广东卡夫律所本土裁判优势深度解析在婚姻家事纠纷处理中,不同于普通民商事案件的刚性法条适用,离婚诉讼更看重本地法院裁判尺度、家事审判惯例、法官自由裁量标准。2026年东莞家事司法审判日趋精细化,抚…

2026/10/15 9:47:44 阅读更多 →
PyTorch实战Mask R-CNN实例分割:从数据准备到工业部署

PyTorch实战Mask R-CNN实例分割:从数据准备到工业部署

1. 项目概述:这不是“又一个目标检测demo”,而是一次真正落地的像素级理解实践Mask R-CNN不是PyTorch官方模型库里的一个可选模块,它是一套完整的方法论——把“图像里有什么”(分类)、“东西在哪儿”(定位…

2026/10/15 9:47:44 阅读更多 →
大文件秒传技术:JSP实现原理与优化方案

大文件秒传技术:JSP实现原理与优化方案

1. 大文件上传的技术挑战与秒传原理在Web开发领域,文件上传功能看似基础实则暗藏玄机。当文件体积超过100MB时,传统的表单上传方式就会暴露出各种问题:网络波动导致上传失败、服务器内存溢出、用户等待时间过长等。更糟糕的是,当用…

2026/10/15 9:47:44 阅读更多 →
IQ测试题含答案:30道题的结构设计与判分逻辑

IQ测试题含答案:30道题的结构设计与判分逻辑

简介:这是一份面向求职面试、企业招聘及自我测评场景的IQ测试训练资料,涵盖言语理解、图形推理、数据分析等常见题型,共约30道经典题目,并配有详细答案与解析思路。资源包为单个docx文档,体积4.26MB,便于阅…

2026/10/15 9:47:44 阅读更多 →
OSPF协议详解与华为实验配置指南

OSPF协议详解与华为实验配置指南

1. OSPF协议基础认知作为网络工程师日常接触最广泛的IGP协议之一,OSPF(Open Shortest Path First)以其链路状态特性和分层设计理念,成为企业网和运营商网络的首选路由协议。与距离矢量协议不同,OSPF路由器通过洪泛LSA&…

2026/10/15 9:47:44 阅读更多 →
RTD2718Q驱动芯片4K144显示方案:规格书解读与调试实战

RTD2718Q驱动芯片4K144显示方案:规格书解读与调试实战

简介:这份资源是Realtek RTD2718Q-VD-CG显示驱动芯片的官方规格书,面向显示器方案工程师、嵌入式开发人员及硬件选型人员,用于了解该芯片在4K144Hz高刷显示场景下的接口能力与系统集成方式。芯片支持HDMI 2.1与DP 1.4双路输入,兼容…

2026/10/15 9:46:43 阅读更多 →

日新闻

Docker Compose 容器化部署 ChirpStack LoRaWAN 网络服务器实战

Docker Compose 容器化部署 ChirpStack LoRaWAN 网络服务器实战

1. 为什么选择容器化方式部署 LoRa 网络服务LoRa 物联网项目落地时,网络服务器是整个链路的核心枢纽。它负责接收网关上报的数据包、完成去重与解密、再把有效载荷分发给上层应用。早期大家习惯把网络服务器直接装在物理机上,依赖一堆系统库和特定版本的…

2026/10/15 0:00:46 阅读更多 →
共享LLM服务下的跨模型自动扩缩容:Kubernetes实战与避坑指南

共享LLM服务下的跨模型自动扩缩容:Kubernetes实战与避坑指南

1. 共享推理服务里,扩缩容到底难在哪做过大模型推理服务部署的人,大概都经历过这样的场景:一个团队共用一套推理集群,A 业务跑的是 7B 的小模型,B 业务跑的是 72B 的大模型,C 业务白天流量高、晚上几乎归零…

2026/10/15 0:00:46 阅读更多 →
Systemd 启动阶段根文件系统只读之谜:fstab 与 remount-fs 服务深度解析

Systemd 启动阶段根文件系统只读之谜:fstab 与 remount-fs 服务深度解析

1. 引子:一次内核恐慌引发的追查先从一个真实场景说起。某次我给一台老旧的嵌入式设备折腾系统裁减,为了把启动时间压进两秒以内,我手贱地把一串自认为“没用”的 systemd 服务给 disable 了,其中就包括systemd-remount-fs.servic…

2026/10/15 0:00:46 阅读更多 →

周新闻

流感时间序列预测实战:ARIMA/LSTM全流程拆解与避坑指南

流感时间序列预测实战:ARIMA/LSTM全流程拆解与避坑指南

简介:基于 ARIMA、LSTM、Transformer 等模型的流感时间序列预测 Python 源码,面向计算机相关专业课程设计与期末大作业学生,以及项目实战学习者。内容覆盖预处理、平稳性检验、定阶、残差分析、多模型对比预测的完整时序建模流程,…

2026/10/14 3:30:28 阅读更多 →
影刀RPA新手教程:键盘模拟输入实战——输入文本与模拟按键的区别

影刀RPA新手教程:键盘模拟输入实战——输入文本与模拟按键的区别

影刀RPA新手教程:键盘模拟输入实战——输入文本与模拟按键的区别 做影刀RPA自动化,十个新手有八个栽在"往输入框里填东西"这件事上:要么填不进去,要么填了一半,要么直接把原来内容追加在后面。这背后的根因&…

2026/10/14 16:30:29 阅读更多 →
影刀RPA新手教程:阅文起点小说数据采集实战——书籍信息与章节内容

影刀RPA新手教程:阅文起点小说数据采集实战——书籍信息与章节内容

影刀RPA新手教程:阅文起点小说数据采集实战——书籍信息与章节内容 1. 认识影刀:什么场景该用RPA采小说数据 起点中文网的页面结构相对稳定——分类榜单、书籍详情、章节内容三块独立页面,跳转链路清晰。这种场景非常适合影刀自动化&#x…

2026/10/14 3:29:58 阅读更多 →

月新闻

我发现了一个新思路:用 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/15 0:14:36 阅读更多 →
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/14 22:45:47 阅读更多 →
黑夜航拍船只数据集训练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/14 7:53:34 阅读更多 →