Scratch编程思维怎么教?橙狮体系拆解少儿编程核心方法
很多家长和老师第一次看到Scratch的时候都会冒出一个类似的疑问这不就是让孩子拖着彩色积木块玩吗跟编程有什么关系我在橙狮Scratch编程项目里带过不少零基础的孩子第一次课结束的时候多数孩子都能让小猫动起来但只有极少数能说清楚“为什么这次能成功、上次不行”。这个差别恰恰就是Scratch编程真正的分水岭。橙狮Scratch编程这套体系核心就是把这层“为什么”拆开讲透。它面向6到12岁的初学者目标是让孩子用积木块完成可运行的作品同时在过程中建立顺序、循环、条件、变量、事件这些最底层的编程思维。这篇文章把我这几年的真实经验和踩过的坑整理出来重点讲四件事Scratch的核心机制怎么理解、一节课应该怎么上才有效、家长和老师最容易翻车的几个动作以及学完Scratch之后往哪走。不管你是正准备带孩子入门的家长还是刚开始教图形化编程的新手老师这篇都能给你一些可以直接用的东西。1. 从孩子第一次打开Scratch到完成小动画中间到底发生了什么成年人接触Scratch第一反应往往是“我看不见代码我怎么知道程序在跑”。孩子恰恰相反他们不会问这种问题他们直接拖一个“当绿旗被点击”再拖一个“移动10步”点一下绿旗小猫走了。这个瞬间孩子其实已经完成了一次完整的程序执行事件触发、指令执行、结果反馈。只是他还没意识到这就是编程。1.1 舞台、角色、积木先帮孩子建立三层心智模型我一直觉得Scratch的界面设计是它最了不起的地方。整个界面只有三个区域需要理解舞台、角色列表、积木区。舞台是程序运行结果的呈现区角色是程序操作的对象积木区是程序逻辑的来源。这三者的关系可以类比成拍一部动画片舞台是摄影棚角色是演员积木是导演的剧本。孩子理解了“我在给角色写剧本舞台会播放我的剧本”就抓住了Scratch的底层逻辑。在这个基础上我会特别强调一个概念积木区里的每一块积木本质上都是一条代码。比如“移动10步”是让角色产生位移的指令“如果……那么……”是条件判断语句“重复执行”是循环结构。它们只是换了图形化的衣服核心逻辑和Python、JavaScript里的对应语句完全一致。橙狮课上有个经典热身任务叫“会拐弯的小猫”。要求是让小猫走到舞台边缘再反弹回来很多孩子第一次都会卡在“怎么让它停下来”。这时我会引导他看积木区的分类运动类的积木不管怎么拖只决定角色“走不走”真正决定“什么时候走、走多久”的是控制类积木。孩子一旦开始思考“我要用什么积木来控制其他积木”他就开始用编程的方式想问题了。1.2 为什么图形化编程要先于Python这类文本语言这是个老生常谈的问题但很多家长还是没想透。我常说一个比喻学编程就像学做菜文本语言要求你先学会认字读谱再学怎么动刀图形化编程则让你先上手切菜、炒菜感受火候和调味认字可以后面慢慢补。Python当然好但对一个8岁的孩子来说他得同时应付缩进、括号、引号、变量声明这些语法问题一个引号写错程序就崩溃。这会让孩子把大量精力消耗在“纠正格式错误”上而不是“解决问题逻辑”。Scratch把语法错误直接消灭了积木块是卡扣式的拼不上的积木根本放不到一起这就像给孩子发了一套永远不会装错的乐高零件他可以专注于结构设计本身。更重要的是Scratch保留了编程最核心的东西——控制流和数据流。循环、判断、变量、事件、克隆、消息广播这些概念一点不少。等到孩子用Scratch解决过足够多的问题再转到Python时他要补的只是语法外壳底层思维已经建好了。2. 橙狮课程里反复打磨的一节课到底是怎么上的很多人以为讲Scratch就是扔给孩子一套教程让他照着视频拖积木。这种方式的效率其实很低。孩子照着视频做确实能做出作品但关掉视频后他仍然不知道怎么从零开始设计一个程序。橙狮的课有一个固定的节奏我把这个节奏叫作“拆-搭-调-说”四步每一节课都在走这套循环。2.1 项目拆解把一个大目标翻译成一组小任务孩子最大的困难不是不会拖积木而是面对一个完整的作品不知道从哪下手。比如“做一个打地鼠游戏”这个目标对初学者来说太庞大了。橙狮课上会先带着孩子做项目拆解把“打地鼠”拆成几件具体的事地鼠要随机出现在多个洞口的其中一个、它出现一小段时间后会消失、玩家点击它要得分、倒计时结束游戏要停止。这个拆解过程我会用一张简单表格帮孩子理解这也是我在教案里经常用的格式子任务涉及积木类别难度地鼠随机出现事件、运动、克隆中出现后自动消失控制、侦测低点击地鼠得分变量、事件低倒计时结束控制、运算、外观中我一般不让孩子直接按表格去做而是先和他口头讨论“如果让你来设计这个游戏你觉得首先要解决哪件事”让孩子自己说出“地鼠得先出来”然后我再把任务表给他看。这个过程训练的就是项目拆解的意识。等他以后面对更复杂的项目这种“把大问题切成小问题”的思维方式比会写代码值钱得多。2.2 场景搭建与素材准备美术资源不该成为绊脚石Scratch自带庞大的角色库、背景库和声音库这是一个常被忽略的巨大优势。很多没有经验的老师会让孩子自己画角色结果一节课下来孩子光在画一只像样的地鼠逻辑一句没碰。我的经验是第一节课到第五节课都用官方素材库就行。等孩子把核心逻辑跑通再让他去角色编辑器里改颜色、加配件这样既满足他“想要不一样”的创作欲又不会耽误编程主线。场景搭建还有一个容易被忽略的细节坐标意识。Scratch的舞台是一个480x360的坐标系孩子拖动角色时程序会自动记录x和y坐标。我在课上会专门安排一个环节让孩子在舞台四个角分别放上角色然后查看它们的坐标引导他发现规律越靠右x越大越靠上y越大。一旦理解了坐标系后面做“角色平滑移动”“边缘检测”都会顺畅很多。2.3 积木编排、试运行、调试编程思维的核心训练场搭建阶段最忌讳的是“一次堆完所有积木再运行”。我要求孩子每搭三五块积木就点一次绿旗看效果这个习惯从第一节课就建立。比如搭“地鼠随机出现”孩子先拖一个“当绿旗被点击”再接“移到随机位置”。这时我会让他先运行一下他会发现地鼠的确随机移动了但它一直在换位置完全没有“出现几秒再消失”的感觉。这就是一个绝佳的教学时机。我不直接告诉他怎么改而是问他“地鼠出现之后是需要它一直在那等着还是希望它待一会就走”孩子会回答“待一会就走”我再引导他找到“等待1秒”积木。等他加上去运行就会发现已经有点像样了。这时再继续追问“那如果这一秒内玩家没点到怎么办是不是应该把等待换成随机时间”一个动态游戏的逻辑就这样被一步步“逼”出来了。调试部分也就是大家常说的Debug是橙狮每一节课都留出专门时间做的事。我常跟孩子说一句话“程序出错不是坏事它是在告诉你有一个地方你想得和电脑不一样。”我会带他做三件事先读一遍积木顺序再说出“我认为每一块积木会发生什么”最后对照运行结果找不同。这一步看起来很朴素但它训练的是程序员的元认知能力——审视自己的思维过程。3. 辅导孩子时最容易翻车的五种情况最好一次避开这几年的项目经验里我发现真正决定孩子学习效果的往往不是Scratch本身而是辅导者的一举一动。下面这五种情况我几乎每次带新老师都会强调也建议家长在家对照着看看。3.1 手把手代劳孩子一卡壳就立刻抢鼠标这是最常见、也最隐蔽的问题。孩子拖积木拖错了家长在旁边看着着急直接说“不对你应该用那个”甚至一把拿过鼠标替孩子拼好。这样做的后果是孩子很快学会了一件事只要我停下来就会有人帮我解决。于是他的依赖感越来越强而解决问题的能力始终原地踏步。正确的做法是管住手只动嘴。而且问问题的技巧很关键不要问“你错在哪了”这种问题对孩子来说太抽象。要问具体操作类的问题“你觉得是事件积木没触发还是移动的幅度太小”再进一步可以引导他看舞台区的实时反馈“你看角色现在停在哪个位置这符合你的预期吗”让孩子自己通过观察找到症结。3.2 把“做出来”当成唯一目标过程和复盘被彻底忽略很多家长看到孩子最终做出了一个能跑的作品就觉得今天任务完成了。但从学习效果来看“做出来”只完成了三分之一。真正重要的是孩子能不能说清楚“这个程序是怎么运行的”。我见过很多孩子作品很炫但你要是问他“为什么这里要加一个变量”他回答不上来。所以橙狮每节课的最后十分钟雷打不动是作品展示和讲解环节。孩子要向其他人介绍自己的作品至少要回答三个问题我的作品做什么最关键的一个积木组合是什么我遇到了什么问题、怎么解决的哪怕说得磕磕绊绊也比闷头做完强一百倍。这个环节训练的表达能力、复盘能力都是编程学习中极其稀缺的素养。3.3 只看运动类积木变量、列表、广播这些“硬骨头”总是被跳过我带过的孩子里十有八九会沉迷于“移动”“旋转”“下一个造型”这类积木。这些积木直观、反馈快孩子一拖就有视觉刺激。但真正的编程思维往往藏在看不见的地方——变量、列表、消息广播、克隆。一个孩子如果只会用运动积木和外观积木他其实是在“用积木搭动画”而不是“用积木写程序”。我认为Scratch阶段必须跨过的三道坎变量、克隆、消息广播。拿变量来举例。做一个接水果游戏水果从天上掉下来篮子左右移动接住。如果不用变量这个游戏根本没法记分。我会在孩子做完基础版之后抛出一个挑战“咱们现在来给游戏加一个得分功能分数存在哪呢”孩子会想出一个地方比如“存在角色身上”然后我会引导他如果存在角色身上换一个角色分数就没了怎么办这时他才真正理解“变量是存放数据的空间跟角色没有绑定关系”。这种理解一旦建立他就算是摸到了数据思维的边。3.4 不处理“看不见的错误”孩子说“我不想做了”就真的停下来了Scratch的报错机制很温和但它依然会有“逻辑错误”比如角色碰撞检测没生效、广播消息没被接收到。这种错误屏幕上不会有任何提示孩子只会觉得“它不动了”“它不反应了”然后很快涌现出挫败感。这种时候我会刻意放慢节奏带着孩子做一次“案发现场还原”先点绿旗看角色A发生了什么再看角色B有没有变化如果B没反应就去检查B是否收到了广播。很多孩子会在这个过程中自己喊出来“啊我忘记给B也加一个‘当接收到消息’了”这一刻的价值比任何讲解都大。因为他体验到了完整的问题排查链路观察现象、定位环节、修改验证。家长在家辅导时最怕的就是看到孩子卡住就心软。我的建议是把“卡住”重新定义为“我正在寻找一个藏起来的问题”而不是“我做不出来了”。这个心态的转变对孩子长远的学习动力非常关键。3.5 没有变式练习一个作品做完就等于结束从不做迁移做完了打地鼠游戏绝大多数孩子的版本都一样。如果就此结束孩子很快会忘记。我建议每完成一个项目至少做一次“变式挑战”。打地鼠改成采蘑菇行不行把地鼠随机出现改成蝴蝶随机飞再让蝴蝶飞的时候左右摆动逻辑上要加什么积木这种迁移练习才是检验孩子是否真正理解逻辑的唯一标准。能举一反三说明他掌握的是规律不能变说明他只是在背步骤。橙狮课上每个项目我都会设计三个变式难度从“改一个素材”到“改一个规则”再到“加一个新玩法”。这是整个课程里我认为最有价值的部分。4. 从Scratch毕业之后三条真实走得通的成长路径很多家长问我孩子Scratch学了一年接下来学什么这个问题我会先反过来问他你是想继续做纯软件还是希望孩子碰一碰真实的硬件不同的兴趣方向路径完全不同。4.1 走向硬件与机器人Scratch思维最自然的延伸如果孩子喜欢动手喜欢看到程序控制真实世界里的东西那么转向硬件编程是非常顺滑的路径。现在很多入门级开发板都有类似于Scratch的图形化编程环境像micro:bit这类板子就是很好的选择。它跟Scratch有一个惊人的相似之处编程逻辑几乎可以直接平移。比如Scratch里的“重复执行”对应硬件里的循环Scratch里的“如果按下按键”对应硬件里的“如果按下板载按钮”。孩子唯一的增量学习就是理解输入输出不一样了在Scratch里输入是鼠标键盘在硬件里输入变成了传感器和按钮输出变成了LED灯和蜂鸣器。我的建议是孩子到三、四年级以后如果软件编程的兴趣没有衰减可以软硬结合。做一个温度报警器、做一个自动感应灯既有编程又有物理知识的启蒙成就感比纯屏幕上的小猫大得多。橙狮项目里这个阶段的孩子往往比纯学软件的孩子更快进入深度状态原因就是反馈从虚拟变成了现实。4.2 转向Python或JavaScript用“翻译”的方式平滑过渡如果孩子逻辑思维不错喜欢死磕问题那么到四五年级就可以正式接触文本编程了。但我不建议直接从“Hello World”开始敲更推荐的做法是把他已经完成的Scratch作品“翻译”成Python代码。比如经典的“猜数字”游戏在Scratch里是“询问并等待”加“如果回答大于数字就提示”。翻译到Python就是input()加if/else。孩子在Scratch里已经理解了这个逻辑链条他要做的只是把图形积木“翻译”成文本语法。这个过程几乎没有陡坡而且他能立刻体会到“原来我学的东西是真的编程”。这阶段的难点在于缩进和语法细节孩子初学时常常忘记冒号搞混整型和字符串。我的经验是不要急着系统讲语法而是用“作品反推”的方法每翻译一个完整项目就顺便掌握几个语法点。翻译三四个作品之后再回过头来系统过一遍基础语法效率会高很多。如果孩子的目标偏网页方向JavaScript也完全可以走同样的路径。4.3 参与展示与交流活动让作品得到真实反馈编程学习到了一定阶段需要外部反馈来维持热情。Scratch社区本身就是一个很好的展示平台孩子可以把作品公开发布获得来自世界各地的评论和点赞。这种激励比家长口头表扬有效得多。如果希望孩子走得更远可以关注各类青少年信息素养展示活动、科创交流活动。这类活动一般要求提交作品源码加作品说明文档这个准备过程本身就是一次高质量的复盘。孩子为了说明作品必须梳理自己的设计思路、模块划分、遇到的问题和解决方案这就是一份属于他自己的技术文档。在橙狮项目里我鼓励孩子在完成作品后写一段“创作者手记”刚开始可能就三句话“我做了一个接水果游戏用到了克隆和变量我卡在分数不增加后来发现变量每次重新归零了。”不要小看这三句话它意味着孩子已经开始用全局的方式审视自己的代码了。这比任何考试分数都更能说明他是否真正入了编程的门。我在实际经验里最大的感受是Scratch教的从来不是编程本身而是一种思考顺序先拆解问题再组织流程最后验证结果。橙狮项目做了这么久最让我开心的不是孩子完成了多少作品而是他们开始会主动说出类似的话“我觉得这里应该放一个变量不然分数会清零。”当一个孩子能说出这句话他就已经不是一个使用者而是一个设计者了。这种思维的种子会在他之后学任何学科、处理任何复杂问题时发芽。

相关新闻

Go sync.Map原理与高并发缓存实战指南

Go sync.Map原理与高并发缓存实战指南

1. 为什么普通map在Go并发场景下会直接崩溃——从一次线上panic说起“fatal error: concurrent map writes”——这是我去年在某高并发日志聚合服务上线第三天凌晨收到的第7条告警。当时整个服务每秒处理3.2万条日志,后台用map[string]*LogBuffer缓存每个客户端的缓…

2026/10/14 17:43:06 阅读更多 →
OpenShell 插件化命令行框架设计与实操指南

OpenShell 插件化命令行框架设计与实操指南

1. OpenShell 是什么,为什么值得花时间研究第一次听到 OpenShell 这个名字,很多人会下意识以为它跟 Linux 的 shell、终端模拟器或者某种远程连接工具有关。实际上,OpenShell 是一个面向命令行交互体验的开源外壳框架,它的核心定位…

2026/10/14 17:42:05 阅读更多 →
信号量实战三原则:互斥、同步、前驱的工程实现与避坑指南

信号量实战三原则:互斥、同步、前驱的工程实现与避坑指南

1. 为什么学信号量不能只背P、V操作的定义&#xff1f; 刚接触操作系统进程管理时&#xff0c;我见过太多人把信号量机制当成一道数学题来解&#xff1a;P操作是减一&#xff0c;V操作是加一&#xff0c;S≥0时可执行&#xff0c;S<0时阻塞——背得滚瓜烂熟&#xff0c;一到…

2026/10/14 17:42:05 阅读更多 →

最新新闻

C语言手写FFT:从蝶形运算到位反转的嵌入式实现

C语言手写FFT:从蝶形运算到位反转的嵌入式实现

简介&#xff1a;这份资源面向具备一定C语言与信号处理基础的学习者&#xff0c;聚焦快速傅里叶变换&#xff08;FFT&#xff09;与逆变换&#xff08;IFFT&#xff09;的工程实现&#xff0c;帮助读者理解离散傅里叶变换的数学原理并落地为可编译运行的代码。内容围绕Cooley-T…

2026/10/14 18:29:51 阅读更多 →
WebRTC入门实战:从一对一通话Demo到避坑指南

WebRTC入门实战:从一对一通话Demo到避坑指南

1. 从一次视频通话卡顿说起&#xff1a;WebRTC到底解决了什么问题第一次接触WebRTC&#xff0c;是因为一个很具体的需求&#xff1a;做一个网页端的多人视频通话功能&#xff0c;要求打开浏览器就能用&#xff0c;不装插件、不装客户端。当时第一反应是去找现成的第三方服务&am…

2026/10/14 18:29:51 阅读更多 →
WinCE TCP通信实战:从Winsock选型到心跳重连的避坑指南

WinCE TCP通信实战:从Winsock选型到心跳重连的避坑指南

简介&#xff1a;这份资源面向在Windows CE嵌入式平台上进行网络开发的工程师与学习者&#xff0c;提供基于Visual Studio 2005环境的TCP通信样例工程&#xff0c;帮助理解并掌握WinCE设备上的Winsock网络编程。包内共29个文件&#xff0c;以h头文件、cpp源文件、vcproj工程文件…

2026/10/14 18:29:51 阅读更多 →
STM32F407+FSMC+W5100S工业以太网稳定设计指南

STM32F407+FSMC+W5100S工业以太网稳定设计指南

简介&#xff1a;本资源是一套基于STM32F407VET6单片机与W5100S以太网模块的FSMC接口网络通信完整工程&#xff0c;面向嵌入式初学者及物联网硬件开发人员&#xff0c;解决STM32平台下高速以太网外设驱动与TCP协议栈应用落地难题。压缩包共143个文件&#xff0c;含56个C源码与5…

2026/10/14 18:29:51 阅读更多 →
Obsidian量子测试知识图谱:开源模板与实操指南

Obsidian量子测试知识图谱:开源模板与实操指南

1. 为什么是 Obsidian&#xff0c;以及量子测试场景的真实痛点1.1 量子测试不是普通软件测试先从一个很实际的问题说起&#xff1a;做量子计算相关的测试工作&#xff0c;到底有多少种资料要管&#xff1f;我自己入坑量子测试之前&#xff0c;以为它和普通软件测试差不太多——…

2026/10/14 18:29:51 阅读更多 →
离散控制Matlab代码:当HJB方程撞上Tensor Train,为什么状态维度一高就集体翻车

离散控制Matlab代码:当HJB方程撞上Tensor Train,为什么状态维度一高就集体翻车

简介&#xff1a;这份资源面向从事最优控制、科学计算与数值分析的研究生、工程师及科研人员&#xff0c;提供离散控制场景下Hamilton-Jacobi-Bellman方程牛顿策略迭代的Tensor Train实现&#xff0c;属于系统开源类Matlab代码。压缩包共15个文件&#xff0c;以13个.m脚本为核心…

2026/10/14 18:28:51 阅读更多 →

日新闻

AnyPS5通用适配层设计:兼容性与性能的工程取舍

AnyPS5通用适配层设计:兼容性与性能的工程取舍

1. 从"AnyPS5"这个名字说起&#xff1a;它到底想解决什么问题第一次看到"AnyPS5"这个标题&#xff0c;我脑子里冒出来的第一个念头是&#xff1a;这大概率是一个围绕"跨平台运行"或者"通用适配"做文章的项目。名字里的"Any"…

2026/10/14 0:00:41 阅读更多 →
Flutter跨平台开发实战:二手交易应用与HarmonyOS适配

Flutter跨平台开发实战:二手交易应用与HarmonyOS适配

1. 项目概述&#xff1a;Flutter跨平台二手交易应用开发作为一名长期从事移动应用开发的工程师&#xff0c;我最近完成了一个基于Flutter框架的二手物品交易平台项目。这个项目最吸引我的地方在于它完美结合了Flutter的跨平台优势与HarmonyOS的生态特性&#xff0c;实现了"…

2026/10/14 0:00:41 阅读更多 →
DFS算法解决飞机降落调度问题实战

DFS算法解决飞机降落调度问题实战

1. 项目背景与核心思路飞机降落问题是一个经典的调度优化场景&#xff0c;也是算法竞赛和面试中的高频题目。这个题目要求我们合理安排多架飞机的降落顺序和时间&#xff0c;确保所有飞机都能安全着陆而不发生冲突。在实际航空管制中&#xff0c;这类问题直接关系到飞行安全和机…

2026/10/14 0:00:41 阅读更多 →

周新闻

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

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

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

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

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

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

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

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

影刀RPA新手教程&#xff1a;阅文起点小说数据采集实战——书籍信息与章节内容 1. 认识影刀&#xff1a;什么场景该用RPA采小说数据 起点中文网的页面结构相对稳定——分类榜单、书籍详情、章节内容三块独立页面&#xff0c;跳转链路清晰。这种场景非常适合影刀自动化&#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/13 22:01:27 阅读更多 →
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/13 14:57:39 阅读更多 →
黑夜航拍船只数据集训练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 阅读更多 →