<?xml version="1.0" encoding="UTF-8"?><rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>threetwoa&apos;s blog</title><description>code less, architect more</description><link>https://fork-firefly.vercel.app/</link><templateTheme>Firefly</templateTheme><templateThemeVersion>6.15.3</templateThemeVersion><templateThemeUrl>https://github.com/CuteLeaf/Firefly</templateThemeUrl><lastBuildDate>2026年8月12日 00:00:38</lastBuildDate><item><title>社招两年半跑了 28 轮：技术讨论不是答题比赛</title><link>https://fork-firefly.vercel.app/posts/social-hire-28-rounds-playbook/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/social-hire-28-rounds-playbook/</guid><description>二本、工作约两年半，约 10 家公司 28 轮拿到字节/拼多多/美团/滴滴等 offer。书单、简历边界、讨论三件套，比整页粘贴题库更扛消耗战。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;28 轮打下来，最先垮的往往不是算法，是把面试当成「答题比赛」的心态。思否这篇公开复盘：二本、工作约两年半，约 10 家公司拿到字节、拼多多、美团、滴滴等 offer。一半写「怎么聊」，一半是各厂题单。时效约 2022，题面会过期，讨论打法和简历边界不会。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;书比碎片文章更扛追问&lt;/h2&gt;&lt;p&gt;作者主张真体系靠书，文章当扩充。不是鸡汤：碎片文能帮你「听说过」，书才能帮你扛二三连问。书单方向（不必本本啃完，当覆盖面参考）：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;并发：《Java 并发编程的艺术》《Java 并发编程实战》&lt;/li&gt;
&lt;li&gt;JVM：《深入理解 Java 虚拟机》+ G1/ZGC 专题 + 美团/R 大文章&lt;/li&gt;
&lt;li&gt;MySQL：InnoDB 内幕、高性能 MySQL、实战课&lt;/li&gt;
&lt;li&gt;Redis：设计与实现、运维、系列长文&lt;/li&gt;
&lt;li&gt;还有 Kafka / ZK / 架构（凤凰架构、DDD）&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;算法别神话。社招反复刷 LeetCode 前 200 足够；作者约 170 题，多数现场是原题。卡壳就看答案再默写，循环即可，比追求「秒杀难题」更贴实战。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;简历就是你划给面试官的题库范围&lt;/h2&gt;&lt;p&gt;写上去的每个技术点都要能扛追问。超级简历之类工具随便用，关键只有一句：别把「听过」写成「做过」。听过的词一旦上简历，就会变成追问入口。&lt;/p&gt;&lt;p&gt;自我介绍 = 简历精简版。别讲兴趣爱好，讲「做过最难的事 + 量化结果 + 为什么匹配这个岗」。HR 和面试官都在找匹配信号，不是人设。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;技术讨论三件套&lt;/h2&gt;&lt;p&gt;作者把技术环节定义成&lt;strong&gt;讨论&lt;/strong&gt;，不是单方面问答。这个定义本身就值回票价。&lt;/p&gt;&lt;p&gt;不卑不亢：可以在尊重前提下质疑面试官结论；遇到侮辱性态度可以直接终止。真诚：冷门题不会就说不会，别编。编一轮，后面全是补丁。深入 + 发散：熟悉点要抓住。例：Kafka 零拷贝 → 深入到 sendfile + DMA Scatter/Gather → 再发散「为什么 RocketMQ 写日志用零拷贝、Kafka 写日志不用」。&lt;/p&gt;&lt;p&gt;答完一小段就点出重点，避免一个人讲到面试官失焦。编程分两类：算法；语言技巧（交叉打印、单例、简单工厂）。年限不长时几乎必有手写，别赌「今天只聊项目」。&lt;/p&gt;&lt;p&gt;反问：作者觉得改变不了结果，固定问岗位技术栈和最大挑战即可。别指望反问翻盘，把它当成信息收集。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;各厂题味（只留模块）&lt;/h2&gt;&lt;p&gt;从帖内多家题单抽出社招高频块：&lt;/p&gt;




































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;模块&lt;/th&gt;&lt;th&gt;反复出现的问题类型&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;集合与并发&lt;/td&gt;&lt;td&gt;HashMap 扩容与冲突；锁与并发容器&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;JVM&lt;/td&gt;&lt;td&gt;G1 特点、卡表/SATB；线上排查口吻&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;MySQL&lt;/td&gt;&lt;td&gt;慢 SQL 排查流程；冷热分离；分库分表&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;中间件&lt;/td&gt;&lt;td&gt;Kafka 选举与流量规划；MQ 事务外发送如何保一致&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;分布式&lt;/td&gt;&lt;td&gt;本地消息表 / TCC / 最大努力通知；熔断 vs 降级&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;工程&lt;/td&gt;&lt;td&gt;APM / Java Agent；RPC 框架要考虑什么；QPS/TPS 与系统瓶颈&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;业务系统&lt;/td&gt;&lt;td&gt;模块怎么拆、怎么治理；缓存一致性场景&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;美团侧作者印象：一面八股密度高。字节侧：算法难、基础要求高（作者面的是 Go 岗，Java 八股相对少）。同厂不同岗，别直接抄别人的「字节很爱问 XX」。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;和校招面经差在哪&lt;/h2&gt;&lt;p&gt;社招更吃「线上问题怎么查、系统怎么拆、中间件为什么这么用」。书单 + 简历边界意识，比背题库更能扛 28 轮这种消耗战。讨论感也是分水岭：能带面试官走你的知识地图，通过率通常高于纯背诵。&lt;/p&gt;&lt;p&gt;原帖在思否公开，题单很长；本篇刻意不整页粘贴问答，只保留打法与考点地图。题库会过期，打法不会。&lt;/p&gt;&lt;p&gt;来源：&lt;a href=&quot;https://segmentfault.com/a/1190000042035124&quot; target=&quot;_blank&quot;&gt;思否原文&lt;/a&gt;（CoderW，约 2022）。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>字节内容消费前端一面：主线是流式 LLM + React 实时系统，不是切图题</title><link>https://fork-firefly.vercel.app/posts/bytedance-content-frontend-streaming/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/bytedance-content-frontend-streaming/</guid><description>大二冲字节内容消费前端实习，约 60 分钟一面挂掉。复盘把 SSE/Fetch Stream、Fiber 可中断、Worker 串成一条业务叙事，比散装八股更贴 2025-2026。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;还在背「居中方案」的人，撞上内容消费 + LLM 落地岗，会很懵。这篇是大二软工冲字节前端实习的一面复盘：部门「内容消费」，约 60 分钟，结果挂了。复盘质量高——题按业务主线串，不是散装八股。2025-2026 前端实习很有参考价值。挂掉事实保留着，比只晒 offer 的面经更可信。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;这场面到底在考什么&lt;/h2&gt;&lt;p&gt;作者归纳四块，应串成一条系统叙事：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;LLM / 流式交互（最核心）&lt;/strong&gt;：一字一字出来怎么做、SSE vs Fetch Stream vs WebSocket&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;React 深水区&lt;/strong&gt;：Fiber、可中断渲染、Hooks 规则、Zustand&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;浏览器与性能&lt;/strong&gt;：渲染管线、transform 动画、DOM 构建阻塞&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;手写&lt;/strong&gt;：防抖节流、深拷贝、事件循环/闭包输出题&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;挂的人往往还在背「居中方案」，而岗位已经按内容消费 + 大模型落地在招。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;流式交互：能带走的判断&lt;/h2&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;点&lt;/th&gt;&lt;th&gt;判断&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;流式展示&lt;/td&gt;&lt;td&gt;&lt;code&gt;fetch&lt;/code&gt; + &lt;code&gt;ReadableStream&lt;/code&gt; + &lt;code&gt;TextDecoder&lt;/code&gt;；UI 不要每字符 setState，用缓冲 + rAF/定时批量刷&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;SSE 重连&lt;/td&gt;&lt;td&gt;浏览器 EventSource 对标准 SSE 有自动重连；业务协议要自己约定&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;为何偏 Fetch Stream&lt;/td&gt;&lt;td&gt;SSE 偏 GET，长 prompt/history/tools 不适合塞 URL；Fetch 更灵活（含 POST）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;SSE vs WS&lt;/td&gt;&lt;td&gt;SSE：单向、轻、好重连，适合日志/通知/LLM 输出；WS：双向，适合强互动&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;WebSocket&lt;/td&gt;&lt;td&gt;经 HTTP 升级；要说清 Upgrade 握手&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;WebWorker：CPU 重活挪出主线程；不能碰 DOM（线程安全）。适合算哈希、解码、重计算，不适合直接改页面。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;React 追问往哪走&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;Zustand：组件外 store + 订阅；和 React 同步常用 &lt;code&gt;useSyncExternalStore&lt;/code&gt; 思路&lt;/li&gt;
&lt;li&gt;Fiber：协调可中断；&lt;strong&gt;真正提交到 DOM 的 commit 阶段不能当游戏暂停键乱打断&lt;/strong&gt;（作者复盘强调这点）&lt;/li&gt;
&lt;li&gt;Hooks：本质是链表/顺序状态；所以不能放进条件/循环（顺序错乱）&lt;/li&gt;
&lt;li&gt;虚拟 DOM：描述 UI 的对象树，不是浏览器 DOM&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;浏览器与手写还在，但不是主战场&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;transform 走合成层，少触布局/重绘，动画更稳&lt;/li&gt;
&lt;li&gt;阻塞 DOM 构建：同步脚本等经典点仍会问&lt;/li&gt;
&lt;li&gt;手写三件套仍在：防抖、节流、深拷贝（循环引用 / Map Set 看部门）&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;软题：自我介绍对准「React + 性能 + 流式交互」，别堆无关名词。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;JD 带 AI/Feed 时先补这三块&lt;/h2&gt;&lt;p&gt;若 JD 带推荐、Feed、AI 助手、创作工具，优先补：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;流式协议选型与前端消费性能&lt;/li&gt;
&lt;li&gt;React 并发与状态外置&lt;/li&gt;
&lt;li&gt;主线程保护（Worker / 批量更新）&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;传统「BFC + 居中 + 闭包」仍可能出现，但不是这条业务线的主战场。&lt;/p&gt;&lt;p&gt;一面挂了也能当题单用：原帖把「考官在考什么」写得很清楚。&lt;/p&gt;&lt;p&gt;来源：&lt;a href=&quot;https://juejin.cn/post/7595974133098102818&quot; target=&quot;_blank&quot;&gt;掘金深度复盘&lt;/a&gt;（WildBlue）。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>寒冬里两年前端拿字节+阿里：阿里几乎不八股，字节一面打基础后面挖项目</title><link>https://fork-firefly.vercel.app/posts/frontend-2y-bytedance-alibaba-dig/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/frontend-2y-bytedance-alibaba-dig/</guid><description>2022 缩招环境下，Vue 栈两年前端靠项目文档化拿下字节与阿里。简历少挖坑、项目复盘七抽屉，比再刷一百道简单题更能抬上限。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;寒冬年里，两年前端想抬上限，少刷一百道简单题，多把项目写成能被深挖的文档。掘金这篇：一本本科、Vue 栈，做过前端监控 SDK、告警平台、在线协作文档；2022 缩招环境下投多家，拿下字节与阿里，入职阿里杭州。长文里 CVTE / 字节 / 阿里题很多，这里只留「准备方法 + 两家大厂差异」。框架题（Vue2/3）可能得换成你现在的栈，方法不过期，题面会。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;简历少挖坑&lt;/h2&gt;&lt;p&gt;专业技能只写真正熟的。作者示例是「熟悉 JavaScript、TypeScript、Vue.js、Nodejs」，不再堆一串「了解」。「了解」写多了，等于主动给面试官挖坑清单。&lt;/p&gt;&lt;p&gt;项目挑参与最深、能量化深度的写；开源只写有实质贡献的。邮箱电话务必正确（远程邀请常用邮箱）。有优秀绩效或晋升可以点一笔，HR 面会先入为主。&lt;/p&gt;&lt;p&gt;投递：&lt;strong&gt;能内推就内推&lt;/strong&gt;。作者连写三遍，不是修辞，是成功率体感。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;项目复盘：作者写了约 2.5 万字的那套抽屉&lt;/h2&gt;&lt;p&gt;每条项目按这几个抽屉准备：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;动机：需求、为什么做、对公司意义&lt;/li&gt;
&lt;li&gt;角色：Owner / 核心开发 / 打杂（诚实）&lt;/li&gt;
&lt;li&gt;技术选型（若有）&lt;/li&gt;
&lt;li&gt;架构与分层（可附图）&lt;/li&gt;
&lt;li&gt;细节实现（监控 SDK 的采集点一类）&lt;/li&gt;
&lt;li&gt;亮点与难点&lt;/li&gt;
&lt;li&gt;成果：最好有数据&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;作者认为这套复盘直接帮到了字节和阿里 offer。社招中后期轮次基本在挖这些抽屉；抽屉空着，八股再熟也撑不住深挖。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;阿里 vs 字节：作者体感&lt;/h2&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;&lt;/th&gt;&lt;th&gt;阿里&lt;/th&gt;&lt;th&gt;字节&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;八股&lt;/td&gt;&lt;td&gt;全程几乎不问&lt;/td&gt;&lt;td&gt;一面偏基础&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;主战场&lt;/td&gt;&lt;td&gt;项目细节、架构逻辑、方案合理性&lt;/td&gt;&lt;td&gt;后面几轮偏项目深度实现&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;启示&lt;/td&gt;&lt;td&gt;项目够复杂就押项目；不够深就补基础&lt;/td&gt;&lt;td&gt;常规路径：基础过门 → 项目深挖&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;同一句「我做过监控 SDK」，在阿里会被追架构合理性，在字节可能先过一遍基础再挖实现。项目口述四问够用：&lt;strong&gt;为什么做、怎么做、难点是什么、业界更好的做法是什么&lt;/strong&gt;。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;现场别把节奏搞砸&lt;/h2&gt;&lt;p&gt;等面试官问完再开口。先花 3-5 秒组织语言，别抢答把思路冲散。自我介绍和反问提前写死，现场别即兴编。即兴最容易跑题到简历漏洞。&lt;/p&gt;&lt;p&gt;HR 常规题：离职原因、成就感、挫折、城市、对团队期待。对方有知名产品的话，准备一句「我用下来哪里不爽」比空夸更管用。夸产品人人会，挑问题才像真用过。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;和后端面经对照着看&lt;/h2&gt;&lt;p&gt;后端多厂帖强调八股优先级与算法拖时长；这篇前端社招强调「项目文档化」。两年经验档位上，&lt;strong&gt;项目深度往往比再刷一百道简单题更决定上限&lt;/strong&gt;，尤其阿里这种几乎不走八股流程的部门。别用后端刷题节奏硬套前端社招。&lt;/p&gt;&lt;p&gt;原文写于 2022 年，阅读量高、题单与专栏链还在；当方法帖看，别当今年题库。&lt;/p&gt;&lt;p&gt;来源：&lt;a href=&quot;https://juejin.cn/post/7173865309185671181&quot; target=&quot;_blank&quot;&gt;掘金「2022 面经」&lt;/a&gt;（菜猫子neko）。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>24 届 Java 秋招：多厂连面时，掌控节奏比多背两页八股管用</title><link>https://fork-firefly.vercel.app/posts/java-campus-2024-multi-company-pace/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/java-campus-2024-multi-company-pace/</guid><description>有阿里/字节实习的 24 届连面快手、阿里滔天、滴滴、字节、小红书、美团。题单能当日历看，更值钱的是业务价值观和选 offer 两处硬踩坑。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;连面最怕的不是「又冒出一道没背过的题」，是同一周里软压力面和纯算法面交替砸过来，节奏全乱。这篇来自牛客公开帖：作者有阿里 / 字节实习，秋招连面快手、阿里滔天、滴滴、字节、小红书、美团等。题单可以当日历，真正值钱的是两处硬踩坑。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;他自己怎么控场&lt;/h2&gt;&lt;p&gt;项目和实习别临时拼。提前写成能讲满 10 分钟的故事：挑战、前因后果、难点、成长。高频开场题吃掉前面 1/4 时间很正常，别慌。&lt;/p&gt;&lt;p&gt;原理别一两句收工。能深入就深入，讲到面试官打断为止；时长被你占用，通常比干等下一题更安全。&lt;/p&gt;&lt;p&gt;算法也会也别秒交。拖到约 45 分钟，第二道算法概率会下降；作者自称小技巧，别当成铁律，当「别急着交卷」的提醒就行。&lt;/p&gt;&lt;p&gt;八股优先级（作者按被问频率）：JVM → Java → MySQL → Redis → 计网 → OS。有丰富实习时，秋招现场往往比暑期更「偏项目」：二三十分钟在讲经历很常见，这时候背再多边角八股也换不来项目叙事。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;各厂味道对照&lt;/h2&gt;






















































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;公司轮次&lt;/th&gt;&lt;th&gt;偏什么&lt;/th&gt;&lt;th&gt;作者原话式提醒&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;快手一面&lt;/td&gt;&lt;td&gt;Synchronized 深到 monitor / wait-notify，再挂 AQS 条件队列；算法带过期 LRU&lt;/td&gt;&lt;td&gt;两天后二面&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;快手二面&lt;/td&gt;&lt;td&gt;几乎全是写题 + 智力/概率题&lt;/td&gt;&lt;td&gt;「既然全是写题为啥不笔试」；周日约面体验差&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;阿里滔天一面&lt;/td&gt;&lt;td&gt;成就感、价值、还能更好吗；DB 插入全流程、索引、B+/LSM；JVM GC/G1/类加载&lt;/td&gt;&lt;td&gt;偏基础串联&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;阿里滔天二面&lt;/td&gt;&lt;td&gt;老板压力面：内驱、成果衡量、技术 vs 业务&lt;/td&gt;&lt;td&gt;&lt;strong&gt;踩坑：业务部门硬说自己更爱纯技术&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;字节一面&lt;/td&gt;&lt;td&gt;Redis Moved、集群；查询优化；热销榜设计；流批处理；MIT 6.824；三数之和&lt;/td&gt;&lt;td&gt;场景题多&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;字节二面/三面&lt;/td&gt;&lt;td&gt;价值评估、offer 选择、业务是否核心&lt;/td&gt;&lt;td&gt;&lt;strong&gt;踩坑：说「业务是否核心」当选 offer 标准；扯到脉脉被怼&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;小红书&lt;/td&gt;&lt;td&gt;Java8→21、虚拟线程、限流（滑动窗口/Sentinel/令牌桶）；代码实现滑动窗口限流&lt;/td&gt;&lt;td&gt;一面完很快二面&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;美团一面&lt;/td&gt;&lt;td&gt;Redis 为何用跳表；索引/缓冲池/redo undo/next-key；HTTPS/TCP 能串到半连接与 epoll&lt;/td&gt;&lt;td&gt;「会联想才像有深度」&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;阿里 HR&lt;/td&gt;&lt;td&gt;期望薪资、gap、困难怎么解决&lt;/td&gt;&lt;td&gt;作者称当年滔天校招 offer 多为 P4，谈级要心里有数&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;两处硬踩坑，比题单更值钱&lt;/h2&gt;&lt;p&gt;业务部门问「技术重要还是业务重要 / 你更喜欢技术吗」时，作者答偏技术，后面就被追落地能力。复盘结论干脆：业务向团队要明确「技术服务业务」，别秀纯技术洁癖。洁癖话术在业务面里很贵。&lt;/p&gt;&lt;p&gt;字节三面谈选 offer，他把「业务是否核心」当标准，立刻被追「分到不核心业务你就不干吗」「为啥不在阿里内部跳」「为什么看脉脉」。面试官要的是你自己想清楚的稳定叙事，不是外部八卦。脉脉当论据，几乎必翻车。&lt;/p&gt;&lt;p&gt;评价反馈（作者侧）：技术 OK，业务理解力偏差；后续阿里给 P4，作者拒了。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;题单里反复冒头的技术块&lt;/h2&gt;&lt;p&gt;并发：Synchronized / wait-notify / AQS 条件队列。存储：插入路径、B+ vs B、LSM/列存使用场景、next-key lock。缓存：Redis 类型与集群、Moved、跳表做 ZSet、热销榜「日志 → 流处理 → 定时刷 ZSet」。限流：滑动/滚动窗口、Sentinel、令牌桶、漏桶；能手写滑动窗口加分。算法样本：带过期 LRU、k 组反转链表、三数之和、最小栈、螺旋矩阵、消消乐消除、LIS、鸡蛋掉落。&lt;/p&gt;&lt;p&gt;别把上面当今晚刷题 TODO。先对照自己简历，缺哪块补哪块；空白块比「都看过一点」更危险。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;别当题库背，当连面日历看&lt;/h2&gt;&lt;p&gt;同一周可能既有压力软面又有纯算法二面。准备两套口述稿就够：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;实习/项目 10 分钟版（可被打断）&lt;/li&gt;
&lt;li&gt;业务偏好与选 offer 的稳定说法（别依赖脉脉话术）&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;原帖在牛客公开讨论区，题目列表完整；答案以作者口述为准，这里只保留考点与判断，不整段复述。&lt;/p&gt;&lt;p&gt;来源：&lt;a href=&quot;https://www.nowcoder.com/discuss/532303076607197184&quot; target=&quot;_blank&quot;&gt;牛客讨论帖&lt;/a&gt;（南昌大学 Java 方向作者）。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>拿多个大厂 SSP 的人，路径其实很朴素：八股压到 3 秒反应，再拿实习当弹药</title><link>https://fork-firefly.vercel.app/posts/java-campus-ssp-prep-path/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/java-campus-ssp-prep-path/</guid><description>211 本 + C9 软工硕，25 届 Java；美团日常 + 淘天暑期后，秋招拿字节/快手/淘天/京东 SSP、美团 SP。可抄结构，别裸对标难度预期。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;SSP 听起来玄，路径其实朴素：八股压到秒级反应，再用实习当弹药。作者 211 本 + C9 软工硕，25 届 Java；美团日常 + 淘天暑期后，秋招拿字节 / 快手 / 淘天 / 京东 SSP、美团 SP，最后去淘天。这是系列上篇，主讲学习路径；面试拆解在预告的下篇（本文只基于已公开的上篇）。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;时间线：可当校招作战图&lt;/h2&gt;








































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;阶段&lt;/th&gt;&lt;th&gt;做什么&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;研一寒假&lt;/td&gt;&lt;td&gt;定方向转 Java；图书馆啃 Java 基础 + SSM&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;回校后数月&lt;/td&gt;&lt;td&gt;每周 6 天、每天约 8h+ 学后端；八股打卡数月&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;中间 2-3 个月&lt;/td&gt;&lt;td&gt;方向摇摆，Java 暂停（真实弯路）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;8 月底起&lt;/td&gt;&lt;td&gt;回归后端；跟项目课做个人项目并主动优化、预埋面试题&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;当年 12 月&lt;/td&gt;&lt;td&gt;开始投递；先拿美团实习&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;次年 1-8 月&lt;/td&gt;&lt;td&gt;美团 + 阿里实习&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;9 月&lt;/td&gt;&lt;td&gt;系统准备秋招，约 1 个月面完主力场&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;10-12 月&lt;/td&gt;&lt;td&gt;论文与收尾&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;顺是结果，中间有停顿。可复用的是「选对输入源 + 拉长复习周期」，不是天赋叙事。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;八股怎么学才进面试&lt;/h2&gt;&lt;p&gt;作者列的输入源（公开站点，非付费课广告位）：JavaGuide、码农会所、Java 进阶之路、Java 全栈知识体系、小林 coding，再加牛客面经对照。&lt;/p&gt;&lt;p&gt;覆盖块：OS、计网、JUC、JVM、Redis、MySQL、Kafka、RocketMQ、ZooKeeper、分布式、Dubbo。&lt;/p&gt;&lt;p&gt;关键动作不是「看过」，而是&lt;strong&gt;反复整理、理解、压缩、记忆&lt;/strong&gt;，一直补到秋招。结果描述很具体：美团和秋招现场，多数八股能在约 3 秒内想起，且大部分问题落在已知集合里。&lt;/p&gt;&lt;p&gt;算法路径：左程云视频练思维 → 代码随想录刷两遍（作者觉得更贴面试）→ LeetCode Hot100 / Top250，边刷边归方法。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;项目不是做完，是预埋追问&lt;/h2&gt;&lt;p&gt;跟着公开项目教程做完一遍后，作者主动：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;优化项目里用到的技术点&lt;/li&gt;
&lt;li&gt;提前想面试可能问什么&lt;/li&gt;
&lt;li&gt;不断总结完善&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;这和「简历上堆轮子名」相反：每个技术点对应可讲的取舍。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;实习在秋招里的权重&lt;/h2&gt;&lt;p&gt;作者自承：秋招顺利，很大一块是实习弹药足。多厂面经里也能对上：有实习时，大量时间在介绍经历，八股占比会下降。路径上「先实习再秋招」比「纯校招裸面」容错高。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;四条能抄结构，别抄难度预期&lt;/h2&gt;&lt;ol&gt;
&lt;li&gt;定方向要早，但允许中途停两个月；停完要有明确回归点。&lt;/li&gt;
&lt;li&gt;八股用优质清单反复压缩，目标是「秒级反应」，不是收藏夹。&lt;/li&gt;
&lt;li&gt;算法分「思维课」和「面试方法课」，别只刷不总结。&lt;/li&gt;
&lt;li&gt;项目做完进入第二阶段：优化 + 预埋题；实习经历是 SSP 级 offer 的常见燃料。&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;注意：作者背景强（C9 硕 + 双实习），路径可抄结构，难度预期别裸对标。下篇若公开「面试经验」，可再补一篇做题单对照。&lt;/p&gt;&lt;p&gt;来源：&lt;a href=&quot;https://juejin.cn/post/7461269186713321491&quot; target=&quot;_blank&quot;&gt;掘金《我的秋招 ssp 总结（一）》&lt;/a&gt;（码间烟火录）。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>美团校招 Java：一面 80 分钟里，真正要命的是 Base 和 ThreadLocal</title><link>https://fork-firefly.vercel.app/posts/meituan-java-campus-oc/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/meituan-java-campus-oc/</guid><description>本硕 211 投美团核心本地商业后端，9 月一面到 OC。带走的不是题单，是意向城市对不上差点被送走，以及 ThreadLocal 被追到 CPU 缓存。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;意向城市写错，面试官能直接说「有硬性要求的话可以结束」。这篇投稿：本硕 211，项目是仿牛客 + 黑马点评优化版，投美团「核心本地商业-美团平台」后端。时间线很干净：9.13 一面 → 9.18 二面 → 9.26 OC。能带走的不是题单，是两处真实踩坑。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;Base 写错，差点直接结束&lt;/h2&gt;&lt;p&gt;一面开场聊职业规划。候选人提到深圳（意向城市写的深圳），面试官打断：部门在北京，为什么提深圳？确认简历后问：对 Base 有硬性要求吗，有的话可以结束面试。&lt;/p&gt;&lt;p&gt;候选人吓一跳，立刻说没有要求。后面才进入技术。&lt;/p&gt;&lt;p&gt;校招意向城市和部门实际 Base 对不上时，面试官会先卡流程，不是寒暄。投递前核对部门城市，比多背两道题更划算。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;ThreadLocal 会被追到 CPU 缓存&lt;/h2&gt;&lt;p&gt;简历写了 ThreadLocal，面试官按这个挖：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;ThreadLocal 原理 → ThreadLocalMap&lt;/li&gt;
&lt;li&gt;ThreadLocalMap 和 HashMap 结构差在哪（线性探测）&lt;/li&gt;
&lt;li&gt;为什么用线性探测而不是链表&lt;/li&gt;
&lt;li&gt;线性探测和 CPU 缓存的关系&lt;/li&gt;
&lt;li&gt;链表为什么不利于缓存局部性；你了解 CPU 缓存吗&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;这不是「背定义」题，是「你简历上写的词，能不能接到硬件层」。简历上每一个「做过」都会变成追问入口。&lt;/p&gt;&lt;p&gt;手撕两道：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;LeetCode 215 第 K 大（堆）→ 追问堆适用场景&lt;/li&gt;
&lt;li&gt;面试官现场编的「对象属性区间合并」，候选人写了约 80 行；再追「属性很多怎么办」&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;一面总长约 80 分钟，后半段出题构思就耗了二十多分钟，心理压力本身也是考察的一部分。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;二面短，但项目必须扛得住&lt;/h2&gt;&lt;p&gt;二面约 35 分钟。项目拷打集中在：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;数据库与缓存一致性&lt;/li&gt;
&lt;li&gt;RabbitMQ 异步下单流程&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;聊了大约 15 分钟就上手撕：LeetCode 114 二叉树转链表，要求递归 + 非递归各写一遍。&lt;/p&gt;&lt;p&gt;候选人一度怀疑是不是 KPI 面（问得少），但还是把题写完了。反问时面试官只说「校招生都挺优秀」，信息量极低，别从这种话里读结果。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;OC 节奏：沉默不等于挂&lt;/h2&gt;&lt;p&gt;二面后等了约 8 天（6 个工作日），晚上九点意向邮件。校招常见：中间沉默不等于挂。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;下次投递前我会改这几处&lt;/h2&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;环节&lt;/th&gt;&lt;th&gt;带走什么&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;投递&lt;/td&gt;&lt;td&gt;Base / 部门城市先对齐&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;简历&lt;/td&gt;&lt;td&gt;ThreadLocal、分布式锁这类词，准备到「为什么」和边界&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;一面&lt;/td&gt;&lt;td&gt;算法要能讲复杂度；现场题允许写长，但要想扩展方案&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;二面&lt;/td&gt;&lt;td&gt;项目按「一致性 / 异步链路」两条线讲清&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;等待&lt;/td&gt;&lt;td&gt;一周左右意向不算异常&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;原帖是读者投稿的完整时间线，细节可信；没有给出标准答案全文，适合当「流程样本」而不是题库。&lt;/p&gt;&lt;p&gt;来源：&lt;a href=&quot;https://juejin.cn/post/7433866609443602484&quot; target=&quot;_blank&quot;&gt;掘金原帖&lt;/a&gt;（小林系账号转载读者投稿）。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>查词追热点：概念大全与站内热文</title><link>https://fork-firefly.vercel.app/posts/vibe-concepts-hotposts-index/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/vibe-concepts-hotposts-index/</guid><description>Vibe 收尾薄入口之上：70 概念大全、65 视频课，以及鱼皮站内热文导读；60/90 仍见基础索引。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;基础索引里已经挂了 &lt;strong&gt;60 资源大全&lt;/strong&gt; 和 &lt;strong&gt;90 FAQ&lt;/strong&gt;（见 &lt;a href=&quot;/posts/vibe-basics-index/&quot;&gt;对话即代码：Vibe 入门坐标&lt;/a&gt;），这里不重复展开。这篇补两块：&lt;strong&gt;70 概念大全&lt;/strong&gt;（+ 65 视频课入口）和 &lt;strong&gt;站内热文导读&lt;/strong&gt;——适合查词、看风向、找「为什么这套教程火了」。&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://ai.codefather.cn/vibe&quot; target=&quot;_blank&quot;&gt;系列总览 · 鱼皮 AI 导航&lt;/a&gt; · &lt;a href=&quot;https://github.com/liyupi/ai-guide/tree/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B&quot; target=&quot;_blank&quot;&gt;GitHub · 教程收尾&lt;/a&gt;&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;和 basics 怎么分工&lt;/h2&gt;




















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;内容&lt;/th&gt;&lt;th&gt;去哪读&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;60 资源大全 · 90 FAQ&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;/posts/vibe-basics-index/&quot;&gt;vibe-basics-index&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;70 概念词典 · 65 视频课&lt;/td&gt;&lt;td&gt;&lt;strong&gt;本篇&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;站内爆款 / 模式辨析热文&lt;/td&gt;&lt;td&gt;&lt;strong&gt;本篇&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;70 概念大全&lt;/h2&gt;&lt;p&gt;词典型，卡住某个词就翻；不必通读。&lt;/p&gt;





























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;文&lt;/th&gt;&lt;th&gt;带走什么&lt;/th&gt;&lt;th&gt;原文&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;00 Vibe Coding 概念大全&lt;/td&gt;&lt;td&gt;AI 基础 / 提示词 / 编程模式 / 上下文 / 输出 / 工具 / 项目管理 / 前后端 分区词条&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/70%20AI%20%E7%BC%96%E7%A8%8B%E6%A6%82%E5%BF%B5%E5%A4%A7%E5%85%A8/00%20Vibe%20Coding%20%E6%A6%82%E5%BF%B5%E5%A4%A7%E5%85%A8.md&quot; target=&quot;_blank&quot;&gt;GitHub&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;AI 大模型原理入门&lt;/td&gt;&lt;td&gt;原理薄入口&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/70%20AI%20%E7%BC%96%E7%A8%8B%E6%A6%82%E5%BF%B5%E5%A4%A7%E5%85%A8/AI%20%E5%A4%A7%E6%A8%A1%E5%9E%8B%E5%8E%9F%E7%90%86%E5%85%A5%E9%97%A8.md&quot; target=&quot;_blank&quot;&gt;GitHub&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;主流 AI 应用开发模式&lt;/td&gt;&lt;td&gt;模式对照（和热文「6 种模式」互补）&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/70%20AI%20%E7%BC%96%E7%A8%8B%E6%A6%82%E5%BF%B5%E5%A4%A7%E5%85%A8/%E4%B8%BB%E6%B5%81%20AI%20%E5%BA%94%E7%94%A8%E5%BC%80%E5%8F%91%E6%A8%A1%E5%BC%8F.md&quot; target=&quot;_blank&quot;&gt;GitHub&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;AI 动态工作流详解&lt;/td&gt;&lt;td&gt;动态工作流概念&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/70%20AI%20%E7%BC%96%E7%A8%8B%E6%A6%82%E5%BF%B5%E5%A4%A7%E5%85%A8/AI%20%E5%8A%A8%E6%80%81%E5%B7%A5%E4%BD%9C%E6%B5%81%E8%AF%A6%E8%A7%A3.md&quot; target=&quot;_blank&quot;&gt;GitHub&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;65 视频课入口&lt;/h2&gt;&lt;p&gt;跟做视频 + 源码路线时看；文字索引仍以 GitHub / AI 导航为准。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/65%20%E9%B1%BC%E7%9A%AE%E7%9A%84%20AI%20%E7%BC%96%E7%A8%8B%E5%AE%9E%E6%88%98%E8%A7%86%E9%A2%91%E8%AF%BE.md&quot; target=&quot;_blank&quot;&gt;原文 · 65 鱼皮的 AI 编程实战视频课&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;站内热文导读（精选）&lt;/h2&gt;&lt;p&gt;下列优先鱼皮本人 + 高讨论向；社区帖当对照样本，不逐篇摘要。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;热文配图摘录：Claude Code 终端&quot; loading=&quot;lazy&quot; width=&quot;1600&quot; height=&quot;859&quot; src=&quot;/_astro/fig-hot-claude.2t87DaWi_Z8puRm.webp&quot; /&gt;&lt;figcaption&gt;热文配图摘录：Claude Code 终端&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;section&gt;&lt;h3&gt;必看风向&lt;/h3&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;题&lt;/th&gt;&lt;th&gt;为什么点&lt;/th&gt;&lt;th&gt;链&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;我的免费 Vibe Coding 教程，爆了！&lt;/td&gt;&lt;td&gt;系列缘起与传播&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://ai.codefather.cn/post/2011284517213483010&quot; target=&quot;_blank&quot;&gt;ai.codefather.cn&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;别再说 AI 编程就是 Vibe Coding 了！6 种主流模式一次讲清&lt;/td&gt;&lt;td&gt;名词消歧，和 70「开发模式」互补&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://www.codefather.cn/post/2044278935100878850&quot; target=&quot;_blank&quot;&gt;codefather.cn&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;130 篇保姆级 AI 编程实战教程，全部免费开源&lt;/td&gt;&lt;td&gt;体量与开源承诺&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://ai.codefather.cn/post/2077317562110099457&quot; target=&quot;_blank&quot;&gt;ai.codefather.cn&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;鱼皮相关续读&lt;/h3&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;题&lt;/th&gt;&lt;th&gt;链&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;26 年最新 AI 编程学习路线一条龙&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://ai.codefather.cn/post/2069253647249719298&quot; target=&quot;_blank&quot;&gt;post/2069253647249719298&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;VSCode + Copilot 保姆级实战&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://ai.codefather.cn/post/2033395228798443522&quot; target=&quot;_blank&quot;&gt;post/2033395228798443522&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;20 个神级 AI 编程扩展&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://ai.codefather.cn/post/2013449096026767361&quot; target=&quot;_blank&quot;&gt;post/2013449096026767361&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;女友怒骂国内不能用 Claude Code…&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://ai.codefather.cn/post/2004031022055895042&quot; target=&quot;_blank&quot;&gt;post/2004031022055895042&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;揭秘 GitHub 最火开源 Skills 仓库&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://ai.codefather.cn/post/2079758116253122561&quot; target=&quot;_blank&quot;&gt;post/2079758116253122561&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;社区对照（点题即可）&lt;/h3&gt;&lt;p&gt;执行力、小程序复盘、面试生存、长期维护、会不会淘汰初级……多在 &lt;code&gt;codefather&lt;/code&gt; / &lt;code&gt;ai.codefather&lt;/code&gt; 搜标题即可。&lt;/p&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;出处与边界&lt;/h2&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;项&lt;/th&gt;&lt;th&gt;说明&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;原作&lt;/td&gt;&lt;td&gt;程序员鱼皮 · &lt;a href=&quot;https://github.com/liyupi/ai-guide&quot; target=&quot;_blank&quot;&gt;ai-guide&lt;/a&gt; · 站内帖另注域名&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;本篇&lt;/td&gt;&lt;td&gt;概念 + 热文导读；&lt;strong&gt;不重做 60/90&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;未做&lt;/td&gt;&lt;td&gt;不镜像概念大全全文、不搬 500+ 热文图&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;相关阅读&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;/posts/vibe-basics-index/&quot;&gt;入门坐标&lt;/a&gt; · &lt;a href=&quot;/posts/vibe-learning-index/&quot;&gt;编程学习&lt;/a&gt; · &lt;a href=&quot;/posts/vibe-projects-index/&quot;&gt;项目实战&lt;/a&gt; · &lt;a href=&quot;/collections/vibe-tutorial-index/&quot;&gt;合集 鱼皮VibeCoding&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;</content:encoded></item><item><title>自学别瞎逛：编程导航那一栏怎么翻</title><link>https://fork-firefly.vercel.app/posts/vibe-learning-index/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/vibe-learning-index/</guid><description>Vibe「40 编程学习」索引：路线/百科/面试/简历/技术栈速查与 FDE，MCP 专稿链到本站薄笔记。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;「40 编程学习」更像编程导航的随身目录：路线、百科、资源、面试简历、技术栈速查，外加 FDE / MCP / 团队规范。和「02 学习路线」那篇入门地图互补——那边讲 Vibe 六阶段，这边讲&lt;strong&gt;传统编程 + AI 时代求职&lt;/strong&gt;怎么铺。&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://ai.codefather.cn/vibe&quot; target=&quot;_blank&quot;&gt;系列总览 · 鱼皮 AI 导航&lt;/a&gt; · &lt;a href=&quot;https://github.com/liyupi/ai-guide/tree/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/40%20%E7%BC%96%E7%A8%8B%E5%AD%A6%E4%B9%A0&quot; target=&quot;_blank&quot;&gt;GitHub · 40 编程学习&lt;/a&gt; · &lt;a href=&quot;https://www.codefather.cn/learn&quot; target=&quot;_blank&quot;&gt;编程导航 learn&lt;/a&gt;&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;你卡在哪就跳哪&lt;/h2&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;你想&lt;/th&gt;&lt;th&gt;建议&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;选方向、要 PDF 路线&lt;/td&gt;&lt;td&gt;&lt;strong&gt;01 编程学习路线&lt;/strong&gt; → codefather.cn/learn&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;补基础名词&lt;/td&gt;&lt;td&gt;02 百科 · 11 工具大全 · 技术栈速查&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;找工作&lt;/td&gt;&lt;td&gt;06 面试题 · 07 简历 · 08 刷题 · 09/10 工作与成长&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;写 MCP&lt;/td&gt;&lt;td&gt;本站已有 &lt;a href=&quot;/posts/vibe-mcp-index/&quot;&gt;MCP 薄笔记&lt;/a&gt;，本章只挂入口&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;搞清新岗位 FDE&lt;/td&gt;&lt;td&gt;「前线部署工程师」专文&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;FDE 完整工作闭环六步&quot; loading=&quot;lazy&quot; width=&quot;1600&quot; height=&quot;893&quot; src=&quot;/_astro/fig-fde-loop.CWp8v0sL_9WWCs.webp&quot; /&gt;&lt;figcaption&gt;FDE 完整工作闭环六步&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;板块速查表&lt;/h2&gt;

























































































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;文&lt;/th&gt;&lt;th&gt;带走什么&lt;/th&gt;&lt;th&gt;原文&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;01 编程学习路线&lt;/td&gt;&lt;td&gt;100+ 条路线入口，可下 PDF&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/40%20%E7%BC%96%E7%A8%8B%E5%AD%A6%E4%B9%A0/01%20%E7%BC%96%E7%A8%8B%E5%AD%A6%E4%B9%A0%E8%B7%AF%E7%BA%BF.md&quot; target=&quot;_blank&quot;&gt;GitHub&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;02 编程知识百科&lt;/td&gt;&lt;td&gt;名词与结构扫盲&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/40%20%E7%BC%96%E7%A8%8B%E5%AD%A6%E4%B9%A0/02%20%E7%BC%96%E7%A8%8B%E7%9F%A5%E8%AF%86%E7%99%BE%E7%A7%91.md&quot; target=&quot;_blank&quot;&gt;GitHub&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;03 编程资源大全&lt;/td&gt;&lt;td&gt;导航 / 面试鸭 / 老鱼简历等入口&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/40%20%E7%BC%96%E7%A8%8B%E5%AD%A6%E4%B9%A0/03%20%E7%BC%96%E7%A8%8B%E8%B5%84%E6%BA%90%E5%A4%A7%E5%85%A8.md&quot; target=&quot;_blank&quot;&gt;GitHub&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;04 AI 编程技术&lt;/td&gt;&lt;td&gt;企业 AI 业务技术位（含 MCP 定位段）&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/40%20%E7%BC%96%E7%A8%8B%E5%AD%A6%E4%B9%A0/04%20AI%20%E7%BC%96%E7%A8%8B%E6%8A%80%E6%9C%AF.md&quot; target=&quot;_blank&quot;&gt;GitHub&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;05 AI 绘图指南&lt;/td&gt;&lt;td&gt;配图 / 提示词向&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/40%20%E7%BC%96%E7%A8%8B%E5%AD%A6%E4%B9%A0/05%20AI%20%E7%BB%98%E5%9B%BE%E6%8C%87%E5%8D%97.md&quot; target=&quot;_blank&quot;&gt;GitHub&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;06 AI 应用开发面试题&lt;/td&gt;&lt;td&gt;面试向题库&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/40%20%E7%BC%96%E7%A8%8B%E5%AD%A6%E4%B9%A0/06%20AI%20%E5%BA%94%E7%94%A8%E5%BC%80%E5%8F%91%E9%9D%A2%E8%AF%95%E9%A2%98.md&quot; target=&quot;_blank&quot;&gt;GitHub&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;07 程序员简历模板&lt;/td&gt;&lt;td&gt;模板与写法&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/40%20%E7%BC%96%E7%A8%8B%E5%AD%A6%E4%B9%A0/07%20%E7%A8%8B%E5%BA%8F%E5%91%98%E7%AE%80%E5%8E%86%E6%A8%A1%E6%9D%BF.md&quot; target=&quot;_blank&quot;&gt;GitHub&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;08 程序员面试刷题&lt;/td&gt;&lt;td&gt;刷题站与方法&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/40%20%E7%BC%96%E7%A8%8B%E5%AD%A6%E4%B9%A0/08%20%E7%A8%8B%E5%BA%8F%E5%91%98%E9%9D%A2%E8%AF%95%E5%88%B7%E9%A2%98.md&quot; target=&quot;_blank&quot;&gt;GitHub&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;09 程序员工作技巧&lt;/td&gt;&lt;td&gt;日常协作与提效&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/40%20%E7%BC%96%E7%A8%8B%E5%AD%A6%E4%B9%A0/09%20%E7%A8%8B%E5%BA%8F%E5%91%98%E5%B7%A5%E4%BD%9C%E6%8A%80%E5%B7%A7.md&quot; target=&quot;_blank&quot;&gt;GitHub&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;10 程序员成长大法&lt;/td&gt;&lt;td&gt;长期成长观&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/40%20%E7%BC%96%E7%A8%8B%E5%AD%A6%E4%B9%A0/10%20%E7%A8%8B%E5%BA%8F%E5%91%98%E6%88%90%E9%95%BF%E5%A4%A7%E6%B3%95.md&quot; target=&quot;_blank&quot;&gt;GitHub&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;11 编程工具大全&lt;/td&gt;&lt;td&gt;通用工具清单（与 10 工具栏交叉）&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/40%20%E7%BC%96%E7%A8%8B%E5%AD%A6%E4%B9%A0/11%20%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7%E5%A4%A7%E5%85%A8.md&quot; target=&quot;_blank&quot;&gt;GitHub&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;AI 编程技术栈速查&lt;/td&gt;&lt;td&gt;JS/TS/Python/React/Next/Spring… 卡片式&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/40%20%E7%BC%96%E7%A8%8B%E5%AD%A6%E4%B9%A0/AI%20%E7%BC%96%E7%A8%8B%E6%8A%80%E6%9C%AF%E6%A0%88%E9%80%9F%E6%9F%A5.md&quot; target=&quot;_blank&quot;&gt;GitHub&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;AI 时代程序员必须做的 20 件事&lt;/td&gt;&lt;td&gt;行动清单&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/40%20%E7%BC%96%E7%A8%8B%E5%AD%A6%E4%B9%A0/AI%20%E6%97%B6%E4%BB%A3%E7%A8%8B%E5%BA%8F%E5%91%98%E5%BF%85%E9%A1%BB%E5%81%9A%E7%9A%84%2020%20%E4%BB%B6%E4%BA%8B.md&quot; target=&quot;_blank&quot;&gt;GitHub&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;AI 时代新岗位 FDE&lt;/td&gt;&lt;td&gt;前线部署工程师闭环&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/40%20%E7%BC%96%E7%A8%8B%E5%AD%A6%E4%B9%A0/AI%20%E6%97%B6%E4%BB%A3%E6%96%B0%E5%B2%97%E4%BD%8D%20FDE%20%E5%89%8D%E7%BA%BF%E9%83%A8%E7%BD%B2%E5%B7%A5%E7%A8%8B%E5%B8%88.md&quot; target=&quot;_blank&quot;&gt;GitHub&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;MCP 服务开发&lt;/td&gt;&lt;td&gt;→ &lt;a href=&quot;/posts/vibe-mcp-index/&quot;&gt;本站 MCP 薄笔记&lt;/a&gt;&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/40%20%E7%BC%96%E7%A8%8B%E5%AD%A6%E4%B9%A0/MCP%20%E6%9C%8D%E5%8A%A1%E5%BC%80%E5%8F%91.md&quot; target=&quot;_blank&quot;&gt;GitHub&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;团队研发规范&lt;/td&gt;&lt;td&gt;协作与规范底线&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/40%20%E7%BC%96%E7%A8%8B%E5%AD%A6%E4%B9%A0/%E5%9B%A2%E9%98%9F%E7%A0%94%E5%8F%91%E8%A7%84%E8%8C%83.md&quot; target=&quot;_blank&quot;&gt;GitHub&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;技术栈卡片示例&quot; loading=&quot;lazy&quot; width=&quot;1600&quot; height=&quot;893&quot; src=&quot;/_astro/fig-stack-js.44jy3BD4_ZrGUFO.webp&quot; /&gt;&lt;figcaption&gt;技术栈卡片示例&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;出处与边界&lt;/h2&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;项&lt;/th&gt;&lt;th&gt;说明&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;原作&lt;/td&gt;&lt;td&gt;程序员鱼皮 · &lt;a href=&quot;https://github.com/liyupi/ai-guide&quot; target=&quot;_blank&quot;&gt;ai-guide&lt;/a&gt; · &lt;a href=&quot;https://ai.codefather.cn/vibe&quot; target=&quot;_blank&quot;&gt;AI 导航 /vibe&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;本篇&lt;/td&gt;&lt;td&gt;16 篇索引；MCP 不重复展开&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;未做&lt;/td&gt;&lt;td&gt;不镜像全文、不搬路线大图整包&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;相关阅读&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;/posts/vibe-basics-index/&quot;&gt;入门坐标&lt;/a&gt; · &lt;a href=&quot;/posts/vibe-mcp-index/&quot;&gt;MCP 薄笔记&lt;/a&gt; · &lt;a href=&quot;/posts/vibe-coding-tools-index/&quot;&gt;工具栈三岔&lt;/a&gt; · &lt;a href=&quot;/posts/vibe-concepts-hotposts-index/&quot;&gt;概念与热文&lt;/a&gt; · &lt;a href=&quot;/collections/vibe-tutorial-index/&quot;&gt;合集 鱼皮VibeCoding&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;</content:encoded></item><item><title>新模型别跟风订：同题横评怎么扫</title><link>https://fork-firefly.vercel.app/posts/vibe-models-index/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/vibe-models-index/</guid><description>Vibe「15 模型动态」索引：单模型实测与同题横评怎么读，链回鱼皮测评原文；选型指南仍看工具板块。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;AI 模型几周换一拨，鱼皮单独开了「15 模型动态」：不是教材顺序，是&lt;strong&gt;新闻 + 同题实测&lt;/strong&gt;。想系统选型先看工具栏的《AI 模型选择指南》（本站 &lt;a href=&quot;/posts/vibe-coding-tools-index/&quot;&gt;工具栈三岔&lt;/a&gt; 有摘要）；这篇只管「新模型出来了怎么扫」。&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://ai.codefather.cn/vibe&quot; target=&quot;_blank&quot;&gt;系列总览 · 鱼皮 AI 导航&lt;/a&gt; · &lt;a href=&quot;https://github.com/liyupi/ai-guide/tree/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/15%20%E6%A8%A1%E5%9E%8B%E5%8A%A8%E6%80%81&quot; target=&quot;_blank&quot;&gt;GitHub · 15 模型动态&lt;/a&gt;&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;你卡在哪就跳哪&lt;/h2&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;你想&lt;/th&gt;&lt;th&gt;建议&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;弄清板块定位&lt;/td&gt;&lt;td&gt;先读 &lt;strong&gt;00 导读&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;看某家旗舰能不能写项目&lt;/td&gt;&lt;td&gt;单模型 7/4 案例实测&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;同题谁完成度高&lt;/td&gt;&lt;td&gt;三模型 / 四模型横评&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;日常该订哪个&lt;/td&gt;&lt;td&gt;回 &lt;a href=&quot;/posts/vibe-coding-tools-index/&quot;&gt;工具索引 · 01 模型选择&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Opus 4.8 与 GPT-5.5 等跑分横评摘录&quot; loading=&quot;lazy&quot; width=&quot;1600&quot; height=&quot;869&quot; src=&quot;/_astro/fig-model-compare.BD4D3Zzm_Z1BYyAX.webp&quot; /&gt;&lt;figcaption&gt;Opus 4.8 与 GPT-5.5 等跑分横评摘录&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;这篇收了哪些测评&lt;/h2&gt;




















































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;类型&lt;/th&gt;&lt;th&gt;文&lt;/th&gt;&lt;th&gt;带走什么&lt;/th&gt;&lt;th&gt;原文&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;导读&lt;/td&gt;&lt;td&gt;00 模型动态导读&lt;/td&gt;&lt;td&gt;单测 vs 横评怎么用；不必按序学&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/15%20%E6%A8%A1%E5%9E%8B%E5%8A%A8%E6%80%81/00%20%E6%A8%A1%E5%9E%8B%E5%8A%A8%E6%80%81%E5%AF%BC%E8%AF%BB.md&quot; target=&quot;_blank&quot;&gt;GitHub&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;单测&lt;/td&gt;&lt;td&gt;Claude Opus 5 · 7 项目&lt;/td&gt;&lt;td&gt;同一套提示词跑 7 案，看边界&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/15%20%E6%A8%A1%E5%9E%8B%E5%8A%A8%E6%80%81/Claude%20Opus%205%20%E7%BC%96%E7%A8%8B%E8%83%BD%E5%8A%9B%E5%AE%9E%E6%B5%8B%20-%207%20%E4%B8%AA%E9%A1%B9%E7%9B%AE%E6%A1%88%E4%BE%8B.md&quot; target=&quot;_blank&quot;&gt;GitHub&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;单测&lt;/td&gt;&lt;td&gt;Kimi K3 · 7 项目&lt;/td&gt;&lt;td&gt;与 Opus 5 同题，方便横比&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/15%20%E6%A8%A1%E5%9E%8B%E5%8A%A8%E6%80%81/Kimi%20K3%20%E7%BC%96%E7%A8%8B%E8%83%BD%E5%8A%9B%E5%AE%9E%E6%B5%8B%20-%207%20%E4%B8%AA%E9%A1%B9%E7%9B%AE%E6%A1%88%E4%BE%8B.md&quot; target=&quot;_blank&quot;&gt;GitHub&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;单测&lt;/td&gt;&lt;td&gt;小米 MiMo · 4 项目&lt;/td&gt;&lt;td&gt;国产线案例密度稍低，看性价比场景&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/15%20%E6%A8%A1%E5%9E%8B%E5%8A%A8%E6%80%81/%E5%B0%8F%E7%B1%B3%20MiMo%20%E7%BC%96%E7%A8%8B%E8%83%BD%E5%8A%9B%E5%AE%9E%E6%B5%8B%20-%204%20%E4%B8%AA%E9%A1%B9%E7%9B%AE%E6%A1%88%E4%BE%8B.md&quot; target=&quot;_blank&quot;&gt;GitHub&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;横评&lt;/td&gt;&lt;td&gt;Claude Fable 5 vs Opus 4.8 / GPT-5.5&lt;/td&gt;&lt;td&gt;同提示开项目，比完成度&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/15%20%E6%A8%A1%E5%9E%8B%E5%8A%A8%E6%80%81/Claude%20Fable%205%20%E7%BC%96%E7%A8%8B%E8%83%BD%E5%8A%9B%E5%AE%9E%E6%B5%8B%20-%20%E5%AF%B9%E6%AF%94%20Opus%204.8%20%E5%92%8C%20GPT-5.5.md&quot; target=&quot;_blank&quot;&gt;GitHub&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;横评&lt;/td&gt;&lt;td&gt;GPT-5.6 三模型全栈&lt;/td&gt;&lt;td&gt;Ultra / Max 等卖点 + Cursor 并行实测&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/15%20%E6%A8%A1%E5%9E%8B%E5%8A%A8%E6%80%81/GPT-5.6%20%E4%B8%89%E6%A8%A1%E5%9E%8B%E6%A8%AA%E8%AF%84%20-%20%E5%85%A8%E6%A0%88%E9%A1%B9%E7%9B%AE%E5%AE%9E%E6%B5%8B.md&quot; target=&quot;_blank&quot;&gt;GitHub&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;横评&lt;/td&gt;&lt;td&gt;Opus 4.8 四模型全栈&lt;/td&gt;&lt;td&gt;过程 / 成品 / 代码质量分栏再综合&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/15%20%E6%A8%A1%E5%9E%8B%E5%8A%A8%E6%80%81/Opus%204.8%20%E5%9B%9B%E6%A8%A1%E5%9E%8B%E6%A8%AA%E8%AF%84%20-%20%E5%85%A8%E6%A0%88%E9%A1%B9%E7%9B%AE%E5%AE%9E%E6%B5%8B.md&quot; target=&quot;_blank&quot;&gt;GitHub&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;读测评时盯什么&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;同题才可比&lt;/strong&gt;：导读强调单测用同一套项目提示词；横评是同一段需求并行开干。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;排名会过期&lt;/strong&gt;：把文当「当时快照」，订阅决策仍看预算 + 场景，别死磕某一篇冠军。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;和工具栏分工&lt;/strong&gt;：这里偏「刚发布测了啥」；长期选型回 10 工具的模型指南。&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;出处与边界&lt;/h2&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;项&lt;/th&gt;&lt;th&gt;说明&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;原作&lt;/td&gt;&lt;td&gt;程序员鱼皮 · &lt;a href=&quot;https://github.com/liyupi/ai-guide&quot; target=&quot;_blank&quot;&gt;ai-guide&lt;/a&gt; · &lt;a href=&quot;https://ai.codefather.cn/vibe&quot; target=&quot;_blank&quot;&gt;AI 导航 /vibe&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;本篇&lt;/td&gt;&lt;td&gt;7 篇索引摘要；不复述打分细节&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;未做&lt;/td&gt;&lt;td&gt;不镜像全文、不搬 200+ 张实测截图&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;相关阅读&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;/posts/vibe-coding-tools-index/&quot;&gt;工具栈三岔&lt;/a&gt; · &lt;a href=&quot;/posts/vibe-projects-index/&quot;&gt;项目实战&lt;/a&gt; · &lt;a href=&quot;/posts/vibe-basics-index/&quot;&gt;入门坐标&lt;/a&gt; · &lt;a href=&quot;/collections/vibe-tutorial-index/&quot;&gt;合集 鱼皮VibeCoding&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;</content:encoded></item><item><title>做出能卖的东西：产品变现导读</title><link>https://fork-firefly.vercel.app/posts/vibe-monetize-index/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/vibe-monetize-index/</guid><description>Vibe「50 产品变现」索引：需求到付费、SEO/GEO、站长与自媒体经验支线，链回鱼皮原文。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;项目能跑 ≠ 产品有人用、有人付。鱼皮「50 产品变现」把腾讯 + 创业里的流程压成主线，再挂安全 / 监控 / 涨粉等支线。这篇只做地图；定价表和踩坑截图回原文。&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://ai.codefather.cn/vibe&quot; target=&quot;_blank&quot;&gt;系列总览 · 鱼皮 AI 导航&lt;/a&gt; · &lt;a href=&quot;https://github.com/liyupi/ai-guide/tree/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/50%20%E4%BA%A7%E5%93%81%E5%8F%98%E7%8E%B0&quot; target=&quot;_blank&quot;&gt;GitHub · 50 产品变现&lt;/a&gt;&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;你卡在哪就跳哪&lt;/h2&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;你想&lt;/th&gt;&lt;th&gt;建议&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;从 0 建立变现观&lt;/td&gt;&lt;td&gt;00 → 01，再按主线往下&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;已有作品要卖&lt;/td&gt;&lt;td&gt;重点 07 盈利模式 · 08 付费策略 · 09/10 获客&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;站刚上线怕被打&lt;/td&gt;&lt;td&gt;云安全 · 数据保护 · 监控告警&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;开源涨星 / 做号&lt;/td&gt;&lt;td&gt;GitHub 涨粉 · 自媒体起号 / 运营&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;做完项目再进本栏更顺；实战地图见 &lt;a href=&quot;/posts/vibe-projects-index/&quot;&gt;项目实战索引&lt;/a&gt;。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;主线（建议顺序）&lt;/h2&gt;
































































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;章&lt;/th&gt;&lt;th&gt;带走什么&lt;/th&gt;&lt;th&gt;原文&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;00 产品变现导读&lt;/td&gt;&lt;td&gt;板块怎么用、主线 vs 支线&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/50%20%E4%BA%A7%E5%93%81%E5%8F%98%E7%8E%B0/00%20%E4%BA%A7%E5%93%81%E5%8F%98%E7%8E%B0%E5%AF%BC%E8%AF%BB.md&quot; target=&quot;_blank&quot;&gt;GitHub&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;01 为什么要做产品变现&lt;/td&gt;&lt;td&gt;价值检验、别只堆仓库&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/50%20%E4%BA%A7%E5%93%81%E5%8F%98%E7%8E%B0/01%20%E4%B8%BA%E4%BB%80%E4%B9%88%E8%A6%81%E5%81%9A%E4%BA%A7%E5%93%81%E5%8F%98%E7%8E%B0%EF%BC%9F.md&quot; target=&quot;_blank&quot;&gt;GitHub&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;02 需求分析和产品规划&lt;/td&gt;&lt;td&gt;问题 → 方案，少拍脑袋开干&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/50%20%E4%BA%A7%E5%93%81%E5%8F%98%E7%8E%B0/02%20%E9%9C%80%E6%B1%82%E5%88%86%E6%9E%90%E5%92%8C%E4%BA%A7%E5%93%81%E8%A7%84%E5%88%92.md&quot; target=&quot;_blank&quot;&gt;GitHub&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;03 文档沉淀和知识管理&lt;/td&gt;&lt;td&gt;文档当长期记忆，换人也能接&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/50%20%E4%BA%A7%E5%93%81%E5%8F%98%E7%8E%B0/03%20%E6%96%87%E6%A1%A3%E6%B2%89%E6%B7%80%E5%92%8C%E7%9F%A5%E8%AF%86%E7%AE%A1%E7%90%86.md&quot; target=&quot;_blank&quot;&gt;GitHub&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;04 技术选型实战指南&lt;/td&gt;&lt;td&gt;栈怎么选才扛得住迭代&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/50%20%E4%BA%A7%E5%93%81%E5%8F%98%E7%8E%B0/04%20%E6%8A%80%E6%9C%AF%E9%80%89%E5%9E%8B%E5%AE%9E%E6%88%98%E6%8C%87%E5%8D%97.md&quot; target=&quot;_blank&quot;&gt;GitHub&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;05 系统架构设计实践&lt;/td&gt;&lt;td&gt;从能跑到可演进&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/50%20%E4%BA%A7%E5%93%81%E5%8F%98%E7%8E%B0/05%20%E7%B3%BB%E7%BB%9F%E6%9E%B6%E6%9E%84%E8%AE%BE%E8%AE%A1%E5%AE%9E%E8%B7%B5.md&quot; target=&quot;_blank&quot;&gt;GitHub&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;06 项目研发流程选择&lt;/td&gt;&lt;td&gt;个人节奏 vs 团队流程&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/50%20%E4%BA%A7%E5%93%81%E5%8F%98%E7%8E%B0/06%20%E9%A1%B9%E7%9B%AE%E7%A0%94%E5%8F%91%E6%B5%81%E7%A8%8B%E9%80%89%E6%8B%A9.md&quot; target=&quot;_blank&quot;&gt;GitHub&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;07 产品盈利模式设计&lt;/td&gt;&lt;td&gt;钱从哪来&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/50%20%E4%BA%A7%E5%93%81%E5%8F%98%E7%8E%B0/07%20%E4%BA%A7%E5%93%81%E7%9B%88%E5%88%A9%E6%A8%A1%E5%BC%8F%E8%AE%BE%E8%AE%A1.md&quot; target=&quot;_blank&quot;&gt;GitHub&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;08 产品付费策略设计&lt;/td&gt;&lt;td&gt;怎么定价、怎么挡白嫖&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/50%20%E4%BA%A7%E5%93%81%E5%8F%98%E7%8E%B0/08%20%E4%BA%A7%E5%93%81%E4%BB%98%E8%B4%B9%E7%AD%96%E7%95%A5%E8%AE%BE%E8%AE%A1.md&quot; target=&quot;_blank&quot;&gt;GitHub&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;09 SEO 实战&lt;/td&gt;&lt;td&gt;传统搜索获客&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/50%20%E4%BA%A7%E5%93%81%E5%8F%98%E7%8E%B0/09%20SEO%20%E6%90%9C%E7%B4%A2%E5%BC%95%E6%93%8E%E4%BC%98%E5%8C%96%E5%AE%9E%E6%88%98.md&quot; target=&quot;_blank&quot;&gt;GitHub&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;10 GEO 实战&lt;/td&gt;&lt;td&gt;生成式引擎里被引用 / 被推荐&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/50%20%E4%BA%A7%E5%93%81%E5%8F%98%E7%8E%B0/10%20GEO%20%E7%94%9F%E6%88%90%E5%BC%8F%E5%BC%95%E6%93%8E%E4%BC%98%E5%8C%96%E5%AE%9E%E6%88%98.md&quot; target=&quot;_blank&quot;&gt;GitHub&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;AI 导航站：会员入口与推广位示意&quot; loading=&quot;lazy&quot; width=&quot;1600&quot; height=&quot;826&quot; src=&quot;/_astro/fig-profit-modes.BkhfTMtN_1v1HHO.webp&quot; /&gt;&lt;figcaption&gt;AI 导航站：会员入口与推广位示意&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;百度搜索「面试鸭」结果页（获客示例）&quot; loading=&quot;lazy&quot; width=&quot;1600&quot; height=&quot;1282&quot; src=&quot;/_astro/fig-seo.yLm9sJWh_Z1DyuVh.webp&quot; /&gt;&lt;figcaption&gt;百度搜索「面试鸭」结果页（获客示例）&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;支线（按需跳读）&lt;/h2&gt;




































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;文&lt;/th&gt;&lt;th&gt;场景&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/50%20%E4%BA%A7%E5%93%81%E5%8F%98%E7%8E%B0/%E4%BA%91%E6%9C%8D%E5%8A%A1%E5%AE%89%E5%85%A8%E9%98%B2%E6%8A%A4%E5%AE%9E%E8%B7%B5.md&quot; target=&quot;_blank&quot;&gt;云服务安全防护实践&lt;/a&gt;&lt;/td&gt;&lt;td&gt;防刷量、密钥与配额血泪&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/50%20%E4%BA%A7%E5%93%81%E5%8F%98%E7%8E%B0/%E7%BD%91%E7%AB%99%E6%95%B0%E6%8D%AE%E4%BF%9D%E6%8A%A4%E5%AE%9E%E8%B7%B5.md&quot; target=&quot;_blank&quot;&gt;网站数据保护实践&lt;/a&gt;&lt;/td&gt;&lt;td&gt;反爬与数据护栏&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/50%20%E4%BA%A7%E5%93%81%E5%8F%98%E7%8E%B0/%E7%B3%BB%E7%BB%9F%E7%9B%91%E6%8E%A7%E5%91%8A%E8%AD%A6%E5%AE%9E%E8%B7%B5.md&quot; target=&quot;_blank&quot;&gt;系统监控告警实践&lt;/a&gt;&lt;/td&gt;&lt;td&gt;出事能第一时间知道&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/50%20%E4%BA%A7%E5%93%81%E5%8F%98%E7%8E%B0/%E7%BD%91%E7%AB%99%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90%E5%AE%9E%E6%88%98.md&quot; target=&quot;_blank&quot;&gt;网站数据分析实战&lt;/a&gt;&lt;/td&gt;&lt;td&gt;用数据改产品&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/50%20%E4%BA%A7%E5%93%81%E5%8F%98%E7%8E%B0/%E6%88%91%E7%9A%84%20GitHub%20%E6%B6%A8%E6%98%9F%E6%B6%A8%E7%B2%89%E6%8A%80%E5%B7%A7.md&quot; target=&quot;_blank&quot;&gt;GitHub 涨星涨粉技巧&lt;/a&gt;&lt;/td&gt;&lt;td&gt;开源曝光&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/50%20%E4%BA%A7%E5%93%81%E5%8F%98%E7%8E%B0/%E6%88%91%E7%9A%84%E4%B8%AA%E4%BA%BA%E7%AB%99%E9%95%BF%E5%AE%9E%E6%88%98%E7%BB%8F%E9%AA%8C.md&quot; target=&quot;_blank&quot;&gt;个人站长实战经验&lt;/a&gt;&lt;/td&gt;&lt;td&gt;多站运营心得&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/50%20%E4%BA%A7%E5%93%81%E5%8F%98%E7%8E%B0/%E6%88%91%E7%9A%84%E8%87%AA%E5%AA%92%E4%BD%93%E8%B5%B7%E5%8F%B7%E7%BB%8F%E9%AA%8C.md&quot; target=&quot;_blank&quot;&gt;自媒体起号经验&lt;/a&gt; / &lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/50%20%E4%BA%A7%E5%93%81%E5%8F%98%E7%8E%B0/%E6%88%91%E7%9A%84%E8%87%AA%E5%AA%92%E4%BD%93%E6%B6%A8%E7%B2%89%E8%BF%90%E8%90%A5%E4%B9%8B%E8%B7%AF.md&quot; target=&quot;_blank&quot;&gt;涨粉运营之路&lt;/a&gt;&lt;/td&gt;&lt;td&gt;从 0 到百万粉路径（经验向）&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;出处与边界&lt;/h2&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;项&lt;/th&gt;&lt;th&gt;说明&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;原作&lt;/td&gt;&lt;td&gt;程序员鱼皮 · &lt;a href=&quot;https://github.com/liyupi/ai-guide&quot; target=&quot;_blank&quot;&gt;ai-guide&lt;/a&gt; · &lt;a href=&quot;https://ai.codefather.cn/vibe&quot; target=&quot;_blank&quot;&gt;AI 导航 /vibe&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;本篇&lt;/td&gt;&lt;td&gt;19 篇索引；不复述商业机密级细节&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;未做&lt;/td&gt;&lt;td&gt;不镜像全文、不搬运营截图整包&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;相关阅读&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;/posts/vibe-projects-index/&quot;&gt;项目实战&lt;/a&gt; · &lt;a href=&quot;/posts/vibe-learning-index/&quot;&gt;编程学习&lt;/a&gt; · &lt;a href=&quot;/posts/vibe-coding-tips-index/&quot;&gt;对话与回路&lt;/a&gt; · &lt;a href=&quot;/collections/vibe-tutorial-index/&quot;&gt;合集 鱼皮VibeCoding&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;</content:encoded></item><item><title>从想法到上线：Vibe 项目实战地图</title><link>https://fork-firefly.vercel.app/posts/vibe-projects-index/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/vibe-projects-index/</guid><description>Vibe「20 项目实战」索引：开发流程、个人工具到全栈/小程序、部署上线专节与灵感库，链回鱼皮原文。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;鱼皮 Vibe 教程里「20 项目实战」是动手密度最高的一栏：流程 → 各形态项目 → &lt;strong&gt;部署上线&lt;/strong&gt; → 灵感库，外加一堆可跟做的原创案例。全搬进博客没意义；这篇只做导航和能带走的判断，步骤与截图回原文。&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://ai.codefather.cn/vibe&quot; target=&quot;_blank&quot;&gt;系列总览 · 鱼皮 AI 导航&lt;/a&gt; · &lt;a href=&quot;https://github.com/liyupi/ai-guide/tree/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/20%20%E9%A1%B9%E7%9B%AE%E5%AE%9E%E6%88%98&quot; target=&quot;_blank&quot;&gt;GitHub · 20 项目实战&lt;/a&gt;&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;你卡在哪就跳哪&lt;/h2&gt;
































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;你想&lt;/th&gt;&lt;th&gt;建议&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;第一次正经做项目&lt;/td&gt;&lt;td&gt;00 导读 → &lt;strong&gt;01 开发流程&lt;/strong&gt; → 02 个人工具里挑一个做完&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;想做带 AI 能力的产品&lt;/td&gt;&lt;td&gt;03 AI 应用 → 实用工具案例目录&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;全栈 / 小程序&lt;/td&gt;&lt;td&gt;04 / 05，做完必看 &lt;strong&gt;06 部署&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;本地能跑但不敢上线&lt;/td&gt;&lt;td&gt;直接跳 &lt;strong&gt;部署上线专节&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;没灵感&lt;/td&gt;&lt;td&gt;10 项目灵感大全（约 100 个点子）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;企业级 / 简历项目&lt;/td&gt;&lt;td&gt;进阶两篇 + 智能体目录里带「进阶」的&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;主线目录（00–10）&lt;/h2&gt;

















































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;章&lt;/th&gt;&lt;th&gt;带走什么&lt;/th&gt;&lt;th&gt;原文&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;00 项目实战导读&lt;/td&gt;&lt;td&gt;为什么做项目、四类案例怎么挑、建议学习顺序&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/20%20%E9%A1%B9%E7%9B%AE%E5%AE%9E%E6%88%98/00%20Vibe%20Coding%20%E9%A1%B9%E7%9B%AE%E5%AE%9E%E6%88%98%E5%AF%BC%E8%AF%BB.md&quot; target=&quot;_blank&quot;&gt;GitHub&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;01 项目开发流程&lt;/td&gt;&lt;td&gt;Research → PRD → Tech Design → 实现 → 验收的 5 步工作流&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/20%20%E9%A1%B9%E7%9B%AE%E5%AE%9E%E6%88%98/01%20Vibe%20Coding%20%E9%A1%B9%E7%9B%AE%E5%BC%80%E5%8F%91%E6%B5%81%E7%A8%8B.md&quot; target=&quot;_blank&quot;&gt;GitHub&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;02 个人工具开发&lt;/td&gt;&lt;td&gt;作品集、待办、笔记类；新手闭环最短&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/20%20%E9%A1%B9%E7%9B%AE%E5%AE%9E%E6%88%98/02%20Vibe%20Coding%20%E4%B8%AA%E4%BA%BA%E5%B7%A5%E5%85%B7%E5%BC%80%E5%8F%91.md&quot; target=&quot;_blank&quot;&gt;GitHub&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;03 AI 应用开发&lt;/td&gt;&lt;td&gt;聊天 / 写作 / 生图等「接模型」的套路&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/20%20%E9%A1%B9%E7%9B%AE%E5%AE%9E%E6%88%98/03%20Vibe%20Coding%20AI%20%E5%BA%94%E7%94%A8%E5%BC%80%E5%8F%91.md&quot; target=&quot;_blank&quot;&gt;GitHub&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;04 全栈应用开发&lt;/td&gt;&lt;td&gt;博客 / 社区 / 商城：前后端 + 库&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/20%20%E9%A1%B9%E7%9B%AE%E5%AE%9E%E6%88%98/04%20Vibe%20Coding%20%E5%85%A8%E6%A0%88%E5%BA%94%E7%94%A8%E5%BC%80%E5%8F%91.md&quot; target=&quot;_blank&quot;&gt;GitHub&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;05 小程序开发&lt;/td&gt;&lt;td&gt;微信小程序从开发到提审的完整路径&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/20%20%E9%A1%B9%E7%9B%AE%E5%AE%9E%E6%88%98/05%20Vibe%20Coding%20%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%BC%80%E5%8F%91.md&quot; target=&quot;_blank&quot;&gt;GitHub&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;06 项目部署上线&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;见下一节专表&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/20%20%E9%A1%B9%E7%9B%AE%E5%AE%9E%E6%88%98/06%20%E9%A1%B9%E7%9B%AE%E9%83%A8%E7%BD%B2%E4%B8%8A%E7%BA%BF%E6%95%99%E7%A8%8B.md&quot; target=&quot;_blank&quot;&gt;GitHub&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;10 项目灵感大全&lt;/td&gt;&lt;td&gt;约 100 个创意池，卡住时翻&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/20%20%E9%A1%B9%E7%9B%AE%E5%AE%9E%E6%88%98/10%20Vibe%20Coding%20%E9%A1%B9%E7%9B%AE%E7%81%B5%E6%84%9F%E5%A4%A7%E5%85%A8.md&quot; target=&quot;_blank&quot;&gt;GitHub&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;部署上线专节（06）&lt;/h2&gt;&lt;p&gt;零代码平台往往一键 Publish；想要自定义域名、全栈或服务器控制权，再读这一章。路径从「AI 帮你发」到「自己控机」。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;EdgeOne Pages 示意&quot; loading=&quot;lazy&quot; width=&quot;1600&quot; height=&quot;765&quot; src=&quot;/_astro/fig-edgeone-pages.BiQEMv_g_Z1OsTzl.webp&quot; /&gt;&lt;figcaption&gt;EdgeOne Pages 示意&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;

















































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;路径&lt;/th&gt;&lt;th&gt;适合谁&lt;/th&gt;&lt;th&gt;要点&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;AI + EdgeOne Pages MCP&lt;/td&gt;&lt;td&gt;想体验「提需求 → 上线」最短环&lt;/td&gt;&lt;td&gt;Cursor 配 &lt;strong&gt;EdgeOne Pages MCP&lt;/strong&gt;；先拿 API Token&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;AI + Vercel CLI / Skills&lt;/td&gt;&lt;td&gt;同样要 AI 代发，偏海外 / Next 栈&lt;/td&gt;&lt;td&gt;&lt;strong&gt;Vercel CLI&lt;/strong&gt; + &lt;code&gt;deploy-to-vercel&lt;/code&gt; Skills（MCP 可选）；原文有完整走法&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Vercel 一键部署（Git）&lt;/td&gt;&lt;td&gt;前端 / Next 类，默认推荐&lt;/td&gt;&lt;td&gt;连仓库推送触发；环境变量单独配&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;GitHub Pages&lt;/td&gt;&lt;td&gt;纯静态、文档站&lt;/td&gt;&lt;td&gt;免费够用，能力边界清晰&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;云服务器&lt;/td&gt;&lt;td&gt;要长期跑后端 / 自管运行时&lt;/td&gt;&lt;td&gt;阿里云 / 腾讯云等；安全组与进程守护别省&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Docker&lt;/td&gt;&lt;td&gt;环境要可复现、可迁移&lt;/td&gt;&lt;td&gt;镜像 → 容器 → 反向代理&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;AI Agent 应用部署&lt;/td&gt;&lt;td&gt;带长时 Agent / 工具链的产品&lt;/td&gt;&lt;td&gt;和普通 Web 部署坑不同，单独一节&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;CDN / 域名 / SSL&lt;/td&gt;&lt;td&gt;有正式流量后再上&lt;/td&gt;&lt;td&gt;可选加速 + 证书&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;MCP 部署工具位&quot; loading=&quot;lazy&quot; width=&quot;1600&quot; height=&quot;850&quot; src=&quot;/_astro/fig-deploy-mcp.BleBCSmJ_16Ac16.webp&quot; /&gt;&lt;figcaption&gt;MCP 部署工具位&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/20%20%E9%A1%B9%E7%9B%AE%E5%AE%9E%E6%88%98/06%20%E9%A1%B9%E7%9B%AE%E9%83%A8%E7%BD%B2%E4%B8%8A%E7%BA%BF%E6%95%99%E7%A8%8B.md&quot; target=&quot;_blank&quot;&gt;原文 · 06 项目部署上线教程&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;案例库怎么挑（不逐篇展开）&lt;/h2&gt;&lt;p&gt;四类目录 + 进阶，按兴趣跳；工具覆盖 Cursor / Claude Code / Codex / Copilot / TRAE / EdgeOne 等。&lt;/p&gt;


































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;分类&lt;/th&gt;&lt;th&gt;气质&lt;/th&gt;&lt;th&gt;举例（链到目录）&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;AI 创意应用&lt;/td&gt;&lt;td&gt;好玩、上手快&lt;/td&gt;&lt;td&gt;人格测试、塔罗、海龟汤、肉鸽游戏、高考预测器… → &lt;a href=&quot;https://github.com/liyupi/ai-guide/tree/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/20%20%E9%A1%B9%E7%9B%AE%E5%AE%9E%E6%88%98/AI%20%E5%88%9B%E6%84%8F%E5%BA%94%E7%94%A8&quot; target=&quot;_blank&quot;&gt;目录&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;AI 实用工具&lt;/td&gt;&lt;td&gt;自己真会用&lt;/td&gt;&lt;td&gt;搜索引擎、文档助手、视频总结、热点监控、副业点子验证… → &lt;a href=&quot;https://github.com/liyupi/ai-guide/tree/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/20%20%E9%A1%B9%E7%9B%AE%E5%AE%9E%E6%88%98/AI%20%E5%AE%9E%E7%94%A8%E5%B7%A5%E5%85%B7&quot; target=&quot;_blank&quot;&gt;目录&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;AI 智能体和平台&lt;/td&gt;&lt;td&gt;Agent / 多智能体 / 中转站&lt;/td&gt;&lt;td&gt;编程助手、超级智能体、零代码生成平台、API 中转… → &lt;a href=&quot;https://github.com/liyupi/ai-guide/tree/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/20%20%E9%A1%B9%E7%9B%AE%E5%AE%9E%E6%88%98/AI%20%E6%99%BA%E8%83%BD%E4%BD%93%E5%92%8C%E5%B9%B3%E5%8F%B0&quot; target=&quot;_blank&quot;&gt;目录&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;AI 跨端应用&lt;/td&gt;&lt;td&gt;APP / 小程序 / CLI / 桌面&lt;/td&gt;&lt;td&gt;表情包 APP、桌面「装了吗」、学习英雄小程序、CLI 工具… → &lt;a href=&quot;https://github.com/liyupi/ai-guide/tree/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/20%20%E9%A1%B9%E7%9B%AE%E5%AE%9E%E6%88%98/AI%20%E8%B7%A8%E7%AB%AF%E5%BA%94%E7%94%A8&quot; target=&quot;_blank&quot;&gt;目录&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;进阶&lt;/td&gt;&lt;td&gt;企业流程与大项目&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/20%20%E9%A1%B9%E7%9B%AE%E5%AE%9E%E6%88%98/%E8%BF%9B%E9%98%B6%20-%20%E4%BC%81%E4%B8%9A%E9%A1%B9%E7%9B%AE%E5%BC%80%E5%8F%91%E6%B5%81%E7%A8%8B.md&quot; target=&quot;_blank&quot;&gt;企业项目开发流程&lt;/a&gt; · &lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/20%20%E9%A1%B9%E7%9B%AE%E5%AE%9E%E6%88%98/%E8%BF%9B%E9%98%B6%20-%20%E4%BC%81%E4%B8%9A%E7%BA%A7%20AI%20%E7%BC%96%E7%A8%8B%E5%AE%9E%E6%88%98%E9%A1%B9%E7%9B%AE.md&quot; target=&quot;_blank&quot;&gt;企业级 AI 编程实战项目&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;出处与边界&lt;/h2&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;项&lt;/th&gt;&lt;th&gt;说明&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;原作&lt;/td&gt;&lt;td&gt;程序员鱼皮 · &lt;a href=&quot;https://github.com/liyupi/ai-guide&quot; target=&quot;_blank&quot;&gt;ai-guide&lt;/a&gt; · &lt;a href=&quot;https://ai.codefather.cn/vibe&quot; target=&quot;_blank&quot;&gt;AI 导航 /vibe&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;本篇&lt;/td&gt;&lt;td&gt;索引 + 精炼摘要；&lt;strong&gt;部署专节并入本文&lt;/strong&gt;，不另开短帖&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;未做&lt;/td&gt;&lt;td&gt;不镜像 35 篇全文、不搬运 900+ 张配图&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;相关阅读&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;/posts/vibe-basics-index/&quot;&gt;入门坐标&lt;/a&gt; · &lt;a href=&quot;/posts/vibe-coding-tools-index/&quot;&gt;工具栈三岔&lt;/a&gt; · &lt;a href=&quot;/posts/vibe-coding-tips-index/&quot;&gt;对话与回路&lt;/a&gt; · &lt;a href=&quot;/posts/vibe-models-index/&quot;&gt;模型横评&lt;/a&gt; · &lt;a href=&quot;/posts/vibe-monetize-index/&quot;&gt;产品变现&lt;/a&gt; · &lt;a href=&quot;/collections/vibe-tutorial-index/&quot;&gt;合集 鱼皮VibeCoding&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;</content:encoded></item><item><title>小林coding：图解与面经怎么排着读</title><link>https://fork-firefly.vercel.app/posts/xiaolincoding-guide/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/xiaolincoding-guide/</guid><description>小林coding 主站栏目导览与个人学习入口；链回原文，不做全文搬运。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;小林coding 主站把「图解基础」和「后端面试」拆得很清楚，适合当个人学习地图，不适合整站搬进博客。这篇只做&lt;strong&gt;导览&lt;/strong&gt;：告诉你各栏目干什么、建议怎么排着读，细节一律回原文。&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://www.xiaolincoding.com/&quot; target=&quot;_blank&quot;&gt;主站首页&lt;/a&gt;&lt;/p&gt;
&lt;blockquote&gt;&lt;p&gt;版权归小林coding。本文是自写学习导读 + 外链索引，不是原文转载。付费营、小程序、以及挂在 xiaolinnote.com 上的 Agent / Claude Code 专题，本次不覆盖。&lt;/p&gt;&lt;/blockquote&gt;
&lt;section&gt;&lt;h2&gt;先认清地图&lt;/h2&gt;












































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;你想补什么&lt;/th&gt;&lt;th&gt;先看哪一块&lt;/th&gt;&lt;th&gt;原文入口&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;网络半桶水&lt;/td&gt;&lt;td&gt;图解网络&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://www.xiaolincoding.com/network/&quot; target=&quot;_blank&quot;&gt;network&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;进程 / 内存 / 文件&lt;/td&gt;&lt;td&gt;图解系统&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://www.xiaolincoding.com/os/&quot; target=&quot;_blank&quot;&gt;os&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;索引 / 事务 / 锁&lt;/td&gt;&lt;td&gt;图解 MySQL&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://www.xiaolincoding.com/mysql/&quot; target=&quot;_blank&quot;&gt;mysql&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;缓存与一致性&lt;/td&gt;&lt;td&gt;图解 Redis&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://www.xiaolincoding.com/redis/&quot; target=&quot;_blank&quot;&gt;redis&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Java / Go / C++ 八股&lt;/td&gt;&lt;td&gt;面试题系列&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://www.xiaolincoding.com/interview/&quot; target=&quot;_blank&quot;&gt;interview&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;大厂 / 银行面经&lt;/td&gt;&lt;td&gt;后端面经汇总&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://www.xiaolincoding.com/backend_interview/&quot; target=&quot;_blank&quot;&gt;backend_interview&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;怎么学、怎么写简历&lt;/td&gt;&lt;td&gt;小林的那些事儿&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://www.xiaolincoding.com/cs_learn/&quot; target=&quot;_blank&quot;&gt;cs_learn&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;主站体量很大（图解网络约 20 万字 + 500 图量级）。别按「从头到尾刷完」规划；按岗位缺口挑一条线深挖更合适。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;我怎么排优先级&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;后端校招 / 社招八股&lt;/strong&gt;：网络 → 系统 → MySQL → Redis，再补本语言面试题。面经放最后，用来对答案，不拿来当第一本教材。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;已经在岗、只缺短板&lt;/strong&gt;：直接进对应图解（例如天天排查慢 SQL 就先 MySQL），面经当「别人怎么问」的样本。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;想顺带看 Agent / RAG / Claude Code&lt;/strong&gt;：那些专题多在 &lt;a href=&quot;https://xiaolinnote.com/&quot; target=&quot;_blank&quot;&gt;xiaolinnote.com&lt;/a&gt; 外链站，和主站 sitemap 不是同一棵树；需要另开学习任务，别和本合集混成「已经全抓了」。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;图解四件套（主站核心）&lt;/h2&gt;&lt;p&gt;四条线共用一个气质：手绘多、口语讲解、冲着面试高频点。读的时候建议带着自己的错题本——能画出「请求怎么走 / 进程怎么调度 / 一条 SQL 怎么查」才算过关，而不是收藏链接。&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;https://www.xiaolincoding.com/network/&quot; target=&quot;_blank&quot;&gt;图解网络&lt;/a&gt;：HTTP/HTTPS、TCP/UDP、IP 等程序员日常会碰的协议链路&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://www.xiaolincoding.com/os/&quot; target=&quot;_blank&quot;&gt;图解系统&lt;/a&gt;：进程、内存、文件、网络子系统&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://www.xiaolincoding.com/mysql/&quot; target=&quot;_blank&quot;&gt;图解 MySQL&lt;/a&gt;：索引、引擎、事务、MVCC、锁、日志&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://www.xiaolincoding.com/redis/&quot; target=&quot;_blank&quot;&gt;图解 Redis&lt;/a&gt;：结构、持久化、淘汰、高可用、缓存一致性&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;面试与面经怎么用&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;https://www.xiaolincoding.com/interview/&quot; target=&quot;_blank&quot;&gt;Java / Go / C++ / 测试开发面试题&lt;/a&gt;：按语言桶刷，配合图解回填原理&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://www.xiaolincoding.com/backend_interview/&quot; target=&quot;_blank&quot;&gt;大厂后端面经&lt;/a&gt;：互联网大厂、中厂、银行等真实题库向内容——适合模拟，不适合当唯一知识源&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;面经里同一题在不同公司变形很大。记下「他在考哪一层」（网络？锁？存储引擎？），再回图解对应章，比狂背答案稳。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;本合集以后会挂什么&lt;/h2&gt;&lt;p&gt;Firefly 合集 slug：&lt;code&gt;xiaolincoding&lt;/code&gt;。&lt;br /&gt;
站上只有这篇导读和以后点名写的&lt;strong&gt;薄学习笔记&lt;/strong&gt;（判断、错题、对照表），一律外链回 xiaolincoding.com。本机另有私人 Archive（仓外、不进 git），用来离线翻原文——&lt;strong&gt;不会&lt;/strong&gt;把那 200+ 篇批量上成公开帖。&lt;/p&gt;&lt;p&gt;想指定某几篇主题做薄笔记，直接点名即可。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>ccstatusline：不想解析 JSON 时，用 TUI 拼状态栏</title><link>https://fork-firefly.vercel.app/posts/ccstatusline-custom/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/ccstatusline-custom/</guid><description>和 HUD 同管道、定位不同：50+ 组件 + Powerline + 交互 TUI；statusLine 同时只能挂一个 command。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;和 Claude HUD 走同一条原生 &lt;code&gt;statusLine&lt;/code&gt; 管道，定位不一样：HUD 强在工具 / Agent / Todo 活动；ccstatusline 强在 &lt;strong&gt;50+ 组件 + Powerline 皮肤 + 交互式 TUI&lt;/strong&gt;，更像「Claude Code 版 Oh My Posh」。&lt;/p&gt;
&lt;p&gt;原版：&lt;a href=&quot;https://github.com/sirmalloc/ccstatusline&quot; target=&quot;_blank&quot;&gt;sirmalloc/ccstatusline&lt;/a&gt; · 中文版：&lt;a href=&quot;https://github.com/huangguang1999/ccstatusline-zh&quot; target=&quot;_blank&quot;&gt;huangguang1999/ccstatusline-zh&lt;/a&gt;&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;先装再挂进 settings&lt;/h2&gt;&lt;p&gt;国内建议先换 npm 镜像（旧淘宝域名已废）：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;Terminal window&lt;/span&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;npm&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;config&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;set&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;registry&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;https://registry.npmmirror.com&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;npm&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;install&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;-g&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;ccstatusline-zh&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;也可用 &lt;code&gt;x install ccstatusline&lt;/code&gt;（x-cmd）。&lt;/p&gt;&lt;p&gt;&lt;code&gt;~/.claude/settings.json&lt;/code&gt;（Windows：&lt;code&gt;%USERPROFILE%\.claude\settings.json&lt;/code&gt;）：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;{&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;&quot;statusLine&quot;&lt;/span&gt;&lt;span&gt;: {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;    &lt;/span&gt;&lt;span&gt;&quot;type&quot;&lt;/span&gt;&lt;span&gt;: &lt;/span&gt;&lt;span&gt;&quot;command&quot;&lt;/span&gt;&lt;span&gt;,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;    &lt;/span&gt;&lt;span&gt;&quot;command&quot;&lt;/span&gt;&lt;span&gt;: &lt;/span&gt;&lt;span&gt;&quot;ccstatusline-zh&quot;&lt;/span&gt;&lt;span&gt;,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;    &lt;/span&gt;&lt;span&gt;&quot;padding&quot;&lt;/span&gt;&lt;span&gt;: &lt;/span&gt;&lt;span&gt;0&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;不想全局装就用 &lt;code&gt;npx -y ccstatusline-zh@latest&lt;/code&gt;。改完重启 Claude Code。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;配好看：TUI 比手写 YAML 省事&lt;/h2&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;Terminal window&lt;/span&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;ccstatusline-zh&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;setup&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;键&lt;/th&gt;&lt;th&gt;干什么&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;↑↓ / Enter&lt;/td&gt;&lt;td&gt;导航、确认&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;a / d / e&lt;/td&gt;&lt;td&gt;增删改组件&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;w&lt;/td&gt;&lt;td&gt;组件选项&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;/&lt;/td&gt;&lt;td&gt;搜索&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;q&lt;/td&gt;&lt;td&gt;退出&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;第一次别全开。够用的三件套：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;当前模型&lt;/li&gt;
&lt;li&gt;上下文占用率（油表）&lt;/li&gt;
&lt;li&gt;Git 分支&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;上下文习惯：50% 随便聊；逼近 80% 就准备 &lt;code&gt;/compact&lt;/code&gt; 或开新会话。第二行可以再挂思考力度、输入/输出速度、会话累计 Token。&lt;/p&gt;&lt;p&gt;Powerline 模式在「主菜单 → Powerline 设置」。分隔符用 &lt;code&gt;|&lt;/code&gt; 最干净，花哨符号看心情。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;和 Claude HUD 怎么选&lt;/h2&gt;





























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;&lt;/th&gt;&lt;th&gt;Claude HUD&lt;/th&gt;&lt;th&gt;ccstatusline&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;安装&lt;/td&gt;&lt;td&gt;插件市场&lt;/td&gt;&lt;td&gt;npm / x-cmd&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;杀手锏&lt;/td&gt;&lt;td&gt;transcript：工具 / Agent / Todo&lt;/td&gt;&lt;td&gt;组件库 + Powerline + TUI&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;配置&lt;/td&gt;&lt;td&gt;&lt;code&gt;/claude-hud:configure&lt;/code&gt; 或 config.json&lt;/td&gt;&lt;td&gt;&lt;code&gt;setup&lt;/code&gt; TUI / YAML&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;更适合&lt;/td&gt;&lt;td&gt;盯 Agent 干活&lt;/td&gt;&lt;td&gt;盯 Token / 成本 / 外观&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;code&gt;statusLine&lt;/code&gt; 同一时间只能挂一个 command。想换皮就改 &lt;code&gt;command&lt;/code&gt; 字段，别两套配置叠着写指望都生效。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;坑&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;npm 官方源慢：先换 npmmirror，别用废弃淘宝域名&lt;/li&gt;
&lt;li&gt;原版与 &lt;code&gt;-zh&lt;/code&gt; 包名别混；TUI 语言跟包走&lt;/li&gt;
&lt;li&gt;和 HUD 互斥：改 &lt;code&gt;settings.json&lt;/code&gt; 的 &lt;code&gt;statusLine.command&lt;/code&gt; 即切换&lt;/li&gt;
&lt;li&gt;它不会让模型变聪明，只是把你本来要敲命令查的东西摊在底下&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;相关阅读&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;/posts/claude-hud-statusbar/&quot;&gt;Claude HUD 装上以后，才知道自己以前多瞎&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;/posts/native-statusline-script/&quot;&gt;不装插件也能有 statusLine：一段 Python 顶一行 HUD&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;blockquote&gt;&lt;p&gt;素材来源：&lt;a href=&quot;https://aidev.blog.csdn.net/article/details/161186514&quot; target=&quot;_blank&quot;&gt;CSDN 原文&lt;/a&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;/section&gt;</content:encoded></item><item><title>Claude Code 必装 MCP：先三件，再慢慢加</title><link>https://fork-firefly.vercel.app/posts/claude-code-must-have-mcp/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/claude-code-must-have-mcp/</guid><description>先全局挂 filesystem / Context7 / GitHub，跑稳再按栈加；一次装太多只会噪音和卡死。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;别一口气装二十个 MCP。先全局挂三件基础，跑稳了再按技术栈加第二、三批。命令侧统一 &lt;code&gt;-s user&lt;/code&gt; + &lt;code&gt;npx -y&lt;/code&gt;，装完 &lt;code&gt;claude mcp list&lt;/code&gt; 验一遍。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;管理命令&lt;/h2&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;Terminal window&lt;/span&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;claude&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;mcp&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;list&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;claude&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;mcp&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;add&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&amp;lt;名&amp;gt;&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;-s&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;user&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;--&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&amp;lt;启动命令&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;claude&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;mcp&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;remove&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&amp;lt;名&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;第一批（建议先装）&lt;/h2&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;服务器&lt;/th&gt;&lt;th&gt;命令要点&lt;/th&gt;&lt;th&gt;干什么&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;filesystem&lt;/td&gt;&lt;td&gt;&lt;code&gt;@modelcontextprotocol/server-filesystem&lt;/code&gt; + 目录白名单&lt;/td&gt;&lt;td&gt;本地读写，别给整盘&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Context7&lt;/td&gt;&lt;td&gt;&lt;code&gt;@upstash/context7-mcp@latest&lt;/code&gt;&lt;/td&gt;&lt;td&gt;库/框架最新文档&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Git/GitHub&lt;/td&gt;&lt;td&gt;官方/社区 GitHub MCP&lt;/td&gt;&lt;td&gt;Issue/PR/协作&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;第二批 / 第三批&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;增强&lt;/strong&gt;：Sequential Thinking、mcp-run-python、数据库 MCP&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;按需&lt;/strong&gt;：Playwright、Figma、Repomix/DeepWiki、Task Master&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;Playwright 用 &lt;code&gt;@executeautomation/playwright-mcp-server&lt;/code&gt;；Sequential Thinking 用 &lt;code&gt;@modelcontextprotocol/server-sequential-thinking&lt;/code&gt;。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;为啥这几件值得先装&lt;/h2&gt;












































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;MCP&lt;/th&gt;&lt;th&gt;值得装的理由&lt;/th&gt;&lt;th&gt;原文评分&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;Filesystem&lt;/td&gt;&lt;td&gt;全栈/数据几乎绕不开&lt;/td&gt;&lt;td&gt;5/5&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Context7&lt;/td&gt;&lt;td&gt;少翻墙查文档，像实时 API 字典&lt;/td&gt;&lt;td&gt;5/5&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Git/GitHub&lt;/td&gt;&lt;td&gt;协作与托管项目&lt;/td&gt;&lt;td&gt;5/5&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Playwright&lt;/td&gt;&lt;td&gt;前端测/截图/爬取&lt;/td&gt;&lt;td&gt;4/5&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Sequential Thinking&lt;/td&gt;&lt;td&gt;复杂规划拆步&lt;/td&gt;&lt;td&gt;4/5&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;数据库 MCP&lt;/td&gt;&lt;td&gt;查结构、出 SQL（注意只读/非生产）&lt;/td&gt;&lt;td&gt;4/5&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Figma / Task Master&lt;/td&gt;&lt;td&gt;UI 对齐、脑暴规划&lt;/td&gt;&lt;td&gt;3/5&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;坑&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;一次装太多 → 资源占满、工具列表噪音大。&lt;/li&gt;
&lt;li&gt;Windows 上裸 &lt;code&gt;npx&lt;/code&gt; 可能截断 stdio；要 &lt;code&gt;cmd /c&lt;/code&gt; 包一层（见 &lt;a href=&quot;/posts/windows-mcp-json-practice/&quot;&gt;Windows 上 MCP：先记住 cmd /c&lt;/a&gt;）。&lt;/li&gt;
&lt;li&gt;密钥走 &lt;code&gt;env&lt;/code&gt;，别写进仓库；token 打码后再分享配置。&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;相关阅读&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;/posts/windows-mcp-json-practice/&quot;&gt;Windows 上 MCP：先记住 cmd /c&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;/posts/mcp-skills-plugin-boundaries/&quot;&gt;MCP、Skills、Plugin 不是三选一&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;blockquote&gt;&lt;p&gt;素材来源：&lt;a href=&quot;https://channing.blog.csdn.net/article/details/151584549&quot; target=&quot;_blank&quot;&gt;CSDN 原文&lt;/a&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;/section&gt;</content:encoded></item><item><title>Claude HUD 装上以后，才知道自己以前多瞎</title><link>https://fork-firefly.vercel.app/posts/claude-hud-statusbar/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/claude-hud-statusbar/</guid><description>把上下文、额度、工具与子 Agent 钉在输入框下；Essential / Full / Minimal 怎么选，Usage 为什么会空白。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;聊着聊着回复突然变蠢，回头一看上下文快满了；跑到一半被限流，才发现 5 小时额度早见底；子 Agent 到底在干嘛，只能盯着日志翻。Claude HUD 干的事就一件：把这些数字钉在输入框下面，不用敲 &lt;code&gt;/context&lt;/code&gt;。&lt;/p&gt;
&lt;p&gt;项目：&lt;a href=&quot;https://github.com/jarrodwatts/claude-hud&quot; target=&quot;_blank&quot;&gt;jarrodwatts/claude-hud&lt;/a&gt;&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;它比官方 statusLine 多了啥&lt;/h2&gt;&lt;p&gt;官方 &lt;code&gt;statusLine&lt;/code&gt; 每 ~300ms 把一段 JSON 从 stdin 喂给你指定的脚本，你自己解析再打印。HUD 就是把这个脚本写好了，还多读了 transcript JSONL（工具调用、子 Agent、Todo）。&lt;/p&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;你能看到&lt;/th&gt;&lt;th&gt;默认&lt;/th&gt;&lt;th&gt;开扩展后&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;模型 / 路径 / Git&lt;/td&gt;&lt;td&gt;有&lt;/td&gt;&lt;td&gt;路径可到 2～3 层，Git 带脏标记&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Context + Usage 进度条&lt;/td&gt;&lt;td&gt;有&lt;/td&gt;&lt;td&gt;可加 7 天用量、时长、费用&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;工具活动 / Agent / Todo&lt;/td&gt;&lt;td&gt;关&lt;/td&gt;&lt;td&gt;Full 预设全开&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;上下文绿→黄→红，就是最直白的「该 &lt;code&gt;/compact&lt;/code&gt; 了」。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;怎么装才不踩雷&lt;/h2&gt;&lt;p&gt;Claude Code ≥ v1.0.80，Node 18+ 或 Bun。&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;/plugin marketplace add jarrodwatts/claude-hud&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;/plugin install claude-hud&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;/reload-plugins          ← 漏了会 Unknown skill&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;/claude-hud:setup&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;装完&lt;strong&gt;重启&lt;/strong&gt; Claude Code（statusLine 启动时加载）。&lt;/p&gt;


































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;坑&lt;/th&gt;&lt;th&gt;现象&lt;/th&gt;&lt;th&gt;解法&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;忘 &lt;code&gt;/reload-plugins&lt;/code&gt;&lt;/td&gt;&lt;td&gt;setup 报 Unknown skill&lt;/td&gt;&lt;td&gt;先 reload 再 setup&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Linux &lt;code&gt;/tmp&lt;/code&gt; 跨盘&lt;/td&gt;&lt;td&gt;&lt;code&gt;EXDEV: cross-device link&lt;/code&gt;&lt;/td&gt;&lt;td&gt;&lt;code&gt;TMPDIR=~/.cache/tmp claude&lt;/code&gt; 再装&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Windows 找不到 runtime&lt;/td&gt;&lt;td&gt;setup 失败&lt;/td&gt;&lt;td&gt;&lt;code&gt;winget install OpenJS.NodeJS.LTS&lt;/code&gt;，重开终端&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;API Key / Bedrock 用户&lt;/td&gt;&lt;td&gt;Usage 行不出现&lt;/td&gt;&lt;td&gt;正常：只有订阅账户才有 &lt;code&gt;rate_limits&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;临时想看原生界面&lt;/td&gt;&lt;td&gt;HUD 挡视线&lt;/td&gt;&lt;td&gt;&lt;code&gt;CLAUDE_HUD_DISABLE=1 claude&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;怎么配好看&lt;/h2&gt;&lt;p&gt;日常用 &lt;strong&gt;Essential&lt;/strong&gt;；长任务 / 多 Agent 用 &lt;strong&gt;Full&lt;/strong&gt;；小屏用 &lt;strong&gt;Minimal&lt;/strong&gt;。交互配置：&lt;code&gt;/claude-hud:configure&lt;/code&gt;（可预览）。&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;code&gt;language: &quot;zh&quot;&lt;/code&gt; 中文标签&lt;/li&gt;
&lt;li&gt;&lt;code&gt;lineLayout: &quot;expanded&quot;&lt;/code&gt; 多行；窄终端改 &lt;code&gt;compact&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;pathLevels: 2&lt;/code&gt; 路径别只剩最后一级&lt;/li&gt;
&lt;li&gt;&lt;code&gt;display.showTools / showAgents / showTodos&lt;/code&gt; 按场景开&lt;/li&gt;
&lt;li&gt;&lt;code&gt;customLine&lt;/code&gt; 可挂欢迎语 / 格言（本站 Windows 美化帖里用过）&lt;/li&gt;
&lt;li&gt;颜色支持色名 / 256 色 / &lt;code&gt;#rrggbb&lt;/code&gt;，阈值到了用醒目红&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;和本站现有美化帖怎么叠&lt;/h2&gt;&lt;p&gt;本站 &lt;a href=&quot;/posts/claude-code-windows-beautify/&quot;&gt;Claude Code Windows 美化&lt;/a&gt; 已经用 HUD + tweakcc + 终端毛玻璃叠了一套。这边补的是「插件侧怎么选预设、哪些开关值钱、Usage 为什么空白」。Windows 上注意 &lt;code&gt;statusLine.command&lt;/code&gt; 外层必须是 bash 语法，Node 路径会变（nvm），HUD 静默消失就先查这两处。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;什么时候别开 Full&lt;/h2&gt;&lt;p&gt;信息太多也会吵。单文件小改、窄终端、或者你根本不跑 subagent，Essential / Minimal 更合适。Usage 对中转 API 用户本来就没有，别为了凑齐两行进度条硬开。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;相关阅读&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;/posts/ccstatusline-custom/&quot;&gt;ccstatusline：不想解析 JSON 时，用 TUI 拼状态栏&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;/posts/native-statusline-script/&quot;&gt;不装插件也能有 statusLine：一段 Python 顶一行 HUD&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;blockquote&gt;&lt;p&gt;素材来源：&lt;a href=&quot;https://javaguide.blog.csdn.net/article/details/161505668&quot; target=&quot;_blank&quot;&gt;CSDN 原文&lt;/a&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;/section&gt;</content:encoded></item><item><title>CLAUDE.md 和 AGENTS.md：写给人的 README，不够</title><link>https://fork-firefly.vercel.app/posts/claude-md-agents-md-guide/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/claude-md-agents-md-guide/</guid><description>AI 要的是命令、红线与坑点。CLAUDE.md 吃 Claude Code；多工具混用优先 AGENTS.md，写薄再补。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;&lt;code&gt;README.md&lt;/code&gt; 给人装环境看；AI 要的是「怎么构建、怎么测、踩过哪些坑、绝不能碰什么」。缺这份说明书，就会反复犯同样的风格错误，团队每人一套结果。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;两个文件怎么站位&lt;/h2&gt;



















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;文件&lt;/th&gt;&lt;th&gt;定位&lt;/th&gt;&lt;th&gt;谁吃&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;CLAUDE.md&lt;/code&gt;&lt;/td&gt;&lt;td&gt;Claude Code 专属记忆，启动自动加载&lt;/td&gt;&lt;td&gt;Claude Code&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;AGENTS.md&lt;/code&gt;&lt;/td&gt;&lt;td&gt;开放标准，跨工具项目说明&lt;/td&gt;&lt;td&gt;Cursor / Codex / Copilot / Gemini CLI 等&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;只吃 Claude Code → 维护 &lt;code&gt;CLAUDE.md&lt;/code&gt; 就够。多工具混用 → 优先 &lt;code&gt;AGENTS.md&lt;/code&gt;，或两份共存、内容按工具微调。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;CLAUDE.md 的层级（从近到远）&lt;/h2&gt;&lt;ol&gt;
&lt;li&gt;当前目录 &lt;code&gt;CLAUDE.local.md&lt;/code&gt;（私有，勿提交）&lt;/li&gt;
&lt;li&gt;当前目录 &lt;code&gt;CLAUDE.md&lt;/code&gt;（项目共享）&lt;/li&gt;
&lt;li&gt;父目录 &lt;code&gt;CLAUDE.md&lt;/code&gt;（Monorepo 继承）&lt;/li&gt;
&lt;li&gt;&lt;code&gt;~/.claude/CLAUDE.md&lt;/code&gt;（全局）&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;在 &lt;code&gt;packages/frontend/&lt;/code&gt; 干活时，会叠读子包 + 根目录配置。团队约定进 &lt;code&gt;CLAUDE.md&lt;/code&gt;，个人偏好进 &lt;code&gt;CLAUDE.local.md&lt;/code&gt;。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;该写什么（两边差不多）&lt;/h2&gt;&lt;p&gt;少写宣传稿，多写「命令 + 红线」：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;常用命令：dev / build / test / lint / typecheck / db&lt;/li&gt;
&lt;li&gt;代码风格与命名（ESM vs CJS、PascalCase 组件等）&lt;/li&gt;
&lt;li&gt;目录地图与关键入口文件&lt;/li&gt;
&lt;li&gt;Git / PR 约定&lt;/li&gt;
&lt;li&gt;环境变量前缀、禁止硬编码、统一走哪层封装&lt;/li&gt;
&lt;li&gt;高频 FAQ（装依赖、连库失败之类）&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;语气可以硬一点：&lt;code&gt;IMPORTANT&lt;/code&gt; / &lt;code&gt;YOU MUST&lt;/code&gt; / &lt;code&gt;NEVER&lt;/code&gt; 对关键红线有效。Claude Code 对话里按 &lt;code&gt;#&lt;/code&gt; 能把当轮结论追加进 &lt;code&gt;CLAUDE.md&lt;/code&gt;；&lt;code&gt;/init&lt;/code&gt; 能生成骨架，但别指望骨架够用。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;AGENTS.md 的就近原则&lt;/h2&gt;&lt;p&gt;聊天里的直接指令 &amp;gt; 离当前编辑文件最近的 &lt;code&gt;AGENTS.md&lt;/code&gt; &amp;gt; 根目录 &lt;code&gt;AGENTS.md&lt;/code&gt;。Monorepo 按 &lt;code&gt;web&lt;/code&gt; / &lt;code&gt;api&lt;/code&gt; / &lt;code&gt;shared&lt;/code&gt; 各放一份，比堆一个巨型根文件干净。&lt;/p&gt;&lt;p&gt;和 &lt;code&gt;CLAUDE.md&lt;/code&gt; 比：内容都是自由 Markdown；差别主要在工具覆盖面和优先级细节（CC 有 local 覆盖与全局档）。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;写薄还是写厚&lt;/h2&gt;&lt;p&gt;别一次灌满。像调 Prompt：先放命令和三条红线，跑几轮再补架构说明。配置越长，越容易互相打架、越吃上下文。能拆子目录就拆。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;相关阅读&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;/posts/cursor-rules-three-layers/&quot;&gt;Cursor 规则别瞎塞：三层各管各的&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;/posts/vibe-chat-to-workflow-system/&quot;&gt;还在「会聊天」阶段，就别指望 Vibe 封神&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;blockquote&gt;&lt;p&gt;素材来源：&lt;a href=&quot;https://blog.csdn.net/a18792721831/article/details/156729996&quot; target=&quot;_blank&quot;&gt;CSDN 原文&lt;/a&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;/section&gt;</content:encoded></item><item><title>Cursor 规则别瞎塞：三层各管各的</title><link>https://fork-firefly.vercel.app/posts/cursor-rules-three-layers/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/cursor-rules-three-layers/</guid><description>User Rules / Project Rules / AGENTS.md 分家：个人偏好进本机，项目约定进仓库，跨工具说明书落 AGENTS.md。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;新开 Chat，模型不记得上次你吼过什么。项目背景、编码习惯、业务红线，不写进「规则层」，就只能每轮复读。Cursor 把这件事拆成三层，搞混了就会污染上下文。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;三层各管什么&lt;/h2&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;层&lt;/th&gt;&lt;th&gt;放哪&lt;/th&gt;&lt;th&gt;谁看得见&lt;/th&gt;&lt;th&gt;适合写什么&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;User Rules&lt;/td&gt;&lt;td&gt;Cursor 设置（本机/账号）&lt;/td&gt;&lt;td&gt;只有你&lt;/td&gt;&lt;td&gt;中文回复、别乱 commit、个人节奏&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Project Rules&lt;/td&gt;&lt;td&gt;&lt;code&gt;.cursor/rules/*.mdc&lt;/code&gt;&lt;/td&gt;&lt;td&gt;进 Git 的团队&lt;/td&gt;&lt;td&gt;技术栈、按文件类型的规范&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;AGENTS.md&lt;/td&gt;&lt;td&gt;仓库根或子目录&lt;/td&gt;&lt;td&gt;团队 + 多工具&lt;/td&gt;&lt;td&gt;项目说明书、跨 Cursor/CC/Codex 共用&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;核心分家：&lt;strong&gt;项目相关进仓库，个人偏好进 User Rules。&lt;/strong&gt; 把「本项目用 Vue 3」塞进 User Rules，换仓库也会跟着污染，还没法共享。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;&lt;code&gt;.mdc&lt;/code&gt; 的四种挂载方式&lt;/h2&gt;&lt;p&gt;单条建议压在 50 行内，一个主题一个文件。&lt;/p&gt;





























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;模式&lt;/th&gt;&lt;th&gt;怎么配&lt;/th&gt;&lt;th&gt;什么时候进上下文&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;Always&lt;/td&gt;&lt;td&gt;&lt;code&gt;alwaysApply: true&lt;/code&gt;&lt;/td&gt;&lt;td&gt;每次 Agent 对话&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Intelligent&lt;/td&gt;&lt;td&gt;有 &lt;code&gt;description&lt;/code&gt;，无 globs&lt;/td&gt;&lt;td&gt;Agent 自己判断相关再挂&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Globs&lt;/td&gt;&lt;td&gt;&lt;code&gt;globs: **/*.vue&lt;/code&gt;&lt;/td&gt;&lt;td&gt;改到/引用到匹配文件&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Manual&lt;/td&gt;&lt;td&gt;无 description、无 globs&lt;/td&gt;&lt;td&gt;聊天里 &lt;code&gt;@规则名&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;需要「只在改某类文件时生效」就上 globs；需要跨工具就别指望 &lt;code&gt;.mdc&lt;/code&gt;，那是 Cursor 专用。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;AGENTS.md 和 Memories 别混&lt;/h2&gt;&lt;p&gt;&lt;code&gt;AGENTS.md&lt;/code&gt; 是纯 Markdown，靠目录位置划范围：根目录≈全仓，&lt;code&gt;frontend/AGENTS.md&lt;/code&gt; 只在该子树工作。Cursor 会在 Agent 开聊时自动注入，不是等你 &lt;code&gt;@&lt;/code&gt; 再 Read。&lt;/p&gt;&lt;p&gt;Memories（「记住：本项目用 Vue」）可控性弱、难版本管理。项目背景和硬规范优先写 &lt;code&gt;.mdc&lt;/code&gt; / &lt;code&gt;AGENTS.md&lt;/code&gt;。&lt;/p&gt;&lt;p&gt;冲突时官方大致是：Team Rules → Project Rules / AGENTS.md → User Rules。个人全局挡不住项目约定。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;多数团队怎么组合&lt;/h2&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;project/&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;├── AGENTS.md                 # 跨工具：背景、怎么跑、架构&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;└── .cursor/rules/&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;├── vue-patterns.mdc      # Cursor：Vue 文件规范&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;└── api-conventions.mdc   # Cursor：API 约定&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;User Rules 只留「对我自己有用」的几条。规则越长越多时，拆 &lt;code&gt;.mdc&lt;/code&gt;；要给 Claude Code / Copilot 一起吃，优先把说明书落在 &lt;code&gt;AGENTS.md&lt;/code&gt;。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;选型就看这张表&lt;/h2&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;你想解决什么&lt;/th&gt;&lt;th&gt;用什么&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;个人沟通风格&lt;/td&gt;&lt;td&gt;User Rules&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;项目背景 + 按文件精细控制&lt;/td&gt;&lt;td&gt;&lt;code&gt;.cursor/rules/*.mdc&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;简单说明 + 跨工具&lt;/td&gt;&lt;td&gt;&lt;code&gt;AGENTS.md&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;都要&lt;/td&gt;&lt;td&gt;三者组合，别把项目背景塞进 User Rules&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;相关阅读&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;/posts/claude-md-agents-md-guide/&quot;&gt;CLAUDE.md 和 AGENTS.md：写给人的 README，不够&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;/posts/cursor-skills-install-paths/&quot;&gt;Cursor Skills：路径放错等于没装&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;blockquote&gt;&lt;p&gt;素材来源：&lt;a href=&quot;https://blog.csdn.net/2501_90900354/article/details/162235212&quot; target=&quot;_blank&quot;&gt;CSDN 原文&lt;/a&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;/section&gt;</content:encoded></item><item><title>Cursor Skills：路径放错等于没装</title><link>https://fork-firefly.vercel.app/posts/cursor-skills-install-paths/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/cursor-skills-install-paths/</guid><description>Skills 不是 Rules。项目 / 全局 / openskills 路径与命名硬规则；别塞进内置 skills-cursor 区。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;Skills 不是 Rules。Rules 管「项目约定」；Skills 管「某类任务怎么做」，由模型按上下文选用。核心仍是文件夹 + 全大写 &lt;code&gt;SKILL.md&lt;/code&gt;。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;该放哪&lt;/h2&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;路径&lt;/th&gt;&lt;th&gt;作用域&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;.cursor/skills/&lt;/code&gt;&lt;/td&gt;&lt;td&gt;项目（Cursor 标准）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;.claude/skills/&lt;/code&gt;&lt;/td&gt;&lt;td&gt;项目（Claude / openskills 默认）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;.agent/skills/&lt;/code&gt;&lt;/td&gt;&lt;td&gt;多代理（&lt;code&gt;openskills --universal&lt;/code&gt;）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;~/.cursor/skills/&lt;/code&gt;&lt;/td&gt;&lt;td&gt;全局 Cursor&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;~/.claude/skills/&lt;/code&gt;&lt;/td&gt;&lt;td&gt;全局 Claude&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;别塞进 &lt;code&gt;~/.cursor/skills-cursor/&lt;/code&gt;（内置区）。&lt;code&gt;.cursor&lt;/code&gt; 必须和 &lt;code&gt;package.json&lt;/code&gt; / &lt;code&gt;src&lt;/code&gt; 同级，别埋进 &lt;code&gt;src&lt;/code&gt;。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;命名硬规则&lt;/h2&gt;&lt;ol&gt;
&lt;li&gt;文件夹 kebab-case，且与 YAML &lt;code&gt;name&lt;/code&gt; 一致&lt;/li&gt;
&lt;li&gt;文件名必须是 &lt;code&gt;SKILL.md&lt;/code&gt;（全大写）&lt;/li&gt;
&lt;li&gt;&lt;code&gt;description&lt;/code&gt; 写「做什么 + 何时用」，带对话里会提到的关键词&lt;/li&gt;
&lt;/ol&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;三种装法&lt;/h2&gt;&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;openskills（推荐批量）&lt;/strong&gt;&lt;br /&gt;
&lt;code&gt;npm i -g openskills&lt;/code&gt; → &lt;code&gt;openskills install anthropics/skills&lt;/code&gt; → &lt;code&gt;openskills sync&lt;/code&gt;&lt;br /&gt;
&lt;code&gt;--global&lt;/code&gt; → &lt;code&gt;~/.claude/skills/&lt;/code&gt;；&lt;code&gt;--universal&lt;/code&gt; → &lt;code&gt;.agent/skills/&lt;/code&gt;；&lt;code&gt;-y&lt;/code&gt; 跳过确认。&lt;br /&gt;
国内拉 GitHub 常要代理，或手动下载后 &lt;code&gt;openskills install ./本地路径&lt;/code&gt;。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;GitHub 直接拷目录&lt;/strong&gt;到上述 skills 路径。&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;&lt;code&gt;openskills&lt;/code&gt; 可能生成根目录 &lt;code&gt;AGENTS.md&lt;/code&gt; 索引——方便模型扫可用能力，不是必须手写。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;和 Claude 路径怎么共用&lt;/h2&gt;&lt;p&gt;同一份 &lt;code&gt;SKILL.md&lt;/code&gt; 标准写法可跨 Cursor / Claude；装到哪取决于你用哪个 host。团队仓库优先项目级 &lt;code&gt;.cursor/skills/&lt;/code&gt;（或 junction 到 &lt;code&gt;.claude/skills/&lt;/code&gt;，看本仓治理约定）。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;相关阅读&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;/posts/skill-plugin-config-guide/&quot;&gt;Skill 装不上，多半是目录或多套了一层&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;/posts/cursor-rules-three-layers/&quot;&gt;Cursor 规则别瞎塞：三层各管各的&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;blockquote&gt;&lt;p&gt;素材来源：&lt;a href=&quot;https://blog.csdn.net/qq_20236937/article/details/158284199&quot; target=&quot;_blank&quot;&gt;CSDN 原文&lt;/a&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;/section&gt;</content:encoded></item><item><title>全栈别让 AI 凭空造：先拴住，再并行</title><link>https://fork-firefly.vercel.app/posts/harness-sdd-fullstack-parallel/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/harness-sdd-fullstack-parallel/</guid><description>用参照实现当 Harness，前后端各一份 SDD 对齐契约，再双 Agent 并行；联调分 Mock / 编译 / 端到端。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;最大坑不是 AI「不会写」，是它从零发挥出一堆风格不合、字段对不上的「外星代码」。Harness 在这里的意思很土：给一个已有实现当参照，让它复刻，别自由发挥。&lt;/p&gt;
&lt;p&gt;坏提示：「实现结束语 CRUD」。&lt;br /&gt;
好提示：「参照场景欢迎语（后端 &lt;code&gt;/api/v1/feature/list&lt;/code&gt;，前端 &lt;code&gt;FeatureTable/index.tsx&lt;/code&gt; 第 53～58 行），数据结构、分层、命名保持一致；新 scene code = &lt;code&gt;SCENARIO_CLOSING&lt;/code&gt;」。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;先把前后端放进同一工作区&lt;/h2&gt;&lt;p&gt;仓拆开开时，生成后端看不到前端调用，生成前端猜不到返回结构。同一 Cursor Workspace 有三件事值钱：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;Codebase Indexing 覆盖两侧，语义检索能串整条链路&lt;/li&gt;
&lt;li&gt;字段名、命名风格自然对齐&lt;/li&gt;
&lt;li&gt;前后端 SDD 文档放一起，接口契约好对表&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;索引没跑完就别急着让它写大块代码。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;SDD：两份文档，契约对齐&lt;/h2&gt;&lt;p&gt;全栈不是一份 SDD 打天下。前端一份、后端一份；前端调用 vs 后端定义、VO 字段 vs JSON 字段必须一一对应。&lt;/p&gt;&lt;p&gt;常见产出：&lt;/p&gt;



















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;侧&lt;/th&gt;&lt;th&gt;文件&lt;/th&gt;&lt;th&gt;干什么&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;前端&lt;/td&gt;&lt;td&gt;proposal / spec / tasks&lt;/td&gt;&lt;td&gt;做什么、组件与接口、可执行任务&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;后端&lt;/td&gt;&lt;td&gt;proposal / spec / design / tasks&lt;/td&gt;&lt;td&gt;接口与库表、类图字段映射、任务拆分&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;生成 SDD 前，把设计歧义写成清单逼它先答：主键传什么、优先级谁自增、批量排序接口怎么设计、嵌套对象拆表还是 JSON、&lt;code&gt;isNextDay&lt;/code&gt; 怎么映射。前端给足 UI 细节，后端先把模糊点钉死。&lt;/p&gt;&lt;p&gt;OpenSpec 类流程再长，日常可压成三步：&lt;strong&gt;propose → apply → archive&lt;/strong&gt;。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;多 Agent：文档齐了再并行&lt;/h2&gt;&lt;p&gt;前后端 SDD 落地后，两侧实现天然可并行：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;Cursor：两个 Tab，前/后端各一个 Agent&lt;/li&gt;
&lt;li&gt;Claude Code：Subagent 分读各侧 &lt;code&gt;tasks.md&lt;/code&gt;；Mock 可用更轻模型&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;Subagent 配置里把 tools / model / skills / permissionMode 绑死角色，别让审查员拿删除权限。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;联调别一上来就端到端&lt;/h2&gt;&lt;p&gt;三阶段更省命：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;前端 + Mock：字段类型对齐后端 SDD，覆盖空列表/极值&lt;/li&gt;
&lt;li&gt;后端独立：&lt;code&gt;mvn clean compile&lt;/code&gt;（或等价）过编译再部署&lt;/li&gt;
&lt;li&gt;再连测试环境做端到端&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;Mock 要抄真实返回模板，别随手编字段。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;SDD 不是测试终点&lt;/h2&gt;&lt;p&gt;AI 会从参照实现「偷」隐性行为：关弹窗清表单、永久有效清日期、优先级自增……文档没写，代码里已经有。测试侧要把 SDD 当起点，专门问一句：参照功能有哪些隐性行为，新功能要不要？&lt;/p&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;相关阅读&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;/posts/plan-spec-sdd-roles/&quot;&gt;Spec 定边界，PLAN 定路线，别混成一锅&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;/posts/harness-three-layer-architecture/&quot;&gt;「模型以外都是 Harness」：拆开才好装&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;blockquote&gt;&lt;p&gt;素材来源：&lt;a href=&quot;https://blog.csdn.net/weixin_39787242/article/details/160990076&quot; target=&quot;_blank&quot;&gt;CSDN 原文&lt;/a&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;/section&gt;</content:encoded></item><item><title>「模型以外都是 Harness」：拆开才好装</title><link>https://fork-firefly.vercel.app/posts/harness-three-layer-architecture/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/harness-three-layer-architecture/</guid><description>执行 / 上下文 / 治理三层拆开：工具与沙箱、Memory 与压缩、分工与权限；Native 比手把手 Prompt Flow 更耐模型变强。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;来新璐一句很狠：&lt;strong&gt;模型以外，都是 Harness。&lt;/strong&gt; 模型是大脑；Harness 是身体、手脚和工具。没有它，模型只能聊天，不能改仓库。能力上限一半看模型智商，一半看机甲合不合身。&lt;/p&gt;
&lt;p&gt;这和「Prompt → Context → Harness → Loop」那条迁移线不打架：那边讲瓶颈外移，这边讲 Harness 内部怎么分层。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;三层：执行 / 上下文 / 治理&lt;/h2&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;层&lt;/th&gt;&lt;th&gt;解决什么&lt;/th&gt;&lt;th&gt;例子&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;执行（Action）&lt;/td&gt;&lt;td&gt;能动手&lt;/td&gt;&lt;td&gt;读写文件、跑命令、代码解释器&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;上下文（Context）&lt;/td&gt;&lt;td&gt;记得住、接得上&lt;/td&gt;&lt;td&gt;KV Cache、Memory、窗口满时文档交接&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;治理（Orchestration）&lt;/td&gt;&lt;td&gt;多人别打架&lt;/td&gt;&lt;td&gt;任务分配、并行边界、权限谁能改代码&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;审查 Agent 只给只读工具；写码和测试 Agent 的权限要分开。两周搓浏览器那种活，靠的是：执行层给工具、上下文层用文档交接子任务、治理层拆写测角色。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;Memory：半规则式是当下甜点&lt;/h2&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;路线&lt;/th&gt;&lt;th&gt;做法&lt;/th&gt;&lt;th&gt;观感&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;全规则&lt;/td&gt;&lt;td&gt;知识图谱 + 向量&lt;/td&gt;&lt;td&gt;结构硬，不够活&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;半规则&lt;/td&gt;&lt;td&gt;文件系统 + Markdown，Agent 增量改&lt;/td&gt;&lt;td&gt;Claude Code 路线：结构与灵活折中&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;全模型&lt;/td&gt;&lt;td&gt;模型自己决定存取&lt;/td&gt;&lt;td&gt;方向对，还没收敛&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;CC 侧两个机制值得记：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;Stop Hook：干完一轮，影子 Agent 决定写进哪些 Markdown&lt;/li&gt;
&lt;li&gt;Auto-Dream：定期深整理，合并重复、纠错，类似「做梦整理记忆」&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;Skill 的经验提取和 Memory 更新哲学很近，别死磕名词边界，都算上下文工程。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;上下文压缩不是「能删就删」&lt;/h2&gt;&lt;p&gt;源码视角常见三招：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;踢掉垃圾工具输出&lt;/li&gt;
&lt;li&gt;窗口只用到约 80%，留 20% 余量&lt;/li&gt;
&lt;li&gt;进展与目标写进文档，交给下一任 Agent&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;哪些留、哪些丢、下一棒要读什么，才是难点。好的管理常常是「少做多余管理」：别随意裁历史以至于弄坏 prompt caching。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;Native vs Prompt Flow&lt;/h2&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;&lt;/th&gt;&lt;th&gt;Prompt Flow&lt;/th&gt;&lt;th&gt;Agent Native&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;做法&lt;/td&gt;&lt;td&gt;状态图 / 节点链卡死每一步&lt;/td&gt;&lt;td&gt;给工具 + 上下文 + 权限，让模型自己走&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;代表气质&lt;/td&gt;&lt;td&gt;LangGraph 一类编排&lt;/td&gt;&lt;td&gt;Claude Code 一类&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;风险&lt;/td&gt;&lt;td&gt;模型变强后编排反成枷锁&lt;/td&gt;&lt;td&gt;更吃 Harness 与验收纪律&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;判断 Harness 好不好，看两件事：和当前自回归推理是否自洽；会不会挡住模型以后变强。每一步手把手指定「下一步干什么」，短期可控，长期往往是累赘。&lt;/p&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;相关阅读&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;/posts/harness-sdd-fullstack-parallel/&quot;&gt;全栈别让 AI 凭空造：先拴住，再并行&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;/posts/plan-spec-sdd-roles/&quot;&gt;Spec 定边界，PLAN 定路线，别混成一锅&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;blockquote&gt;&lt;p&gt;素材来源：&lt;a href=&quot;https://blog.csdn.net/2601_96073073/article/details/161287360&quot; target=&quot;_blank&quot;&gt;CSDN 原文&lt;/a&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;/section&gt;</content:encoded></item><item><title>MCP、Skills、Plugin 不是三选一</title><link>https://fork-firefly.vercel.app/posts/mcp-skills-plugin-boundaries/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/mcp-skills-plugin-boundaries/</guid><description>MCP 管触及、Skill 管用得像样、Plugin 管打包分发；选型按需叠层，别硬二选一。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;很多人把 MCP、Skills、Plugin 当成并列扩展手段，选型时硬选一个。其实它们叠了三层：MCP 管「能否触及」，Skill 管「用得是否像样」，Plugin 只管「怎么打包给人装」。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;谁解决什么&lt;/h2&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;层&lt;/th&gt;&lt;th&gt;解决啥&lt;/th&gt;&lt;th&gt;类比&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;MCP&lt;/td&gt;&lt;td&gt;连外部工具/数据&lt;/td&gt;&lt;td&gt;USB-C&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Skills&lt;/td&gt;&lt;td&gt;流程手册，按需加载&lt;/td&gt;&lt;td&gt;操作说明书&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Plugin&lt;/td&gt;&lt;td&gt;打包分发&lt;/td&gt;&lt;td&gt;应用商店安装包&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;Plugin 是容器，里面可以塞 Skills、&lt;code&gt;.mcp.json&lt;/code&gt;、commands、hooks；Skill 读手册；MCP 开通道。缺一层事就做不全，但单干一个 Skill 时没必要硬套插件壳。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;MCP：连接层&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;传输：&lt;strong&gt;stdio&lt;/strong&gt;（本地）+ &lt;strong&gt;Streamable HTTP&lt;/strong&gt;（远程）。独立 SSE 已废弃，新接入别再写 &lt;code&gt;sse&lt;/code&gt;。&lt;/li&gt;
&lt;li&gt;配置：&lt;code&gt;claude mcp add&lt;/code&gt; 或手写 &lt;code&gt;.mcp.json&lt;/code&gt;。&lt;/li&gt;
&lt;li&gt;作用域：&lt;code&gt;local&lt;/code&gt; / &lt;code&gt;project&lt;/code&gt; / &lt;code&gt;user&lt;/code&gt;。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;MCP 只负责接通；怎么用好那条连接，是 Skill 的事。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;Skills：能力层&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;一个文件夹 + &lt;code&gt;SKILL.md&lt;/code&gt;（YAML + 正文）。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;&lt;code&gt;description&lt;/code&gt; 决定会不会被自动唤起&lt;/strong&gt;：写糊了等于白装。&lt;/li&gt;
&lt;li&gt;slash command 已并入 Skills：&lt;code&gt;.claude/commands/deploy.md&lt;/code&gt; 与 &lt;code&gt;.claude/skills/deploy/SKILL.md&lt;/code&gt; 都会注册 &lt;code&gt;/deploy&lt;/code&gt;。&lt;/li&gt;
&lt;li&gt;可手动 &lt;code&gt;/skill-name&lt;/code&gt;；只想手触、别自动：&lt;code&gt;disable-model-invocation: true&lt;/code&gt;。&lt;/li&gt;
&lt;li&gt;路径：&lt;code&gt;~/.claude/skills/&lt;/code&gt; · &lt;code&gt;.claude/skills/&lt;/code&gt; · 插件内 &lt;code&gt;skills/&lt;/code&gt;。&lt;/li&gt;
&lt;li&gt;渐进披露：元数据常驻，正文与脚本用到才加载。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;Skill ≠ 子代理：子代理另起上下文；Skill 是塞给当前 agent 的说明书。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;Plugin：分发层&lt;/h2&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;my-plugin/&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;├── .claude-plugin/&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;│   └── plugin.json    # 只有清单在这里&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;├── commands/&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;├── skills/&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;├── agents/&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;├── hooks/&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;8&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;└── .mcp.json&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;何时上 Plugin：已经攒了一组 Skill + MCP，要给团队一键装。单个 Skill 或一条 MCP，直接放就行。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;选型怎么判&lt;/h2&gt;&lt;ol&gt;
&lt;li&gt;要摸外部系统 → MCP&lt;/li&gt;
&lt;li&gt;要固定流程、恰当时机自己上 → Skill&lt;/li&gt;
&lt;li&gt;只要手动快捷 → Skill（命令式轻量写法）&lt;/li&gt;
&lt;li&gt;要整包交付 → Plugin&lt;/li&gt;
&lt;li&gt;要独立上下文/工具集 → 子代理，别拿 Skill 硬顶&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;常见误会：Skills 与 MCP 二选一（其实常并用）；Skill 只能自动触发；slash 与 Skill 两套机制；还在用已废弃 SSE；插件目录放错。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;相关阅读&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;/posts/skill-plugin-config-guide/&quot;&gt;Skill 装不上，多半是目录或多套了一层&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;/posts/claude-code-must-have-mcp/&quot;&gt;Claude Code 必装 MCP：先三件，再慢慢加&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;blockquote&gt;&lt;p&gt;素材来源：&lt;a href=&quot;https://blog.csdn.net/qq_44202160/article/details/161696233&quot; target=&quot;_blank&quot;&gt;CSDN 原文&lt;/a&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;/section&gt;</content:encoded></item><item><title>不装插件也能有 statusLine：一段 Python 顶一行 HUD</title><link>https://fork-firefly.vercel.app/posts/native-statusline-script/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/native-statusline-script/</guid><description>原生 statusLine.command + 自写脚本：模型、分支、上下文条与 Token；适合只要油表、不要 transcript 的场景。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;会话拖久了模型开始忘事，你需要一眼知道该不该 &lt;code&gt;/compact&lt;/code&gt;。不想装 Claude HUD / ccstatusline 时，原生 &lt;code&gt;statusLine.type: &quot;command&quot;&lt;/code&gt; + 自己的脚本就够用。&lt;/p&gt;
&lt;p&gt;效果长这样：&lt;/p&gt;
&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;deepseek-v4-pro[1m] | enterprise_entry_ana (master) | █░░░░░░░░░ 19% | ↑1155.2k ↓76.6k tokens&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;
&lt;p&gt;模型名 · 目录 · Git 分支 · 上下文条 · 输入/输出 Token。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;核心就一段 settings&lt;/h2&gt;&lt;p&gt;路径：&lt;code&gt;~/.claude/settings.json&lt;/code&gt;。&lt;code&gt;statusLine.command&lt;/code&gt; 里塞一段 &lt;code&gt;python3 -c &quot;...&quot;&lt;/code&gt;，从 stdin 读 JSON，stdout 打一行。&lt;/p&gt;&lt;p&gt;字段常用这些：&lt;/p&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;JSON 路径&lt;/th&gt;&lt;th&gt;用途&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;model.display_name&lt;/code&gt;&lt;/td&gt;&lt;td&gt;当前模型&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;cwd&lt;/code&gt;&lt;/td&gt;&lt;td&gt;工作目录（取 basename）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;context_window.used_percentage&lt;/code&gt;&lt;/td&gt;&lt;td&gt;进度条&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;context_window.total_input_tokens&lt;/code&gt; / &lt;code&gt;total_output_tokens&lt;/code&gt;&lt;/td&gt;&lt;td&gt;Token 计数&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;git（自己 &lt;code&gt;subprocess&lt;/code&gt;）&lt;/td&gt;&lt;td&gt;当前分支&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;怎么配好看一点&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;进度条宽度 10 格就够，别整 40 格挤爆窄终端&lt;/li&gt;
&lt;li&gt;Token 用 &lt;code&gt;1.2k&lt;/code&gt; 这种缩写，别裸奔六位数&lt;/li&gt;
&lt;li&gt;分支查不到就空着，别让脚本抛异常把整条 statusLine 搞没&lt;/li&gt;
&lt;li&gt;&lt;code&gt;git -C cwd&lt;/code&gt; 加 &lt;code&gt;timeout=2&lt;/code&gt;，大仓库别卡刷新（官方大约 300ms 一轮）&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;也可用官方 &lt;code&gt;/statusline&lt;/code&gt; 自然语言生成脚本，再按上面字段改。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;坑&lt;/h2&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;坑&lt;/th&gt;&lt;th&gt;说明&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;Windows 上 &lt;code&gt;python3&lt;/code&gt; 找不到&lt;/td&gt;&lt;td&gt;改成 &lt;code&gt;py -3&lt;/code&gt; 或绝对路径&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;JSON 字段为 null&lt;/td&gt;&lt;td&gt;首次发消息前用量常是 0 / 空，先发一轮再看&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;内联 &lt;code&gt;-c&lt;/code&gt; 转义地狱&lt;/td&gt;&lt;td&gt;维护时用外部 &lt;code&gt;.py&lt;/code&gt;，&lt;code&gt;command&lt;/code&gt; 只写 &lt;code&gt;python path/to/statusline.py&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;env 里写真 Key&lt;/td&gt;&lt;td&gt;入库前打码；分享配置前换成占位符&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;和 HUD / ccstatusline 冲突&lt;/td&gt;&lt;td&gt;&lt;code&gt;statusLine&lt;/code&gt; 只能挂一个 command&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;手写脚本的上限很清楚：拿不到 transcript 里的工具 / Agent 活动。要那些，换 HUD；要 Powerline 组件库，换 ccstatusline。这段 Python 适合「只要油表和模型名」。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;相关阅读&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;/posts/claude-hud-statusbar/&quot;&gt;Claude HUD 装上以后，才知道自己以前多瞎&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;/posts/ccstatusline-custom/&quot;&gt;ccstatusline：不想解析 JSON 时，用 TUI 拼状态栏&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;blockquote&gt;&lt;p&gt;素材来源：&lt;a href=&quot;https://blog.csdn.net/qq_35167821/article/details/161290328&quot; target=&quot;_blank&quot;&gt;CSDN 原文&lt;/a&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;/section&gt;</content:encoded></item><item><title>Cursor 外面那层壳：Oh My Posh 提示符 + 编辑器主题别混层</title><link>https://fork-firefly.vercel.app/posts/oh-my-posh-cursor-skin/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/oh-my-posh-cursor-skin/</guid><description>Shell 提示符、编辑器主题、Vibrancy 毛玻璃是三层；Windows 上 Oh My Posh + Nerd Font 装法与常见翻车对照。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;AI 编程工具的「好看」其实分两层：一层是 &lt;strong&gt;Shell 提示符&lt;/strong&gt;（Oh My Posh / Starship），一层是 &lt;strong&gt;编辑器 / Claude Code 本体 UI&lt;/strong&gt;。CSDN 上大量教程只讲其中一层，叠皮时最容易改 A 期望 B 生效。&lt;/p&gt;
&lt;p&gt;这篇把 Windows 上最稳的 Oh My Posh 装法钉死，再补 Cursor 主题入口和液态玻璃那条坑路。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;层 0：Oh My Posh（终端提示符）&lt;/h2&gt;&lt;p&gt;环境参考：Win11 + Windows Terminal + PowerShell 7。&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;装 Oh My Posh（管理员终端）：&lt;/li&gt;
&lt;/ol&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;Terminal window&lt;/span&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;Set-ExecutionPolicy&lt;/span&gt;&lt;span&gt;&lt;span&gt; Bypass &lt;/span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt;Scope &lt;/span&gt;&lt;/span&gt;&lt;span&gt;Process&lt;/span&gt;&lt;span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt;Force&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;Invoke-Expression&lt;/span&gt;&lt;span&gt; ((&lt;/span&gt;&lt;span&gt;New-Object&lt;/span&gt;&lt;span&gt; System.Net.WebClient).DownloadString(&lt;/span&gt;&lt;span&gt;&apos;https://ohmyposh.dev/install.ps1&apos;&lt;/span&gt;&lt;span&gt;))&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;或 &lt;code&gt;winget install JanDeDobbeleer.OhMyPosh&lt;/code&gt;。&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;装 &lt;strong&gt;Nerd Font&lt;/strong&gt;（Cousine / Meslo / JetBrainsMono 任一）。没字体就方框乱码，这是第一大坑。&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;Windows Terminal &lt;code&gt;settings.json&lt;/code&gt; → &lt;code&gt;profiles.defaults&lt;/code&gt;：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&quot;font&quot;&lt;/span&gt;&lt;span&gt;: { &lt;/span&gt;&lt;span&gt;&quot;face&quot;&lt;/span&gt;&lt;span&gt;: &lt;/span&gt;&lt;span&gt;&quot;Cousine Nerd Font&quot;&lt;/span&gt;&lt;span&gt; }&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;ol&gt;
&lt;li&gt;PowerShell profile：&lt;/li&gt;
&lt;/ol&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;Terminal window&lt;/span&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;Set-ExecutionPolicy&lt;/span&gt;&lt;span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt;ExecutionPolicy RemoteSigned &lt;/span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt;Scope LocalMachine&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;# 若无 profile：New-Item -Path $PROFILE -Type File -Force&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;oh&lt;/span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt;my&lt;/span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt;posh init pwsh &lt;/span&gt;&lt;span&gt;--&lt;/span&gt;&lt;span&gt;config &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&quot;&lt;/span&gt;&lt;span&gt;$&lt;/span&gt;&lt;/span&gt;&lt;span&gt;env:POSH_THEMES_PATH&lt;/span&gt;&lt;span&gt;/markbull.omp.json&quot;&lt;/span&gt;&lt;span&gt; | &lt;/span&gt;&lt;span&gt;Invoke-Expression&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;坑&lt;/th&gt;&lt;th&gt;解法&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;还在用 oh-my-posh2 的 &lt;code&gt;Install-Module&lt;/code&gt; / &lt;code&gt;Set-Theme&lt;/code&gt;&lt;/td&gt;&lt;td&gt;卸旧模块，改走 winget / 官方 install.ps1&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Cascadia 字体方框&lt;/td&gt;&lt;td&gt;换任意 Nerd Font&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Cursor / VS Code 集成终端图标歪&lt;/td&gt;&lt;td&gt;&lt;code&gt;terminal.integrated.fontFamily&lt;/code&gt; 写成同一款 Nerd Font&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;PS5 自带广告横幅烦&lt;/td&gt;&lt;td&gt;升到 PowerShell 7，Terminal 默认启动改成 pwsh&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;Starship 是跨平台轻量替代；主题包数量 Oh My Posh 更多。和 Claude Code 的 statusLine &lt;strong&gt;不是同一个东西&lt;/strong&gt;：Posh 管 Shell 提示符，statusLine 管 Claude 输入框下方那条。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;层 1：Cursor 主题怎么进菜单&lt;/h2&gt;&lt;p&gt;Cursor 基于 VS Code，左侧菜单常藏着。改主题：&lt;/p&gt;&lt;p&gt;&lt;strong&gt;文件 → 首选项 → 主题 → 颜色主题&lt;/strong&gt;（或先右键顶栏勾上菜单栏）。&lt;/p&gt;&lt;p&gt;别指望搜「Cursor 专用主题市场」才有货，大部分 VS Code 主题能直接用。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;层 2：液态玻璃 / Vibrancy（好看但脆）&lt;/h2&gt;&lt;p&gt;CSDN 文介绍 &lt;code&gt;illixion.vscode-vibrancy-continued&lt;/code&gt;（旧 EYHN vibrancy 续命版）：给 Electron 窗口打系统毛玻璃补丁，再靠 &lt;code&gt;workbench.colorCustomizations&lt;/code&gt; 把背景改成半透明 hex（如 &lt;code&gt;#0a0a0a80&lt;/code&gt;）。&lt;/p&gt;&lt;p&gt;预期内的「惊吓」：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;弹出 &lt;em&gt;installation appears to be corrupt&lt;/em&gt; → 补丁改了完整性校验，一般可忽略（原项目 README 也写了）&lt;/li&gt;
&lt;li&gt;Cursor 大版本升级后补丁失效 → 重装扩展 / 重开 Vibrancy&lt;/li&gt;
&lt;li&gt;对比度崩 → 只开透明不够，必须同步抬前景色饱和度&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;原文后半付费墙，完整 &lt;code&gt;settings.json&lt;/code&gt; 色板没能无损抓到。落地时以 GitHub 主题仓 + Vibrancy 文档为准，这里只锁「原理 + 风险」。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;层 3：settings 里真正管「好看」的键&lt;/h2&gt;&lt;p&gt;来自 Cursor 个性化教程的可用骨架（键名按 VS Code 习惯写；原文里部分 &lt;code&gt;cursor.*&lt;/code&gt; 伪键不可照抄）：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;{&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;&quot;workbench.colorTheme&quot;&lt;/span&gt;&lt;span&gt;: &lt;/span&gt;&lt;span&gt;&quot;Default Dark Modern&quot;&lt;/span&gt;&lt;span&gt;,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;&quot;editor.fontFamily&quot;&lt;/span&gt;&lt;span&gt;: &lt;/span&gt;&lt;span&gt;&quot;JetBrains Mono&quot;&lt;/span&gt;&lt;span&gt;,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;&quot;editor.fontSize&quot;&lt;/span&gt;&lt;span&gt;: &lt;/span&gt;&lt;span&gt;14&lt;/span&gt;&lt;span&gt;,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;&quot;editor.lineHeight&quot;&lt;/span&gt;&lt;span&gt;: &lt;/span&gt;&lt;span&gt;1.5&lt;/span&gt;&lt;span&gt;,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;&quot;editor.bracketPairColorization.enabled&quot;&lt;/span&gt;&lt;span&gt;: &lt;/span&gt;&lt;span&gt;true&lt;/span&gt;&lt;span&gt;,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;&quot;editor.minimap.enabled&quot;&lt;/span&gt;&lt;span&gt;: &lt;/span&gt;&lt;span&gt;true&lt;/span&gt;&lt;span&gt;,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;8&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;&quot;terminal.integrated.fontFamily&quot;&lt;/span&gt;&lt;span&gt;: &lt;/span&gt;&lt;span&gt;&quot;MesloLGS NF&quot;&lt;/span&gt;&lt;span&gt;,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;9&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;&quot;terminal.integrated.fontSize&quot;&lt;/span&gt;&lt;span&gt;: &lt;/span&gt;&lt;span&gt;13&lt;/span&gt;&lt;span&gt;,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;10&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;&quot;terminal.integrated.cursorBlinking&quot;&lt;/span&gt;&lt;span&gt;: &lt;/span&gt;&lt;span&gt;true&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;11&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;叠皮顺序（别反着改）&lt;/h2&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;Windows Terminal 字体/亚克力&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;→ Oh My Posh / Starship（Shell 提示符）&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;→ Cursor 颜色主题 + editor/terminal 字体&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;      &lt;/span&gt;&lt;/span&gt;&lt;span&gt;→（可选）Vibrancy 毛玻璃&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;        &lt;/span&gt;&lt;/span&gt;&lt;span&gt;→ Claude Code 另算：theme / statusLine / tweakcc&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;Claude Code 的 HUD / ccstatusline 挂在 CC 自己的 &lt;code&gt;settings.json&lt;/code&gt;，不会吃 Oh My Posh 的主题文件。两边可以长得像一套，但是两份配置。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;相关阅读&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;/posts/claude-hud-statusbar/&quot;&gt;Claude HUD 装上以后，才知道自己以前多瞎&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;/posts/native-statusline-script/&quot;&gt;不装插件也能有 statusLine：一段 Python 顶一行 HUD&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;blockquote&gt;&lt;p&gt;素材来源：&lt;a href=&quot;https://blog.csdn.net/satangele/article/details/135785794&quot; target=&quot;_blank&quot;&gt;CSDN 原文&lt;/a&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;/section&gt;</content:encoded></item><item><title>Spec 定边界，PLAN 定路线，别混成一锅</title><link>https://fork-firefly.vercel.app/posts/plan-spec-sdd-roles/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/plan-spec-sdd-roles/</guid><description>Spec / PLAN / SDD / SubAgent / agentTeams 各管一块；三大范式先对齐语感，再谈工具名。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;工具名会变，但这几个词别搅在一起：&lt;/p&gt;



































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;词&lt;/th&gt;&lt;th&gt;定什么&lt;/th&gt;&lt;th&gt;不定什么&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;Spec&lt;/td&gt;&lt;td&gt;做什么、不能做什么、做到什么算过&lt;/td&gt;&lt;td&gt;不讲步骤、不动手&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;PLAN&lt;/td&gt;&lt;td&gt;怎么干、几步、谁干、依赖与并行&lt;/td&gt;&lt;td&gt;不重新发明需求&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;SDD&lt;/td&gt;&lt;td&gt;把需求压成结构化输入，降歧义&lt;/td&gt;&lt;td&gt;不是测试用例全集&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;SubAgent&lt;/td&gt;&lt;td&gt;临时、隔离上下文的专项工&lt;/td&gt;&lt;td&gt;不是长期固定编制&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;agentTeams&lt;/td&gt;&lt;td&gt;固定角色团队、可共享进度&lt;/td&gt;&lt;td&gt;比 SubAgent 更重&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
&lt;p&gt;三大范式也可以先对齐语感：Vibe 是你握方向盘、AI 踩油门；Agentic 是你雇司机；Harness 是你建交通系统，让司机们在里面协作。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;Spec 六块别漏&lt;/h2&gt;&lt;p&gt;原文给的模板够用：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;需求背景（为什么要做）&lt;/li&gt;
&lt;li&gt;核心能力（必须实现）&lt;/li&gt;
&lt;li&gt;输入输出约束&lt;/li&gt;
&lt;li&gt;业务规则与边界&lt;/li&gt;
&lt;li&gt;异常与报错&lt;/li&gt;
&lt;li&gt;可量化验收标准&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;没有第 6 条，Agent 就会「感觉写完了」。PLAN 则要对齐 Spec：总目标、原子任务、依赖、代理指派、分步验证点。复杂任务先 PLAN 再动手，比直接开写省返工。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;协作怎么加码&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;SubAgent：&lt;code&gt;.cursor/agents/&lt;/code&gt; 或工具内置子代理；描述里写 &lt;code&gt;Use proactively&lt;/code&gt; 可主动召；适合审查/测试/调研这类忌「自己审自己」的活&lt;/li&gt;
&lt;li&gt;agentTeams：固定架构师 / 前后端 / 测试 / 安全一类角色，适合更大工程&lt;/li&gt;
&lt;li&gt;Claude Code 气质：渐进式披露，入口 + 搜索工具，别一次塞满仓库；Codex 气质更偏插件补全与全量上下文（原文对比，作选型参考）&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;日常避坑&lt;/h2&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;坑&lt;/th&gt;&lt;th&gt;对策&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;信息过载&lt;/td&gt;&lt;td&gt;渐进披露，只给入口&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;跳过 PLAN&lt;/td&gt;&lt;td&gt;复杂任务先拆再写&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;上下文发臭&lt;/td&gt;&lt;td&gt;&lt;code&gt;/clear&lt;/code&gt; 一类清理，别无限续聊&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;权限过大&lt;/td&gt;&lt;td&gt;沙箱 + 按角色收工具&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Skills 当系统提示词堆&lt;/td&gt;&lt;td&gt;用 Skills 扩能力，别把系统提示词越写越长&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;相关阅读&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;/posts/harness-sdd-fullstack-parallel/&quot;&gt;全栈别让 AI 凭空造：先拴住，再并行&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;/posts/harness-three-layer-architecture/&quot;&gt;「模型以外都是 Harness」：拆开才好装&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;blockquote&gt;&lt;p&gt;素材来源：&lt;a href=&quot;https://gisjing.blog.csdn.net/article/details/159695252&quot; target=&quot;_blank&quot;&gt;CSDN 原文&lt;/a&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;/section&gt;</content:encoded></item><item><title>Skill 装不上，多半是目录或多套了一层</title><link>https://fork-firefly.vercel.app/posts/skill-plugin-config-guide/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/skill-plugin-config-guide/</guid><description>Skill 与 Plugin 分工、三条安装路、frontmatter 字段与 marketplace 坑；装完没反应先查路径大小写。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;Skill 是「结构化提示词 + 可选脚本/参考」；Plugin 是一包能力（可含多个 Skill、commands、&lt;code&gt;.mcp.json&lt;/code&gt;、hooks）。装单个能力拷目录；装整套工作流再走 &lt;code&gt;/plugin&lt;/code&gt;。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;路径&lt;/h2&gt;



















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;级别&lt;/th&gt;&lt;th&gt;Claude Code&lt;/th&gt;&lt;th&gt;Codex（常见）&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;项目&lt;/td&gt;&lt;td&gt;&lt;code&gt;.claude/skills/&lt;/code&gt;&lt;/td&gt;&lt;td&gt;视客户端文档&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;用户&lt;/td&gt;&lt;td&gt;&lt;code&gt;~/.claude/skills/&lt;/code&gt;&lt;/td&gt;&lt;td&gt;&lt;code&gt;~/.codex/skills/&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;坑：&lt;code&gt;~/.claude/skills/md-polish/md-polish/SKILL.md&lt;/code&gt; 多套一层 → 发现不了。正确是 &lt;code&gt;.../md-polish/SKILL.md&lt;/code&gt;。&lt;/p&gt;&lt;p&gt;同 Skill 兼 Claude / Codex 时，触发方式要分开写清（&lt;code&gt;/&lt;/code&gt; vs &lt;code&gt;$SkillName&lt;/code&gt; 等）。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;安装三条路&lt;/h2&gt;&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;手动拷&lt;/strong&gt;完整 Skill 目录（最稳）&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;skills.sh / skillsmp&lt;/strong&gt;：如 &lt;code&gt;npx skills add https://github.com/anthropics/skills --skill frontend-design&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Plugin marketplace&lt;/strong&gt;（整包）&lt;/li&gt;
&lt;/ol&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;/plugin marketplace add anthropic-agent-skills&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;/plugin install document-skills@anthropic-agent-skills&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;/plugin search frontend anthropic-agent-skills&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;/plugin uninstall document-skills&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;&lt;code&gt;SKILL.md&lt;/code&gt; 字段（常用）&lt;/h2&gt;




































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;字段&lt;/th&gt;&lt;th&gt;作用&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;name&lt;/td&gt;&lt;td&gt;技能名（与目录一致）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;description&lt;/td&gt;&lt;td&gt;触发条件（最重要）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;disable-model-invocation&lt;/td&gt;&lt;td&gt;&lt;code&gt;true&lt;/code&gt; = 禁自动，只手触&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;user-invocable&lt;/td&gt;&lt;td&gt;是否允许 &lt;code&gt;/名&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;allowed-tools&lt;/td&gt;&lt;td&gt;工具白名单&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;argument-hint&lt;/td&gt;&lt;td&gt;手触参数提示&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;effort&lt;/td&gt;&lt;td&gt;工作强度提示&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;挑别人 Skill 时看啥&lt;/h2&gt;&lt;p&gt;最近是否维护、文档是否写清客户端、触发边界是否清楚。装完没反应：先查路径与文件名大小写，再查 &lt;code&gt;description&lt;/code&gt; 是否跟你的话对得上。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;相关阅读&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;/posts/cursor-skills-install-paths/&quot;&gt;Cursor Skills：路径放错等于没装&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;/posts/mcp-skills-plugin-boundaries/&quot;&gt;MCP、Skills、Plugin 不是三选一&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;blockquote&gt;&lt;p&gt;素材来源：&lt;a href=&quot;https://island.blog.csdn.net/article/details/161088692&quot; target=&quot;_blank&quot;&gt;CSDN 原文&lt;/a&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;/section&gt;</content:encoded></item><item><title>还在「会聊天」阶段，就别指望 Vibe 封神</title><link>https://fork-firefly.vercel.app/posts/vibe-chat-to-workflow-system/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/vibe-chat-to-workflow-system/</guid><description>把 Claude Code 从会写代码的聊天框，升级成 CLAUDE.md → Skills → Subagents → Hooks → MCP → Plugins 的工程梯子。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;很多人用 Claude Code 的体感是：能懂仓库、能改多文件、能跑命令，比补全像同事。但「还行」到「封神」的差距，通常不在模型，而在有没有把聊天框做成&lt;strong&gt;可复用的工程工作流系统&lt;/strong&gt;。&lt;/p&gt;
&lt;p&gt;这篇的贡献是一张升级地图，不是又一份安装教程。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;扩展层怎么对齐传统工程平台&lt;/h2&gt;&lt;p&gt;官方叫 extension layer。按职责叠起来，几乎就是平台思维换皮：&lt;/p&gt;







































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;层&lt;/th&gt;&lt;th&gt;组件&lt;/th&gt;&lt;th&gt;干啥&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;规范&lt;/td&gt;&lt;td&gt;CLAUDE.md&lt;/td&gt;&lt;td&gt;每次会话加载的项目宪法&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;流程&lt;/td&gt;&lt;td&gt;Skills（含 slash commands）&lt;/td&gt;&lt;td&gt;按需加载的可调用工作流&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;角色&lt;/td&gt;&lt;td&gt;Subagents&lt;/td&gt;&lt;td&gt;隔离上下文、并行专项&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;自动化&lt;/td&gt;&lt;td&gt;Hooks&lt;/td&gt;&lt;td&gt;事件前后跑确定性脚本&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;集成&lt;/td&gt;&lt;td&gt;MCP&lt;/td&gt;&lt;td&gt;接 Jira / Drive / 内网工具&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;分发&lt;/td&gt;&lt;td&gt;Plugins / marketplace&lt;/td&gt;&lt;td&gt;团队一键安装&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;对应关系：policy → workflow → agent → automation → integration → distribution。Vibe 想规模化，走的是这条梯子，不是把 Prompt 写得更花。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;CLAUDE.md：不是 README，是会话入口系统提示&lt;/h2&gt;&lt;p&gt;删行判断标准好用：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;删掉这一行，Claude 会不会更容易犯错？不会就删。&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;适合写：代码推不出来的团队约定、必须跑的检查、分支/部署策略、非显然坑点（某测试要本地 Redis 等）。&lt;code&gt;/init&lt;/code&gt; 只当起点，必须人工去噪。分层：&lt;code&gt;~/.claude/&lt;/code&gt; 全局、仓库根、monorepo 父目录、&lt;code&gt;@import&lt;/code&gt; 拆详细文档、&lt;code&gt;CLAUDE.local.md&lt;/code&gt; 放不进仓的私有偏好。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;写规则 + 命令 + 坑点，别写教程。&lt;/strong&gt; 教程放 docs，用引用挂上。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;Skills：把重复劳动产品化&lt;/h2&gt;&lt;p&gt;slash commands 已并入 Skills：&lt;code&gt;.claude/commands/review.md&lt;/code&gt; 与 &lt;code&gt;.claude/skills/review/SKILL.md&lt;/code&gt; 都能出 &lt;code&gt;/review&lt;/code&gt;。个人技能放 &lt;code&gt;~/.claude/skills/&lt;/code&gt;，团队共享进仓库 &lt;code&gt;.claude/skills/&lt;/code&gt;。&lt;/p&gt;&lt;p&gt;高 ROI 起步建议：&lt;code&gt;/review-pr&lt;/code&gt;、&lt;code&gt;/deploy-staging&lt;/code&gt;、&lt;code&gt;/write-tests&lt;/code&gt;。文中 &lt;code&gt;/review-pr&lt;/code&gt; 形态值得抄：&lt;code&gt;SKILL.md&lt;/code&gt;（步骤）+ &lt;code&gt;checklist.md&lt;/code&gt;（勾选项），输出直接可贴 PR 描述。经验型活动变成流程型产物，新人少漏项。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;Subagents / Hooks / MCP：别一上来全开&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Subagent&lt;/strong&gt;：主会话会被「读海量文件 + 多轮推理」撑爆时再用；安全审查、性能追踪、文档生成最典型。角色 + 输出结构写死，比「帮我看看有没有安全问题」稳。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Hooks&lt;/strong&gt;：必须发生的动作（格式化、lint、关键用例）用脚本钉死；会话启动喂上下文仍用 CLAUDE.md，别混。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;MCP&lt;/strong&gt;：接真实世界系统时再上，上限更高，也更贵、更要权限治理。&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;按这个顺序上，别一次全开&lt;/h2&gt;&lt;ol&gt;
&lt;li&gt;一天内落 CLAUDE.md（命令 / 硬约束 / 坑点）&lt;/li&gt;
&lt;li&gt;一周做 2～3 个最高 ROI Skills&lt;/li&gt;
&lt;li&gt;上安全 / 性能 / 文档类 Subagents&lt;/li&gt;
&lt;li&gt;Hooks 把「必须发生」变确定性&lt;/li&gt;
&lt;li&gt;需要接外部系统再上 MCP&lt;/li&gt;
&lt;li&gt;插件化分发，新人安装即得&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;规则当代码养：PR、review、版本化。发现 AI 反复问已写明的事，说明规则不清或被淹没，定期瘦身。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;相关阅读&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;/posts/claude-md-agents-md-guide/&quot;&gt;CLAUDE.md 和 AGENTS.md：写给人的 README，不够&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;/posts/mcp-skills-plugin-boundaries/&quot;&gt;MCP、Skills、Plugin 不是三选一&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;blockquote&gt;&lt;p&gt;素材来源：&lt;a href=&quot;https://blog.csdn.net/yangshangwei/article/details/158319117&quot; target=&quot;_blank&quot;&gt;CSDN 原文&lt;/a&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;/section&gt;</content:encoded></item><item><title>Codex 想长期好用，得同时拴两根绳子</title><link>https://fork-firefly.vercel.app/posts/vibe-codex-agents-to-mcp/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/vibe-codex-agents-to-mcp/</guid><description>AGENTS.md 定行为，config.toml 定 MCP 工具面；只读红线双写，换宿主也能复用。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;到 2026，IDE 里接大模型已经不稀奇。真难的是：让它在你仓库里&lt;strong&gt;长期、稳定、可控&lt;/strong&gt;，而不是每次从零调教。这篇把路径压成两件事：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;AGENTS.md&lt;/strong&gt;：定「这个 AI 该怎么干活」&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;MCP（&lt;code&gt;config.toml&lt;/code&gt;）&lt;/strong&gt;：定「它能碰哪些外部工具」&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;两根绳子一起拴，换项目只改少量上下文；换宿主（Codex ⇄ Claude Code ⇄ Gemini）也能复用同一套行为规范。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;AGENTS.md 写什么才像「长效 System Prompt」&lt;/h2&gt;&lt;p&gt;开篇就要钉死角色与目标：技术栈（文中 Java/Spring + Python + Bash）、生产向而非 Demo 向、承认 MCP 存在。后面再叠价值观（KISS/YAGNI、SOLID、防御性编程）、语言习惯、分层职责、测试要求。&lt;/p&gt;&lt;p&gt;真正决定安全上限的，是 &lt;strong&gt;MCP 使用总则&lt;/strong&gt;：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;先本地推理，再调工具&lt;/li&gt;
&lt;li&gt;调用前用自然语言说明目的&lt;/li&gt;
&lt;li&gt;工具结果必须二次判断，禁止原文转发&lt;/li&gt;
&lt;li&gt;敏感工具默认最小权限 + 只读；dbhub 类严禁写与 DDL&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;工具专章可写强顺序，例如 Serena：&lt;code&gt;Overview → Symbol → Ref → Edit&lt;/code&gt;；System/Files 禁碰核心业务逻辑的物理块编辑。&lt;/p&gt;&lt;p&gt;完整长模板与多语言约束不在这里展开，只留「怎么写、坑在哪」。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;config.toml：怎么配、坑在哪&lt;/h2&gt;&lt;p&gt;Codex 常见路径：&lt;code&gt;~/.codex/config.toml&lt;/code&gt;（IDE 与 CLI 共用）。每个服务一张 &lt;code&gt;[mcp_servers.&amp;lt;name&amp;gt;]&lt;/code&gt; 表，&lt;code&gt;command + args&lt;/code&gt; 走 stdio。&lt;/p&gt;&lt;p&gt;文中示例覆盖：&lt;/p&gt;





























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;服务&lt;/th&gt;&lt;th&gt;用途&lt;/th&gt;&lt;th&gt;配法要点&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;Context7&lt;/td&gt;&lt;td&gt;代码/文档检索&lt;/td&gt;&lt;td&gt;&lt;code&gt;npx -y @upstash/context7-mcp&lt;/code&gt;；AGENTS 里规定「先查再答、引用路径摘要」&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Serena&lt;/td&gt;&lt;td&gt;语义级代码导航&lt;/td&gt;&lt;td&gt;本地 clone 后用 &lt;code&gt;uv run … serena start-mcp-server&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;desktop-commander&lt;/td&gt;&lt;td&gt;桌面/进程类操作&lt;/td&gt;&lt;td&gt;拉长 &lt;code&gt;startup_timeout_ms&lt;/code&gt;；权限面最大，慎开&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;dbhub&lt;/td&gt;&lt;td&gt;多库网关&lt;/td&gt;&lt;td&gt;DSN 进 args；&lt;strong&gt;务必加只读模式&lt;/strong&gt;，并与 AGENTS 双写禁令&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;坑与对策：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;密钥进仓&lt;/strong&gt;：样例文件用 &lt;code&gt;config.sample.toml&lt;/code&gt;，真 key 留本机&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;只靠文档约束不够&lt;/strong&gt;：dbhub 启动参数与 AGENTS 禁写要双保险&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;超时&lt;/strong&gt;：重 SQL / 大索引把 &lt;code&gt;startup_timeout_ms&lt;/code&gt; 拉到 10～30s，避免假死&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;跨工具 JSON&lt;/strong&gt;：同套 &lt;code&gt;mcpServers&lt;/code&gt; 可映射给 Claude Code / gemini-cli；宿主字段名略有差异，以各工具文档为准&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;绑成可复用工作流&lt;/h2&gt;&lt;p&gt;推荐节奏：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;对话里写清任务与验收&lt;/li&gt;
&lt;li&gt;先规划，再决定要不要调 MCP&lt;/li&gt;
&lt;li&gt;Context7 / dbhub 取证&lt;/li&gt;
&lt;li&gt;改代码或出文档，附差异说明&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;团队侧：AGENTS.md + sample 配置进仓；文档加一节「如何用 Codex + MCP」；Code Review 顺带查生成代码是否踩规范（注入方式、异常、日志风格）。&lt;/p&gt;&lt;p&gt;新人上手只需：装好 MCP → 链上项目内 AGENTS / 样例配置 → 按工作流开干。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;相关阅读&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;/posts/windows-mcp-json-practice/&quot;&gt;Windows 上 MCP：先记住 cmd /c&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;/posts/claude-md-agents-md-guide/&quot;&gt;CLAUDE.md 和 AGENTS.md：写给人的 README，不够&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;blockquote&gt;&lt;p&gt;素材来源：&lt;a href=&quot;https://artisan.blog.csdn.net/article/details/156578270&quot; target=&quot;_blank&quot;&gt;CSDN 原文&lt;/a&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;/section&gt;</content:encoded></item><item><title>AI 听不懂你，多半是饲料喂错了</title><link>https://fork-firefly.vercel.app/posts/vibe-dual-instruction-design-intent/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/vibe-dual-instruction-design-intent/</guid><description>别只靠口头 Prompt：源文件当知识底座、代码绘图优先、双重指令同时喂人和喂 AI。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;「Vibe Coding」落到复杂项目，瓶颈很少是模型智商，更多是上下文质量。这篇 CSDN 文把问题拆成三层：数据源、视觉语言、文档工程。核心判断很硬：&lt;strong&gt;别再只靠口头 Prompt，改去搭一条「设计意图 → 代码」的语义链路&lt;/strong&gt;。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;喂源文件，别喂渲染后的 HTML&lt;/h2&gt;&lt;p&gt;公司文档常托管成 Sphinx/HTML。对 AI 来说那是低信噪比垃圾餐：导航壳、脚本标签吃 Token，长文分页还切断章节链路。&lt;/p&gt;&lt;p&gt;实操优先级：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;本地 clone 文档库，&lt;code&gt;.rst&lt;/code&gt; / &lt;code&gt;.md&lt;/code&gt; 直接进 Workspace&lt;/li&gt;
&lt;li&gt;内网文档用 MCP 读 GitLab &lt;strong&gt;Raw File&lt;/strong&gt;（保纯净，也更好过安全审计）&lt;/li&gt;
&lt;li&gt;别靠爬网页当知识库&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;源文件才是 AI 的母语：结构完整、标记干净。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;图给 AI 看：代码绘图 &amp;gt; 截图&lt;/h2&gt;&lt;p&gt;原则：&lt;strong&gt;代码 &amp;gt; 图片&lt;/strong&gt;。&lt;/p&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;场景&lt;/th&gt;&lt;th&gt;优先&lt;/th&gt;&lt;th&gt;别指望&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;依赖树 / 拓扑&lt;/td&gt;&lt;td&gt;Graphviz DOT&lt;/td&gt;&lt;td&gt;纯 PNG / Drawio 截图&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;业务流程&lt;/td&gt;&lt;td&gt;Mermaid&lt;/td&gt;&lt;td&gt;「你看这张图……」口头描述&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;UI 草图&lt;/td&gt;&lt;td&gt;HTML + Tailwind 伪代码&lt;/td&gt;&lt;td&gt;只丢 Figma 截图（除非你真上传且模型能看图）&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;HTML/Tailwind 伪代码的优势是同构：AI 训练里见过海量同类结构，间距、圆角、对齐可以无损落到 React/Vue，少一层「猜设计」。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;「双重指令」：给人渲染，也给 AI 原文&lt;/h2&gt;&lt;p&gt;Sphinx 场景里经典矛盾：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;人要看渲染效果 → &lt;code&gt;raw:: html&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;AI 要读源码文本 → &lt;code&gt;literalinclude&lt;/code&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;只写 &lt;code&gt;raw&lt;/code&gt;，再在聊天里说「请去读某某文件」，作者管这叫「反 Vibe」：逼模型从理解模式切到搜索模式，阅读流断了。&lt;/p&gt;&lt;p&gt;解法：两段叠在一起。人类页面走 &lt;code&gt;raw&lt;/code&gt;；同一份 HTML 再用 &lt;code&gt;literalinclude&lt;/code&gt; 展开进上下文，Cursor / Claude Code 扫文档时即读即懂。Graphviz 的 &lt;code&gt;.. graphviz::&lt;/code&gt; 本身就具备「能渲染 + 文本可读」双重属性。&lt;/p&gt;&lt;p&gt;样式坑：Sphinx 主题往往不带 Tailwind。草图可用「Tailwind 类名（给 AI）+ 内联 style（给人预览）」混写，两边都不瞎。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;认清上限在哪&lt;/h2&gt;&lt;p&gt;Vibe 的上限，不在「你会不会说话」，在「你会不会搭上下文」。&lt;/p&gt;&lt;p&gt;RST/MD 当知识底座，Mermaid/PlantUML/Graphviz 当逻辑语言，双重指令消掉「文档给人 vs 给 AI」的裂缝。文档、草图、代码一旦同构，工具才像合伙人，而不只是补全器。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;相关阅读&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;/posts/vibe-web-taskflow-pitfalls/&quot;&gt;三天搭完 TaskFlow，真正卡人的不是 Prompt&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;/posts/vibe-chat-to-workflow-system/&quot;&gt;还在「会聊天」阶段，就别指望 Vibe 封神&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;blockquote&gt;&lt;p&gt;素材来源：&lt;a href=&quot;https://blog.csdn.net/jxm_csdn/article/details/156755978&quot; target=&quot;_blank&quot;&gt;CSDN 原文&lt;/a&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;/section&gt;</content:encoded></item><item><title>三天搭完 TaskFlow，真正卡人的不是 Prompt</title><link>https://fork-firefly.vercel.app/posts/vibe-web-taskflow-pitfalls/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/vibe-web-taskflow-pitfalls/</guid><description>Claude Code + Cursor 三天从零做任务管理 Web 的诚实坑账：规范先行、旧 API 幻觉、安全路径必须人审。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;CSDN 这篇不是「Vibe 有多香」的鸡血文。作者用 Claude Code + Cursor，三天从零做出任务管理 Web（React / FastAPI / Postgres / JWT / Docker，约 4800 行），价值在诚实记账：哪些地方 AI 真省事，哪些地方它给你挖坑。&lt;/p&gt;
&lt;p&gt;和「十步上线手册」对照看：手册告诉你流程长什么样；这篇告诉你流程里哪几脚会崴。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;动手前先写「给 AI 看的」规范，不是 README&lt;/h2&gt;&lt;p&gt;作者花约 2 小时写项目规范文档，再开聊。文档里必须钉死：&lt;/p&gt;





























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;块&lt;/th&gt;&lt;th&gt;写什么&lt;/th&gt;&lt;th&gt;为什么&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;技术栈&lt;/td&gt;&lt;td&gt;版本写死，并写「不要建议替换」&lt;/td&gt;&lt;td&gt;否则它爱换框架&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;数据模型&lt;/td&gt;&lt;td&gt;表字段 + 关系&lt;/td&gt;&lt;td&gt;业务上下文它猜不准&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;编码硬约束&lt;/td&gt;&lt;td&gt;async 禁同步 ORM、Repository 分层、统一异常&lt;/td&gt;&lt;td&gt;减少「合理但不合你们规矩」的假设&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;当前阶段&lt;/td&gt;&lt;td&gt;Day1 只做 auth + 项目 CRUD；明确「不做」清单&lt;/td&gt;&lt;td&gt;压住过度设计&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;每次对话把这份文档当开场白，比单靠一句「帮我做个类似 Jira 的东西」稳得多。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;Prompt 里那句「先列文件，我确认再执行」&lt;/h2&gt;&lt;p&gt;搭骨架时关键句：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;请先列出你打算创建的所有文件，我确认后再执行。&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;大文件批量改动前先审计划，再放行。骨架阶段 AI 甚至主动加了 &lt;code&gt;repositories/&lt;/code&gt;，说明规范文档里的 Repository Pattern 真被吃进去了。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;坑比鸡汤值钱：六类高频翻车&lt;/h2&gt;














































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;坑&lt;/th&gt;&lt;th&gt;表现&lt;/th&gt;&lt;th&gt;根因（作者判断）&lt;/th&gt;&lt;th&gt;防法&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;库旧 API&lt;/td&gt;&lt;td&gt;类型错 / 运行时报错&lt;/td&gt;&lt;td&gt;训练数据有截止&lt;/td&gt;&lt;td&gt;用到第三方库就对照当前文档&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;async/sync 混用&lt;/td&gt;&lt;td&gt;&lt;code&gt;MissingGreenlet&lt;/code&gt;、死锁&lt;/td&gt;&lt;td&gt;SQLAlchemy 1.x/2.x 写法混装&lt;/td&gt;&lt;td&gt;数据库会话代码人工过一遍；用 &lt;code&gt;async_sessionmaker&lt;/code&gt; + &lt;code&gt;async with&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;过度设计&lt;/td&gt;&lt;td&gt;多出用不了的抽象&lt;/td&gt;&lt;td&gt;AI 爱给「完整方案」&lt;/td&gt;&lt;td&gt;Prompt 写清「当前阶段不需要 X」&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;安全疏漏&lt;/td&gt;&lt;td&gt;缺权限 / 枚举攻击 / 硬编码密钥&lt;/td&gt;&lt;td&gt;不懂你们业务安全边界&lt;/td&gt;&lt;td&gt;安全要求写进 Prompt；数据访问路径人工审&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;前端状态乱&lt;/td&gt;&lt;td&gt;重复请求、状态分散&lt;/td&gt;&lt;td&gt;无全局视图&lt;/td&gt;&lt;td&gt;开干前规定状态方案（文中：Context + React Query，禁 Redux）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;配置硬编码&lt;/td&gt;&lt;td&gt;API 地址、密钥进代码&lt;/td&gt;&lt;td&gt;演示惯性&lt;/td&gt;&lt;td&gt;见字符串就问：该不该进配置&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;Day2 的 JWT / CRUD 这类标准化活，AI 表现最好；Day3 前端拖拽（&lt;code&gt;@dnd-kit&lt;/code&gt; 旧 API）和部署最脏。作者的修法值得记：&lt;strong&gt;别让 AI「自己再修一轮」旧 API 幻觉&lt;/strong&gt;，直接对照官方文档人手改。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;JWT Prompt 为什么好用&lt;/h2&gt;&lt;p&gt;安全要求写进需求，而不是事后补：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;bcrypt，明确禁 md5/sha1&lt;/li&gt;
&lt;li&gt;登录失败统一话术（防用户枚举）&lt;/li&gt;
&lt;li&gt;refresh token 落库，支持主动注销&lt;/li&gt;
&lt;li&gt;实现顺序：先 &lt;code&gt;security.py&lt;/code&gt;，再 endpoint&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;标准化 + 边界写死时，Vibe 最省时间。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;别把 Vibe 当成魔法&lt;/h2&gt;&lt;p&gt;作者讲得很平：Vibe 像雇了一个写得快、但需要你严格把关的初级工程师。需求你说清，输出你审，它翻车时你得知道怎么修。&lt;/p&gt;&lt;p&gt;我现在会这么干：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;先写规范再写代码&lt;/li&gt;
&lt;li&gt;先列计划再动文件&lt;/li&gt;
&lt;li&gt;第三方库 API 不信训练记忆&lt;/li&gt;
&lt;li&gt;安全路径必须人审&lt;/li&gt;
&lt;li&gt;分阶段迭代，别一口吃成胖子&lt;/li&gt;
&lt;/ol&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;相关阅读&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;/posts/vibe-dual-instruction-design-intent/&quot;&gt;AI 听不懂你，多半是饲料喂错了&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;/posts/vibe-chat-to-workflow-system/&quot;&gt;还在「会聊天」阶段，就别指望 Vibe 封神&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;blockquote&gt;&lt;p&gt;素材来源：&lt;a href=&quot;https://blog.csdn.net/qq_23625847/article/details/161089163&quot; target=&quot;_blank&quot;&gt;CSDN 原文&lt;/a&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;/section&gt;</content:encoded></item><item><title>Windows 上 MCP：先记住 cmd /c</title><link>https://fork-firefly.vercel.app/posts/windows-mcp-json-practice/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/windows-mcp-json-practice/</guid><description>Windows 用 npx 起 MCP 必须 cmd /c 包一层；scope、八件实用服务与手写 .mcp.json 怎么拼。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;官方明确说过：Windows 用 &lt;code&gt;npx&lt;/code&gt; 起 MCP 时，要用 &lt;code&gt;cmd /c&lt;/code&gt; 包一层，否则 stdio 管道会被命令解释器截断。这是本机最常见的「装了但连不上」。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;传输与 scope&lt;/h2&gt;




















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;传输&lt;/th&gt;&lt;th&gt;场景&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;stdio&lt;/td&gt;&lt;td&gt;本地进程（默认，本文重点）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;SSE&lt;/td&gt;&lt;td&gt;远程长连接（旧路径，新接入慎用）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;HTTP / streamable-http&lt;/td&gt;&lt;td&gt;远程无状态 / 规范推荐名&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;scope&lt;/th&gt;&lt;th&gt;落盘&lt;/th&gt;&lt;th&gt;是否进 Git&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;local&lt;/td&gt;&lt;td&gt;项目 &lt;code&gt;.mcp.json&lt;/code&gt;&lt;/td&gt;&lt;td&gt;通常不提交&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;project&lt;/td&gt;&lt;td&gt;项目 &lt;code&gt;.mcp.json&lt;/code&gt;&lt;/td&gt;&lt;td&gt;可提交共享&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;user&lt;/td&gt;&lt;td&gt;&lt;code&gt;~/.claude/settings.json&lt;/code&gt; → &lt;code&gt;mcpServers&lt;/code&gt;&lt;/td&gt;&lt;td&gt;仅本机&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;user：&lt;code&gt;claude mcp add / list / remove&lt;/code&gt;；&lt;code&gt;-e&lt;/code&gt; 传环境变量，&lt;code&gt;-H&lt;/code&gt; 传 HTTP 头。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;八件实用 MCP（Windows 命令形态）&lt;/h2&gt;








































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;名&lt;/th&gt;&lt;th&gt;要点&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;filesystem&lt;/td&gt;&lt;td&gt;白名单根目录，别给 &lt;code&gt;C:\&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;memory&lt;/td&gt;&lt;td&gt;跨会话知识图谱；和 &lt;code&gt;CLAUDE.md&lt;/code&gt; 分工：规则 vs 事实&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;git&lt;/td&gt;&lt;td&gt;&lt;code&gt;uvx mcp-server-git&lt;/code&gt; 或 &lt;code&gt;python -m mcp_server_git&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;github&lt;/td&gt;&lt;td&gt;Token 进 &lt;code&gt;env&lt;/code&gt;，权限收紧到 repo/read&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;postgres&lt;/td&gt;&lt;td&gt;连接串；只读 SELECT，别接生产写库&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;puppeteer&lt;/td&gt;&lt;td&gt;首次拉 Chromium，国内可能慢&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;fetch&lt;/td&gt;&lt;td&gt;HTML→Markdown&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;brave-search&lt;/td&gt;&lt;td&gt;API Key；旧包可能归档，可换 &lt;code&gt;@anthropic-ai/brave-search-mcp-server&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;手写 &lt;code&gt;.mcp.json&lt;/code&gt; 何时划算&lt;/h2&gt;&lt;p&gt;批量改多台机器、或 CLI 一行写烦时，直接编 JSON 与 &lt;code&gt;claude mcp add&lt;/code&gt; 等价。注意逗号/引号；密码与 token &lt;strong&gt;只放本机&lt;/strong&gt;，入库前打码。&lt;/p&gt;&lt;p&gt;路径速查：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;项目：&lt;code&gt;项目根\.mcp.json&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;用户：&lt;code&gt;C:\Users\&amp;lt;用户&amp;gt;\.claude\settings.json&lt;/code&gt; 的 &lt;code&gt;mcpServers&lt;/code&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;和「必装推荐」怎么拼&lt;/h2&gt;&lt;p&gt;清单选型看 &lt;a href=&quot;/posts/claude-code-must-have-mcp/&quot;&gt;Claude Code 必装 MCP：先三件，再慢慢加&lt;/a&gt;；Windows 可跑命令形态以本篇表格为准。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;相关阅读&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;/posts/claude-code-must-have-mcp/&quot;&gt;Claude Code 必装 MCP：先三件，再慢慢加&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;/posts/vibe-codex-agents-to-mcp/&quot;&gt;Codex 想长期好用，得同时拴两根绳子&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;blockquote&gt;&lt;p&gt;素材来源：&lt;a href=&quot;https://blog.csdn.net/weixin_63132747/article/details/160740050&quot; target=&quot;_blank&quot;&gt;CSDN 原文&lt;/a&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;/section&gt;</content:encoded></item><item><title>对话即代码：Vibe 入门坐标</title><link>https://fork-firefly.vercel.app/posts/vibe-basics-index/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/vibe-basics-index/</guid><description>Vibe 00–02 基础必读 + 60/90 薄入口：概念、首作、路线图与 FAQ 的索引摘要，链回鱼皮 AI 导航 / GitHub。</description><pubDate>Tue, 04 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;鱼皮那套 Vibe Coding 教程很长，全搬进博客没意义。这篇只覆盖&lt;strong&gt;基础必读&lt;/strong&gt;（00 / 01 / 02）和同级薄入口（60 资源大全、90 常见问题）：按他的目录立标题、每章给能带走的摘要、原文挂回 AI 导航 / 开源仓。细节去原文；这里当索引和导航。&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://ai.codefather.cn/vibe&quot; target=&quot;_blank&quot;&gt;系列总览 · 鱼皮 AI 导航&lt;/a&gt; · &lt;a href=&quot;https://github.com/liyupi/ai-guide&quot; target=&quot;_blank&quot;&gt;GitHub · liyupi/ai-guide&lt;/a&gt;&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;怎么读这篇&lt;/h2&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;你想&lt;/th&gt;&lt;th&gt;建议&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;第一次碰 Vibe Coding&lt;/td&gt;&lt;td&gt;00 → 01，当天做出第一个网页&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;想规划学习路径&lt;/td&gt;&lt;td&gt;02 六阶段路线图，对照自己缺哪块&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;找工具 / 模板 / 资讯&lt;/td&gt;&lt;td&gt;60 鱼皮 AI 导航导读&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;卡在某个具体问题&lt;/td&gt;&lt;td&gt;90 FAQ 速查，没有再社区问&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;摘要基于公开正文提炼，不是逐字搬运。配图为章节小长条信息图，点击可进原文；操作步骤以原文为准。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;00 Vibe Coding 简介&lt;/h2&gt;&lt;p&gt;Vibe Coding = 用人话和 AI 聊天写代码：你负责「要做什么」，AI 负责「怎么做」，多轮迭代。和传统编程比，核心从背语法变成讲需求；几天能上手，但大项目仍有 UI 同质化、代码不可控等坑。三个常见误解：不是作弊、不会不学、不只玩具。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://ai.codefather.cn/library/2010974735415316482&quot; target=&quot;_blank&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;figure&gt;&lt;a href=&quot;https://ai.codefather.cn/library/2010974735415316482&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;00 原文&quot; loading=&quot;lazy&quot; width=&quot;1344&quot; height=&quot;576&quot; src=&quot;/_astro/cite-00-concept.BZZHT1oE_Z1KCdzM.webp&quot; /&gt;&lt;figcaption&gt;00 原文&lt;/figcaption&gt;&lt;/a&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://ai.codefather.cn/library/2010974735415316482&quot; target=&quot;_blank&quot;&gt;原文 · 00 Vibe Coding 简介&lt;/a&gt; · &lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/00%20Vibe%20Coding%20%E7%AE%80%E4%BB%8B.md&quot; target=&quot;_blank&quot;&gt;GitHub&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;01 快速上手 Vibe Coding&lt;/h2&gt;&lt;p&gt;10 分钟做出待办类网页并 Publish 上线。准备浏览器 + Bolt.new（国内可换 NoCode / 秒哒）+ GitHub；写清功能/界面需求 → 多轮微调 → 测功能 → 一键发布。对话要点：需求具体、一次别改太多、bug 描述现象。跑通后再进工具/实战板块。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://ai.codefather.cn/library/2010974736249982977&quot; target=&quot;_blank&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;figure&gt;&lt;a href=&quot;https://ai.codefather.cn/library/2010974736249982977&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;01 原文&quot; loading=&quot;lazy&quot; width=&quot;1344&quot; height=&quot;576&quot; src=&quot;/_astro/cite-01-ship.BAZm7ZYr_Z1InRoI.webp&quot; /&gt;&lt;figcaption&gt;01 原文&lt;/figcaption&gt;&lt;/a&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://ai.codefather.cn/library/2010974736249982977&quot; target=&quot;_blank&quot;&gt;原文 · 01 快速上手&lt;/a&gt; · &lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/01%20%E5%BF%AB%E9%80%9F%E4%B8%8A%E6%89%8B%20Vibe%20Coding.md&quot; target=&quot;_blank&quot;&gt;GitHub&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;02 AI 编程学习路线&lt;/h2&gt;&lt;p&gt;六阶段地图：入门（概念 + 零代码出作品）→ 工具（Cursor / Codex / Claude Code）→ 核心技能（需求、提示词、上下文、Git、部署）→ 实战（小工具 → 全栈 → AI 应用）→ 进阶（失败模式、成本、变现）→ 持续学习。小工具够用前两段；系统掌握约 2～3 个月。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://ai.codefather.cn/library/2062514924696948738&quot; target=&quot;_blank&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;figure&gt;&lt;a href=&quot;https://ai.codefather.cn/library/2062514924696948738&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;02 原文&quot; loading=&quot;lazy&quot; width=&quot;1344&quot; height=&quot;576&quot; src=&quot;/_astro/cite-02-roadmap.x3RdKL5O_Z2qYomo.webp&quot; /&gt;&lt;figcaption&gt;02 原文&lt;/figcaption&gt;&lt;/a&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://ai.codefather.cn/library/2062514924696948738&quot; target=&quot;_blank&quot;&gt;原文 · 02 学习路线&lt;/a&gt; · &lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/02%20AI%20%E7%BC%96%E7%A8%8B%E5%AD%A6%E4%B9%A0%E8%B7%AF%E7%BA%BF.md&quot; target=&quot;_blank&quot;&gt;GitHub&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;60 Vibe Coding 资源大全&lt;/h2&gt;&lt;p&gt;鱼皮 AI 导航（ai.codefather.cn）导读：上千 AI 工具、Vibe/OpenClaw 教程库、提示词模板、MCP+Skills、热点资讯、交流社区。找资源的一站式入口；资源再多也要动手做。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://ai.codefather.cn/library/2010974737051095041&quot; target=&quot;_blank&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;figure&gt;&lt;a href=&quot;https://ai.codefather.cn/library/2010974737051095041&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;60 原文&quot; loading=&quot;lazy&quot; width=&quot;1344&quot; height=&quot;576&quot; src=&quot;/_astro/cite-60-resources.CREcO9Kl_Z13xS1R.webp&quot; /&gt;&lt;figcaption&gt;60 原文&lt;/figcaption&gt;&lt;/a&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://ai.codefather.cn/library/2010974737051095041&quot; target=&quot;_blank&quot;&gt;原文 · 60 资源大全&lt;/a&gt; · &lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/60%20Vibe%20Coding%20%E8%B5%84%E6%BA%90%E5%A4%A7%E5%85%A8.md&quot; target=&quot;_blank&quot;&gt;GitHub&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;90 Vibe Coding 常见问题和解决&lt;/h2&gt;&lt;p&gt;FAQ 速查：概念（和传统编程区别、幻觉、MVP）→ 工具选型（Cursor、模型、Bolt vs v0、免费够不够）→ 使用技巧（报错、技术栈跑偏、死循环）→ 部署/成本/安全。卡住先搜本章。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://ai.codefather.cn/library/2010974738795925506&quot; target=&quot;_blank&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;figure&gt;&lt;a href=&quot;https://ai.codefather.cn/library/2010974738795925506&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;90 原文&quot; loading=&quot;lazy&quot; width=&quot;1344&quot; height=&quot;576&quot; src=&quot;/_astro/cite-90-faq.BufldB5e_1sBFiB.webp&quot; /&gt;&lt;figcaption&gt;90 原文&lt;/figcaption&gt;&lt;/a&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://ai.codefather.cn/library/2010974738795925506&quot; target=&quot;_blank&quot;&gt;原文 · 90 常见问题&lt;/a&gt; · &lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/90%20Vibe%20Coding%20%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98%E5%92%8C%E8%A7%A3%E5%86%B3.md&quot; target=&quot;_blank&quot;&gt;GitHub&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;出处与边界&lt;/h2&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;项&lt;/th&gt;&lt;th&gt;说明&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;原作&lt;/td&gt;&lt;td&gt;程序员鱼皮 · &lt;a href=&quot;https://github.com/liyupi/ai-guide&quot; target=&quot;_blank&quot;&gt;ai-guide&lt;/a&gt; · &lt;a href=&quot;https://ai.codefather.cn/vibe&quot; target=&quot;_blank&quot;&gt;AI 导航 /vibe&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;本篇&lt;/td&gt;&lt;td&gt;基础必读 + 60/90 薄入口；索引 + 精炼摘要&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;未做&lt;/td&gt;&lt;td&gt;不镜像全文、不搬运图床整包；70 概念与热文见 &lt;a href=&quot;/posts/vibe-concepts-hotposts-index/&quot;&gt;概念与热文&lt;/a&gt;，不在此重复&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;相关阅读&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;/posts/vibe-coding-tools-index/&quot;&gt;工具栈三岔&lt;/a&gt; · &lt;a href=&quot;/posts/vibe-projects-index/&quot;&gt;项目实战&lt;/a&gt; · &lt;a href=&quot;/posts/vibe-models-index/&quot;&gt;模型横评&lt;/a&gt; · &lt;a href=&quot;/posts/vibe-coding-tips-index/&quot;&gt;对话与回路&lt;/a&gt; · &lt;a href=&quot;/posts/vibe-learning-index/&quot;&gt;编程学习&lt;/a&gt; · &lt;a href=&quot;/posts/vibe-monetize-index/&quot;&gt;产品变现&lt;/a&gt; · &lt;a href=&quot;/posts/vibe-concepts-hotposts-index/&quot;&gt;概念与热文&lt;/a&gt; · &lt;a href=&quot;/posts/vibe-mcp-index/&quot;&gt;MCP 薄笔记&lt;/a&gt; · &lt;a href=&quot;/posts/openclaw-tutorial-index/&quot;&gt;OpenClaw 索引&lt;/a&gt; · &lt;a href=&quot;/collections/vibe-tutorial-index/&quot;&gt;合集 鱼皮VibeCoding&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;</content:encoded></item><item><title>对话与回路：Harness / Loop 笔记</title><link>https://fork-firefly.vercel.app/posts/vibe-coding-tips-index/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/vibe-coding-tips-index/</guid><description>Vibe「30 经验技巧」方法论索引：心法、上下文、Harness、Loop、成本与迁移，与 OpenClaw 落地互补。</description><pubDate>Tue, 04 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;鱼皮 Vibe Coding 教程里，「30 经验技巧」是最该当工具书翻的一栏：心法、对话、上下文、Harness、Loop、成本控制都在这儿。全搬进博客没意义；这篇按原目录立标题、每章给能带走的摘要，原文链回 AI 导航 / 开源仓。和本站 &lt;a href=&quot;/posts/openclaw-tutorial-index/&quot;&gt;OpenClaw 索引&lt;/a&gt; 互补——那边偏养虾落地，这边偏怎么驾驭 AI 做项目。&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://ai.codefather.cn/vibe&quot; target=&quot;_blank&quot;&gt;原文 · Vibe Coding 系列（鱼皮 AI 导航）&lt;/a&gt; · &lt;a href=&quot;https://github.com/liyupi/ai-guide/tree/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/30%20%E7%BB%8F%E9%AA%8C%E6%8A%80%E5%B7%A7&quot; target=&quot;_blank&quot;&gt;GitHub · liyupi/ai-guide · 30 经验技巧&lt;/a&gt;&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;怎么读这篇&lt;/h2&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;你想&lt;/th&gt;&lt;th&gt;建议&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;刚做完第一个 Demo，老被 AI 带偏&lt;/td&gt;&lt;td&gt;00 总览 → 01 心法 → 02 对话 → 03 上下文&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;项目越做越乱、修 Bug 越修越多&lt;/td&gt;&lt;td&gt;04 幻觉 → 06 质量 → 07 重构 → &lt;strong&gt;Harness&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;账单吓人、长对话烧 token&lt;/td&gt;&lt;td&gt;&lt;strong&gt;10 成本控制&lt;/strong&gt; + 05 效率&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;想少盯着 AI、让它自己跑完&lt;/td&gt;&lt;td&gt;&lt;strong&gt;Loop Engineering&lt;/strong&gt;（Harness 搭好再上）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;大规模重构 / 技术栈迁移&lt;/td&gt;&lt;td&gt;&lt;strong&gt;AI 大规模代码迁移&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;摘要基于公开正文提炼，不是逐字搬运。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;00 经验技巧总览&lt;/h2&gt;&lt;p&gt;板块定位：从「能做」到「做好」。主线分思维基础、核心技能、质量保障、实战进阶；支线收录 Harness / Loop 等前沿方法论。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/30%20%E7%BB%8F%E9%AA%8C%E6%8A%80%E5%B7%A7/00%20Vibe%20Coding%20%E7%BB%8F%E9%AA%8C%E6%8A%80%E5%B7%A7%E6%80%BB%E8%A7%88.md&quot; target=&quot;_blank&quot;&gt;原文 · 00 经验技巧总览 · GitHub&lt;/a&gt; · &lt;a href=&quot;https://ai.codefather.cn/vibe&quot; target=&quot;_blank&quot;&gt;Vibe 系列入口&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;01 五大核心心法&lt;/h2&gt;&lt;p&gt;Planning is Everything、MVP、迭代优于完美、上下文是王道、产品经理思维。规划五分钟常能省返工半小时；Plan Mode 值得养成习惯。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/30%20%E7%BB%8F%E9%AA%8C%E6%8A%80%E5%B7%A7/01%20Vibe%20Coding%20%E4%BA%94%E5%A4%A7%E6%A0%B8%E5%BF%83%E5%BF%83%E6%B3%95.md&quot; target=&quot;_blank&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;figure&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/30%20%E7%BB%8F%E9%AA%8C%E6%8A%80%E5%B7%A7/01%20Vibe%20Coding%20%E4%BA%94%E5%A4%A7%E6%A0%B8%E5%BF%83%E5%BF%83%E6%B3%95.md&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;心法&quot; loading=&quot;lazy&quot; width=&quot;1344&quot; height=&quot;576&quot; src=&quot;/_astro/cite-mindset.DtGArmr8_kgn0H.webp&quot; /&gt;&lt;figcaption&gt;心法&lt;/figcaption&gt;&lt;/a&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/30%20%E7%BB%8F%E9%AA%8C%E6%8A%80%E5%B7%A7/01%20Vibe%20Coding%20%E4%BA%94%E5%A4%A7%E6%A0%B8%E5%BF%83%E5%BF%83%E6%B3%95.md&quot; target=&quot;_blank&quot;&gt;原文 · 01 · GitHub&lt;/a&gt; · &lt;a href=&quot;https://ai.codefather.cn/vibe&quot; target=&quot;_blank&quot;&gt;Vibe 系列入口&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;02 对话工程技巧&lt;/h2&gt;&lt;p&gt;从「一次性完美提示词」转向迭代式对话：逐步澄清、让 AI 提问补洞，双向探索比单向咒语靠谱。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/30%20%E7%BB%8F%E9%AA%8C%E6%8A%80%E5%B7%A7/02%20Vibe%20Coding%20%E5%AF%B9%E8%AF%9D%E5%B7%A5%E7%A8%8B%E6%8A%80%E5%B7%A7.md&quot; target=&quot;_blank&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;figure&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/30%20%E7%BB%8F%E9%AA%8C%E6%8A%80%E5%B7%A7/02%20Vibe%20Coding%20%E5%AF%B9%E8%AF%9D%E5%B7%A5%E7%A8%8B%E6%8A%80%E5%B7%A7.md&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;对话工程&quot; loading=&quot;lazy&quot; width=&quot;1344&quot; height=&quot;576&quot; src=&quot;/_astro/cite-dialog.Peqc4bpK_Z3OxdM.webp&quot; /&gt;&lt;figcaption&gt;对话工程&lt;/figcaption&gt;&lt;/a&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/30%20%E7%BB%8F%E9%AA%8C%E6%8A%80%E5%B7%A7/02%20Vibe%20Coding%20%E5%AF%B9%E8%AF%9D%E5%B7%A5%E7%A8%8B%E6%8A%80%E5%B7%A7.md&quot; target=&quot;_blank&quot;&gt;原文 · 02 · GitHub&lt;/a&gt; · &lt;a href=&quot;https://ai.codefather.cn/vibe&quot; target=&quot;_blank&quot;&gt;Vibe 系列入口&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;03 上下文管理技巧&lt;/h2&gt;&lt;p&gt;项目 / 功能 / 对话三层上下文；README、TODO、Rules 文件当长期记忆；一对话一任务，失忆就 summarize 或开新窗。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/30%20%E7%BB%8F%E9%AA%8C%E6%8A%80%E5%B7%A7/03%20Vibe%20Coding%20%E4%B8%8A%E4%B8%8B%E6%96%87%E7%AE%A1%E7%90%86%E6%8A%80%E5%B7%A7.md&quot; target=&quot;_blank&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;figure&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/30%20%E7%BB%8F%E9%AA%8C%E6%8A%80%E5%B7%A7/03%20Vibe%20Coding%20%E4%B8%8A%E4%B8%8B%E6%96%87%E7%AE%A1%E7%90%86%E6%8A%80%E5%B7%A7.md&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;上下文&quot; loading=&quot;lazy&quot; width=&quot;1344&quot; height=&quot;576&quot; src=&quot;/_astro/cite-context.Ml7sq5bt_Z22qIrg.webp&quot; /&gt;&lt;figcaption&gt;上下文&lt;/figcaption&gt;&lt;/a&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/30%20%E7%BB%8F%E9%AA%8C%E6%8A%80%E5%B7%A7/03%20Vibe%20Coding%20%E4%B8%8A%E4%B8%8B%E6%96%87%E7%AE%A1%E7%90%86%E6%8A%80%E5%B7%A7.md&quot; target=&quot;_blank&quot;&gt;原文 · 03 · GitHub&lt;/a&gt; · &lt;a href=&quot;https://ai.codefather.cn/vibe&quot; target=&quot;_blank&quot;&gt;Vibe 系列入口&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;04 幻觉和死循环处理&lt;/h2&gt;&lt;p&gt;识别编造 API、同错三遍；完整贴报错；果断切断上下文；TypeScript / 测试 / 让 AI 自验可防坑。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/30%20%E7%BB%8F%E9%AA%8C%E6%8A%80%E5%B7%A7/04%20Vibe%20Coding%20%E5%B9%BB%E8%A7%89%E5%92%8C%E6%AD%BB%E5%BE%AA%E7%8E%AF%E5%A4%84%E7%90%86.md&quot; target=&quot;_blank&quot;&gt;原文 · 04 · GitHub&lt;/a&gt; · &lt;a href=&quot;https://ai.codefather.cn/vibe&quot; target=&quot;_blank&quot;&gt;Vibe 系列入口&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;05 效率提升技巧&lt;/h2&gt;&lt;p&gt;模型分级、禁废话输出、并行 Agent / Worktree、多开实例、快捷键、MCP / Skills 封装重复活。与 10 成本控制大量重叠，可按需跳读。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/30%20%E7%BB%8F%E9%AA%8C%E6%8A%80%E5%B7%A7/05%20Vibe%20Coding%20%E6%95%88%E7%8E%87%E6%8F%90%E5%8D%87%E6%8A%80%E5%B7%A7.md&quot; target=&quot;_blank&quot;&gt;原文 · 05 · GitHub&lt;/a&gt; · &lt;a href=&quot;https://ai.codefather.cn/vibe&quot; target=&quot;_blank&quot;&gt;Vibe 系列入口&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;06 代码质量保障&lt;/h2&gt;&lt;p&gt;Lint / 测试 / Review 体系；和 Harness 的反馈机制、架构护栏是一套东西的不同讲法。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/30%20%E7%BB%8F%E9%AA%8C%E6%8A%80%E5%B7%A7/06%20Vibe%20Coding%20%E4%BB%A3%E7%A0%81%E8%B4%A8%E9%87%8F%E4%BF%9D%E9%9A%9C.md&quot; target=&quot;_blank&quot;&gt;原文 · 06 · GitHub&lt;/a&gt; · &lt;a href=&quot;https://ai.codefather.cn/vibe&quot; target=&quot;_blank&quot;&gt;Vibe 系列入口&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;07 代码重构技巧&lt;/h2&gt;&lt;p&gt;识别 AI 堆出来的意大利面与技术债；小步重构、提取组件，别等完全不能动再收拾。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/30%20%E7%BB%8F%E9%AA%8C%E6%8A%80%E5%B7%A7/07%20Vibe%20Coding%20%E4%BB%A3%E7%A0%81%E9%87%8D%E6%9E%84%E6%8A%80%E5%B7%A7.md&quot; target=&quot;_blank&quot;&gt;原文 · 07 · GitHub&lt;/a&gt; · &lt;a href=&quot;https://ai.codefather.cn/vibe&quot; target=&quot;_blank&quot;&gt;Vibe 系列入口&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;08 性能优化技巧&lt;/h2&gt;&lt;p&gt;从用户体感找瓶颈；让 AI 做 profiling 导向优化，而不是盲目堆缓存。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/30%20%E7%BB%8F%E9%AA%8C%E6%8A%80%E5%B7%A7/08%20Vibe%20Coding%20%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96%E6%8A%80%E5%B7%A7.md&quot; target=&quot;_blank&quot;&gt;原文 · 08 · GitHub&lt;/a&gt; · &lt;a href=&quot;https://ai.codefather.cn/vibe&quot; target=&quot;_blank&quot;&gt;Vibe 系列入口&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;09 安全防护技巧&lt;/h2&gt;&lt;p&gt;API Key 别进仓库和前端；环境变量；SQL / XSS / CSRF；发布前安全检查清单。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/30%20%E7%BB%8F%E9%AA%8C%E6%8A%80%E5%B7%A7/09%20Vibe%20Coding%20%E5%AE%89%E5%85%A8%E9%98%B2%E6%8A%A4%E6%8A%80%E5%B7%A7.md&quot; target=&quot;_blank&quot;&gt;原文 · 09 · GitHub&lt;/a&gt; · &lt;a href=&quot;https://ai.codefather.cn/vibe&quot; target=&quot;_blank&quot;&gt;Vibe 系列入口&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;10 成本控制技巧&lt;/h2&gt;&lt;p&gt;Token 四类计费、输出比输入贵、长对话隐性翻倍；模型分级；Plan 先审再写；&lt;code&gt;@&lt;/code&gt; 精确引用、&lt;code&gt;/summarize&lt;/code&gt;、分阶段新对话；团队预算上限。和 OpenClaw 13 记忆成本可对照读。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/30%20%E7%BB%8F%E9%AA%8C%E6%8A%80%E5%B7%A7/10%20Vibe%20Coding%20%E6%88%90%E6%9C%AC%E6%8E%A7%E5%88%B6%E6%8A%80%E5%B7%A7.md&quot; target=&quot;_blank&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;figure&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/30%20%E7%BB%8F%E9%AA%8C%E6%8A%80%E5%B7%A7/10%20Vibe%20Coding%20%E6%88%90%E6%9C%AC%E6%8E%A7%E5%88%B6%E6%8A%80%E5%B7%A7.md&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;成本控制&quot; loading=&quot;lazy&quot; width=&quot;1344&quot; height=&quot;576&quot; src=&quot;/_astro/cite-cost.ChRt9gug_18zo0P.webp&quot; /&gt;&lt;figcaption&gt;成本控制&lt;/figcaption&gt;&lt;/a&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/30%20%E7%BB%8F%E9%AA%8C%E6%8A%80%E5%B7%A7/10%20Vibe%20Coding%20%E6%88%90%E6%9C%AC%E6%8E%A7%E5%88%B6%E6%8A%80%E5%B7%A7.md&quot; target=&quot;_blank&quot;&gt;原文 · 10 · GitHub&lt;/a&gt; · &lt;a href=&quot;https://ai.codefather.cn/vibe&quot; target=&quot;_blank&quot;&gt;Vibe 系列入口&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;11 团队协作技巧&lt;/h2&gt;&lt;p&gt;统一 Rules / Git 流程 / 共享 Skills；避免多人各 vibe 各的风格。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/30%20%E7%BB%8F%E9%AA%8C%E6%8A%80%E5%B7%A7/11%20Vibe%20Coding%20%E5%9B%A2%E9%98%9F%E5%8D%8F%E4%BD%9C%E6%8A%80%E5%B7%A7.md&quot; target=&quot;_blank&quot;&gt;原文 · 11 · GitHub&lt;/a&gt; · &lt;a href=&quot;https://ai.codefather.cn/vibe&quot; target=&quot;_blank&quot;&gt;Vibe 系列入口&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;12 网站美化技巧&lt;/h2&gt;&lt;p&gt;七招去 AI 味儿：配色、排版、动效、真实素材；别默认蓝紫渐变。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/30%20%E7%BB%8F%E9%AA%8C%E6%8A%80%E5%B7%A7/12%20Vibe%20Coding%20%E7%BD%91%E7%AB%99%E7%BE%8E%E5%8C%96%E6%8A%80%E5%B7%A7.md&quot; target=&quot;_blank&quot;&gt;原文 · 12 · GitHub&lt;/a&gt; · &lt;a href=&quot;https://ai.codefather.cn/vibe&quot; target=&quot;_blank&quot;&gt;Vibe 系列入口&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;Harness Engineering 保姆级教程&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;Agent = 模型 + Harness。&lt;/strong&gt; 五模块：上下文架构、执行能力、任务编排、反馈机制、架构护栏。瓶颈常在环境不在模型；OpenAI 小团队靠 Harness 上百万行代码的案例在这篇里讲透了。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/30%20%E7%BB%8F%E9%AA%8C%E6%8A%80%E5%B7%A7/Harness%20Engineering%20%E4%BF%9D%E5%A7%86%E7%BA%A7%E6%95%99%E7%A8%8B.md&quot; target=&quot;_blank&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;figure&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/30%20%E7%BB%8F%E9%AA%8C%E6%8A%80%E5%B7%A7/Harness%20Engineering%20%E4%BF%9D%E5%A7%86%E7%BA%A7%E6%95%99%E7%A8%8B.md&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;Harness&quot; loading=&quot;lazy&quot; width=&quot;1344&quot; height=&quot;576&quot; src=&quot;/_astro/cite-harness.B6yIpK_3_25QgEb.webp&quot; /&gt;&lt;figcaption&gt;Harness&lt;/figcaption&gt;&lt;/a&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/30%20%E7%BB%8F%E9%AA%8C%E6%8A%80%E5%B7%A7/Harness%20Engineering%20%E4%BF%9D%E5%A7%86%E7%BA%A7%E6%95%99%E7%A8%8B.md&quot; target=&quot;_blank&quot;&gt;原文 · Harness · GitHub&lt;/a&gt; · &lt;a href=&quot;https://ai.codefather.cn/vibe&quot; target=&quot;_blank&quot;&gt;Vibe 系列入口&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;Loop Engineering 保姆级教程&lt;/h2&gt;&lt;p&gt;Prompt → Context → Harness → &lt;strong&gt;Loop&lt;/strong&gt;：设计可验证停止条件 + 反馈闭环 + 状态文件，让系统代替你逐步提示 Agent。Boris / Peter 都在推这个范式；Harness 没搭好就上 Loop 容易空转烧钱。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/30%20%E7%BB%8F%E9%AA%8C%E6%8A%80%E5%B7%A7/Loop%20Engineering%20%E4%BF%9D%E5%A7%86%E7%BA%A7%E6%95%99%E7%A8%8B.md&quot; target=&quot;_blank&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;figure&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/30%20%E7%BB%8F%E9%AA%8C%E6%8A%80%E5%B7%A7/Loop%20Engineering%20%E4%BF%9D%E5%A7%86%E7%BA%A7%E6%95%99%E7%A8%8B.md&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;Loop&quot; loading=&quot;lazy&quot; width=&quot;1344&quot; height=&quot;576&quot; src=&quot;/_astro/cite-loop.CQzXKh6Z_Z28aE6S.webp&quot; /&gt;&lt;figcaption&gt;Loop&lt;/figcaption&gt;&lt;/a&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/30%20%E7%BB%8F%E9%AA%8C%E6%8A%80%E5%B7%A7/Loop%20Engineering%20%E4%BF%9D%E5%A7%86%E7%BA%A7%E6%95%99%E7%A8%8B.md&quot; target=&quot;_blank&quot;&gt;原文 · Loop · GitHub&lt;/a&gt; · &lt;a href=&quot;https://ai.codefather.cn/vibe&quot; target=&quot;_blank&quot;&gt;Vibe 系列入口&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;AI 大规模代码迁移方法&lt;/h2&gt;&lt;p&gt;Anthropic 六步迁移法：验证 → 规则手册 → 试跑 → 全量翻译（翻译 / 找茬 / 修复 Agent）→ 编译 / 行为对齐循环。核心：&lt;strong&gt;改流程不改单点代码&lt;/strong&gt;；审查与实现必须隔离对话。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/30%20%E7%BB%8F%E9%AA%8C%E6%8A%80%E5%B7%A7/AI%20%E5%A4%A7%E8%A7%84%E6%A8%A1%E4%BB%A3%E7%A0%81%E8%BF%81%E7%A7%BB%E6%96%B9%E6%B3%95.md&quot; target=&quot;_blank&quot;&gt;原文 · 代码迁移 · GitHub&lt;/a&gt; · &lt;a href=&quot;https://ai.codefather.cn/vibe&quot; target=&quot;_blank&quot;&gt;Vibe 系列入口&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;鱼皮的 AI 工作流分享&lt;/h2&gt;&lt;p&gt;热点监控、图文创作、编程、客服法务、NL2SQL、视频元信息——重复劳动沉淀为 Skills；monthly 十亿 token 量级的真实工作流样本。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/30%20%E7%BB%8F%E9%AA%8C%E6%8A%80%E5%B7%A7/%E9%B1%BC%E7%9A%AE%E7%9A%84%20AI%20%E5%B7%A5%E4%BD%9C%E6%B5%81%E5%88%86%E4%BA%AB.md&quot; target=&quot;_blank&quot;&gt;原文 · 工作流 · GitHub&lt;/a&gt; · &lt;a href=&quot;https://ai.codefather.cn/vibe&quot; target=&quot;_blank&quot;&gt;Vibe 系列入口&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;方法论怎么串&lt;/h2&gt;


































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;层次&lt;/th&gt;&lt;th&gt;本栏对应&lt;/th&gt;&lt;th&gt;OpenClaw 索引侧重&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;对话 / 上下文&lt;/td&gt;&lt;td&gt;01–04&lt;/td&gt;&lt;td&gt;07 初始化、08 模型、13 记忆&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Harness&lt;/td&gt;&lt;td&gt;Harness 文 + 06–07&lt;/td&gt;&lt;td&gt;10 Skills、09 工具、14 安全&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Loop&lt;/td&gt;&lt;td&gt;Loop 文&lt;/td&gt;&lt;td&gt;11 定时、12 多 Agent&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;成本&lt;/td&gt;&lt;td&gt;10 + 05&lt;/td&gt;&lt;td&gt;13 记忆与成本控制&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;远程执行&lt;/td&gt;&lt;td&gt;—&lt;/td&gt;&lt;td&gt;安装、IM 接入、部署&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;出处与边界&lt;/h2&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;项&lt;/th&gt;&lt;th&gt;说明&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;原作&lt;/td&gt;&lt;td&gt;程序员鱼皮 · &lt;a href=&quot;https://github.com/liyupi/ai-guide&quot; target=&quot;_blank&quot;&gt;ai-guide&lt;/a&gt; · &lt;a href=&quot;https://ai.codefather.cn/vibe&quot; target=&quot;_blank&quot;&gt;Vibe Coding&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;本篇&lt;/td&gt;&lt;td&gt;索引 + 精炼摘要；步骤以原文为准&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;呈现&lt;/td&gt;&lt;td&gt;章节小长条配图 + 表格 + 原文链接&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;相关阅读&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;/posts/vibe-basics-index/&quot;&gt;入门坐标&lt;/a&gt; · &lt;a href=&quot;/posts/vibe-coding-tools-index/&quot;&gt;工具栈三岔&lt;/a&gt; · &lt;a href=&quot;/posts/vibe-projects-index/&quot;&gt;项目实战&lt;/a&gt; · &lt;a href=&quot;/posts/vibe-monetize-index/&quot;&gt;产品变现&lt;/a&gt; · &lt;a href=&quot;/posts/vibe-learning-index/&quot;&gt;编程学习&lt;/a&gt; · &lt;a href=&quot;/posts/vibe-concepts-hotposts-index/&quot;&gt;概念与热文&lt;/a&gt; · &lt;a href=&quot;/posts/vibe-mcp-index/&quot;&gt;MCP 薄笔记&lt;/a&gt; · &lt;a href=&quot;/posts/openclaw-tutorial-index/&quot;&gt;OpenClaw 索引&lt;/a&gt; · &lt;a href=&quot;/collections/vibe-tutorial-index/&quot;&gt;合集 鱼皮VibeCoding&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;未做&lt;/td&gt;&lt;td&gt;不镜像全文、不搬运图床&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;部分章节 AI 导航暂无独立 &lt;code&gt;library&lt;/code&gt; ID，深链以 GitHub 为准，并挂 &lt;a href=&quot;https://ai.codefather.cn/vibe&quot; target=&quot;_blank&quot;&gt;Vibe 系列总入口&lt;/a&gt;。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>工具栈三岔：浏览器 · 编辑器 · 终端</title><link>https://fork-firefly.vercel.app/posts/vibe-coding-tools-index/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/vibe-coding-tools-index/</guid><description>Vibe「10 编程工具」选型地图：零代码 / AI 编辑器 / CLI 三大类对照，Cursor·Claude Code·Codex 专题入口，链回原文。</description><pubDate>Tue, 04 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;鱼皮那套 &lt;a href=&quot;https://ai.codefather.cn/vibe&quot; target=&quot;_blank&quot;&gt;Vibe Coding 零基础教程&lt;/a&gt; 里，「10 编程工具」板块单独就能占一本小册子：从零代码到 Cursor / Claude Code / Codex，再到 OpenClaw 和 32 工具盘点。全搬进博客没意义，这篇只做索引和能带走的判断，操作细节回原文。&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/tree/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/10%20%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7&quot; target=&quot;_blank&quot;&gt;原文 · 10 编程工具目录（GitHub）&lt;/a&gt; · &lt;a href=&quot;https://ai.codefather.cn/vibe&quot; target=&quot;_blank&quot;&gt;Vibe Coding 在线阅读&lt;/a&gt; · &lt;a href=&quot;https://github.com/liyupi/ai-guide&quot; target=&quot;_blank&quot;&gt;ai-guide 仓库&lt;/a&gt;&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;怎么读这张地图&lt;/h2&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;你的情况&lt;/th&gt;&lt;th&gt;建议路径&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;完全零基础，想今天出东西&lt;/td&gt;&lt;td&gt;00 导读 → 01 模型 → 02 零代码&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;有基础，要控代码做项目&lt;/td&gt;&lt;td&gt;01 模型 → 04 代码编辑器 → Cursor 专题&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;极客 / 服务器 / 批量自动化&lt;/td&gt;&lt;td&gt;05 命令行 → Claude Code / Codex 专题&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;不知道买啥、怎么搭&lt;/td&gt;&lt;td&gt;直接跳 09 鱼皮工具箱&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;OpenClaw 养虾&lt;/td&gt;&lt;td&gt;本站已有 &lt;a href=&quot;/posts/openclaw-tutorial-index/&quot;&gt;数字员工与权限边界：OpenClaw 索引&lt;/a&gt;，本节 07 只挂入口&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;鱼皮把工具分成三大类：&lt;strong&gt;零代码平台&lt;/strong&gt;（浏览器开箱）、&lt;strong&gt;AI 代码编辑器&lt;/strong&gt;（本地精控）、&lt;strong&gt;命令行工具&lt;/strong&gt;（CLI 是 AI 的母语）。选对类型，比纠结「哪个最好」重要。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/tree/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/10%20%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7&quot; target=&quot;_blank&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;figure&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/tree/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/10%20%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;三岔选型&quot; loading=&quot;lazy&quot; width=&quot;1344&quot; height=&quot;576&quot; src=&quot;/_astro/cite-map-three.BwmnZeg-_ZfLbbR.webp&quot; /&gt;&lt;figcaption&gt;三岔选型&lt;/figcaption&gt;&lt;/a&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;00 AI 编程工具大全&lt;/h2&gt;&lt;p&gt;板块总导读：为什么 Vibe 时代选型比传统 IDE 重要、三大类型对照、主线/支线怎么读。支线就是 Cursor / Codex / Claude Code 三个子目录 + &lt;code&gt;工具实战/&lt;/code&gt;。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/10%20%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7/00%20AI%20%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7%E5%A4%A7%E5%85%A8.md&quot; target=&quot;_blank&quot;&gt;原文 · GitHub&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;01 AI 模型选择指南&lt;/h2&gt;&lt;p&gt;所有工具共用「大脑」：Claude 偏代码质量，GPT 偏速度和生态，Gemini 偏超长上下文和 UI，国产（DeepSeek / GLM / 通义 / Kimi）偏性价比。按预算 + 场景选，没有绝对最强。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/10%20%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7/01%20AI%20%E6%A8%A1%E5%9E%8B%E9%80%89%E6%8B%A9%E6%8C%87%E5%8D%97.md&quot; target=&quot;_blank&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;figure&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/10%20%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7/01%20AI%20%E6%A8%A1%E5%9E%8B%E9%80%89%E6%8B%A9%E6%8C%87%E5%8D%97.md&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;模型选型&quot; loading=&quot;lazy&quot; width=&quot;1344&quot; height=&quot;576&quot; src=&quot;/_astro/cite-models.CORbJraL_d3NnA.webp&quot; /&gt;&lt;figcaption&gt;模型选型&lt;/figcaption&gt;&lt;/a&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/10%20%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7/01%20AI%20%E6%A8%A1%E5%9E%8B%E9%80%89%E6%8B%A9%E6%8C%87%E5%8D%97.md&quot; target=&quot;_blank&quot;&gt;原文 · GitHub&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;02 AI 零代码平台&lt;/h2&gt;&lt;p&gt;Bolt.new / Lovable / 百度秒哒为主：打开浏览器、说人话、所见即所得。Bolt 快原型，Lovable 全栈+数据库，秒哒中文+商业化（支付）。新手最佳起点。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/10%20%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7/02%20AI%20%E9%9B%B6%E4%BB%A3%E7%A0%81%E5%B9%B3%E5%8F%B0.md&quot; target=&quot;_blank&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;figure&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/10%20%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7/02%20AI%20%E9%9B%B6%E4%BB%A3%E7%A0%81%E5%B9%B3%E5%8F%B0.md&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;零代码&quot; loading=&quot;lazy&quot; width=&quot;1344&quot; height=&quot;576&quot; src=&quot;/_astro/cite-nocode.btOhMAn5_1KsIV9.webp&quot; /&gt;&lt;figcaption&gt;零代码&lt;/figcaption&gt;&lt;/a&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/10%20%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7/02%20AI%20%E9%9B%B6%E4%BB%A3%E7%A0%81%E5%B9%B3%E5%8F%B0.md&quot; target=&quot;_blank&quot;&gt;原文 · GitHub&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;03 AI 智能体平台&lt;/h2&gt;&lt;p&gt;Flowith / Manus / OpenManus：AI 当项目经理，自主规划、长时运行（做大型站、长 PPT、批量内容）。适合「只要结果、不管过程」；精修仍建议导出到 Cursor。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/10%20%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7/03%20AI%20%E6%99%BA%E8%83%BD%E4%BD%93%E5%B9%B3%E5%8F%B0.md&quot; target=&quot;_blank&quot;&gt;原文 · GitHub&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;04 AI 代码编辑器&lt;/h2&gt;&lt;p&gt;Cursor 深度讲解 + Windsurf / Antigravity / Kiro / TRAE / Zed 横评。Tab 补全、Agent 多文件、Chat / 内联编辑；&lt;code&gt;.cursorrules&lt;/code&gt;、分步需求、Git 回滚是实战要点。预算够优先 Cursor，省钱看 Windsurf。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/10%20%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7/04%20AI%20%E4%BB%A3%E7%A0%81%E7%BC%96%E8%BE%91%E5%99%A8.md&quot; target=&quot;_blank&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;figure&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/10%20%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7/04%20AI%20%E4%BB%A3%E7%A0%81%E7%BC%96%E8%BE%91%E5%99%A8.md&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;代码编辑器&quot; loading=&quot;lazy&quot; width=&quot;1344&quot; height=&quot;576&quot; src=&quot;/_astro/cite-editors.DtUW1tFA_Z1psmst.webp&quot; /&gt;&lt;figcaption&gt;代码编辑器&lt;/figcaption&gt;&lt;/a&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/10%20%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7/04%20AI%20%E4%BB%A3%E7%A0%81%E7%BC%96%E8%BE%91%E5%99%A8.md&quot; target=&quot;_blank&quot;&gt;原文 · GitHub&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;05 AI 命令行编程工具&lt;/h2&gt;&lt;p&gt;Claude Code 为主，Gemini CLI / Codex CLI / Aider 等补充。CLI 面向 AI 执行成功率更高、Token 更省；Skills 把规范打包给 Agent。国内常配国产模型 API。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/10%20%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7/05%20AI%20%E5%91%BD%E4%BB%A4%E8%A1%8C%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7.md&quot; target=&quot;_blank&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;figure&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/10%20%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7/05%20AI%20%E5%91%BD%E4%BB%A4%E8%A1%8C%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7.md&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;命令行&quot; loading=&quot;lazy&quot; width=&quot;1344&quot; height=&quot;576&quot; src=&quot;/_astro/cite-cli.CS_lU7ND_2ryoRs.webp&quot; /&gt;&lt;figcaption&gt;命令行&lt;/figcaption&gt;&lt;/a&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/10%20%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7/05%20AI%20%E5%91%BD%E4%BB%A4%E8%A1%8C%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7.md&quot; target=&quot;_blank&quot;&gt;原文 · GitHub&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;06 AI IDE 插件&lt;/h2&gt;&lt;p&gt;Cline、Continue、GitHub Copilot 等：在 VS Code / JetBrains 里加 AI，Cursor 额度用尽时的备胎。Cline 免费、跨 IDE，鱼皮当 Cursor 替补。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/10%20%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7/06%20AI%20IDE%20%E6%8F%92%E4%BB%B6.md&quot; target=&quot;_blank&quot;&gt;原文 · GitHub&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;07 OpenClaw 保姆级安装教程&lt;/h2&gt;&lt;p&gt;Vibe 板块里的 OpenClaw 入口：数字员工、接 IM、控本机。&lt;strong&gt;本站已单独做 &lt;a href=&quot;/posts/openclaw-tutorial-index/&quot;&gt;OpenClaw 索引&lt;/a&gt;&lt;/strong&gt;，本章只作链回，不重复展开。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/10%20%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7/07%20OpenClaw%20%E4%BF%9D%E5%A7%86%E7%BA%A7%E5%AE%89%E8%A3%85%E6%95%99%E7%A8%8B.md&quot; target=&quot;_blank&quot;&gt;原文 · GitHub&lt;/a&gt; · &lt;a href=&quot;/posts/openclaw-tutorial-index/&quot;&gt;本站 OpenClaw 索引&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;08 AI 辅助工具集&lt;/h2&gt;&lt;p&gt;Git / 部署 / MCP / Agent Skills / 规范驱动开发等周边：让主工具跑得稳。和 10 扩展推荐有交叉，08 偏「工作流组件」，10 偏「扩展清单」。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/10%20%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7/08%20AI%20%E8%BE%85%E5%8A%A9%E5%B7%A5%E5%85%B7%E9%9B%86.md&quot; target=&quot;_blank&quot;&gt;原文 · GitHub&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;09 我的 AI 工具箱推荐&lt;/h2&gt;&lt;p&gt;鱼皮 2025 Top 20 实盘：大项目 Cursor+Opus，小项目 Claude Code+GLM，备胎 Cline+DeepSeek；多媒体、大模型、框架、浏览器插件分场景组合。不知道咋搭，先看这篇。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/10%20%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7/09%20%E6%88%91%E7%9A%84%20AI%20%E5%B7%A5%E5%85%B7%E7%AE%B1%E6%8E%A8%E8%8D%90.md&quot; target=&quot;_blank&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;figure&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/10%20%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7/09%20%E6%88%91%E7%9A%84%20AI%20%E5%B7%A5%E5%85%B7%E7%AE%B1%E6%8E%A8%E8%8D%90.md&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;工具箱&quot; loading=&quot;lazy&quot; width=&quot;1344&quot; height=&quot;576&quot; src=&quot;/_astro/cite-toolbox.DQk1jwY8_1g1w1K.webp&quot; /&gt;&lt;figcaption&gt;工具箱&lt;/figcaption&gt;&lt;/a&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/10%20%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7/09%20%E6%88%91%E7%9A%84%20AI%20%E5%B7%A5%E5%85%B7%E7%AE%B1%E6%8E%A8%E8%8D%90.md&quot; target=&quot;_blank&quot;&gt;原文 · GitHub&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;10 优质 AI 编程扩展推荐&lt;/h2&gt;&lt;p&gt;超长扩展清单：Rules、MCP、Skills、插件、规范工具等。和 Cursor / Claude Code 配置文互补，适合当「还能装什么」的检索表。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/10%20%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7/10%20%E4%BC%98%E8%B4%A8%20AI%20%E7%BC%96%E7%A8%8B%E6%89%A9%E5%B1%95%E6%8E%A8%E8%8D%90.md&quot; target=&quot;_blank&quot;&gt;原文 · GitHub&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;Cursor 专题&lt;/h2&gt;
















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;原文&lt;/th&gt;&lt;th&gt;摘要&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/10%20%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7/Cursor/Cursor%20%E4%BF%9D%E5%A7%86%E7%BA%A7%E6%95%99%E7%A8%8B.md&quot; target=&quot;_blank&quot;&gt;Cursor 保姆级教程&lt;/a&gt;&lt;/td&gt;&lt;td&gt;安装到第一个项目：Agent / Chat / Rules 入门&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/10%20%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7/Cursor/Cursor%20Debug%20%E6%A8%A1%E5%BC%8F%E8%AF%A6%E8%A7%A3.md&quot; target=&quot;_blank&quot;&gt;Cursor Debug 模式详解&lt;/a&gt;&lt;/td&gt;&lt;td&gt;Debug 模式定位与用法&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/tree/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/10%20%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7/Cursor&quot; target=&quot;_blank&quot;&gt;Cursor 目录 · GitHub&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;Claude Code 专题&lt;/h2&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;原文&lt;/th&gt;&lt;th&gt;摘要&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/10%20%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7/Claude%20Code/Claude%20Code%20%E5%B8%B8%E7%94%A8%E6%96%9C%E6%9D%A0%E5%91%BD%E4%BB%A4%E5%A4%A7%E5%85%A8.md&quot; target=&quot;_blank&quot;&gt;常用斜杠命令大全&lt;/a&gt;&lt;/td&gt;&lt;td&gt;斜杠命令速查&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/10%20%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7/Claude%20Code/Claude%20Code%20%E9%85%8D%E7%BD%AE%E5%93%B2%E5%AD%A6%EF%BC%9A%E4%B8%83%E7%A7%8D%E6%8C%87%E4%BB%A4%E6%96%B9%E5%BC%8F%E5%85%A8%E8%A7%A3%E6%9E%90.md&quot; target=&quot;_blank&quot;&gt;七种指令方式全解析&lt;/a&gt;&lt;/td&gt;&lt;td&gt;CLAUDE.md / Rules / Skills / Hooks 等&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/10%20%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7/Claude%20Code/%E7%94%A8%E5%A5%BD%20CLAUDE.md%20%E8%AE%A9%20AI%20%E7%BC%96%E7%A8%8B%E6%95%88%E7%87%8F%E7%BF%BB%E5%80%8D.md&quot; target=&quot;_blank&quot;&gt;用好 CLAUDE.md&lt;/a&gt;&lt;/td&gt;&lt;td&gt;项目级上下文怎么写&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/10%20%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7/Claude%20Code/Claude%20Code%20%E5%92%8C%20Codex%20%E5%AF%B9%E6%8E%A5%E5%9B%BD%E5%86%85%E6%A8%A1%E5%9E%8B%E6%95%99%E7%A8%8B.md&quot; target=&quot;_blank&quot;&gt;对接国内模型&lt;/a&gt;&lt;/td&gt;&lt;td&gt;Claude Code / Codex 换国产 API&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/tree/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/10%20%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7/Claude%20Code&quot; target=&quot;_blank&quot;&gt;Claude Code 目录 · GitHub&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;Codex 专题&lt;/h2&gt;




















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;原文&lt;/th&gt;&lt;th&gt;摘要&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/10%20%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7/Codex/Codex%EF%BC%9AAI%20%E6%A1%8C%E9%9D%A2%E5%BA%94%E7%94%A8%E4%BF%9D%E5%A7%86%E7%BA%A7%E6%95%99%E7%A8%8B.md&quot; target=&quot;_blank&quot;&gt;AI 桌面应用保姆级教程&lt;/a&gt;&lt;/td&gt;&lt;td&gt;Browser/Computer Use、Skills、MCP、自动化&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/10%20%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7/Codex/Codex%20Record%20&amp;amp;%20Replay%EF%BC%9A%E5%BD%95%E5%88%B6%E5%8A%9F%E8%83%BD%E6%95%99%E7%A8%8B.md&quot; target=&quot;_blank&quot;&gt;Record &amp;amp; Replay&lt;/a&gt;&lt;/td&gt;&lt;td&gt;录制回放工作流&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/10%20%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7/Codex/Codex%20%E4%B8%BB%E9%A2%98%E5%AE%9A%E5%88%B6%E6%95%99%E7%A8%8B.md&quot; target=&quot;_blank&quot;&gt;主题定制教程&lt;/a&gt;&lt;/td&gt;&lt;td&gt;终端/UI 主题&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/tree/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/10%20%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7/Codex&quot; target=&quot;_blank&quot;&gt;Codex 目录 · GitHub&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;工具实战（选读）&lt;/h2&gt;
































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;原文&lt;/th&gt;&lt;th&gt;摘要&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/10%20%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7/%E5%B7%A5%E5%85%B7%E5%AE%9E%E6%88%98/%E7%9B%98%E7%82%B9%2032%20%E4%B8%AA%20AI%20%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7.md&quot; target=&quot;_blank&quot;&gt;盘点 32 个 AI 编程工具&lt;/a&gt;&lt;/td&gt;&lt;td&gt;全景盘点&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/10%20%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7/%E5%B7%A5%E5%85%B7%E5%AE%9E%E6%88%98/VSCode%20%2B%20GitHub%20Copilot%EF%BC%9A%E5%BE%AE%E8%BD%AF%E5%85%A8%E5%AE%B6%E6%A1%B6%E7%9A%84%20AI%20%E7%BC%96%E7%A8%8B%E5%AE%9E%E6%88%98.md&quot; target=&quot;_blank&quot;&gt;VSCode + Copilot 实战&lt;/a&gt;&lt;/td&gt;&lt;td&gt;微软全家桶路线&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/10%20%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7/%E5%B7%A5%E5%85%B7%E5%AE%9E%E6%88%98/Gemini%20CLI%20%E9%A6%96%E6%B5%8B%EF%BC%9A%E5%85%8D%E8%B4%B9%E5%BC%80%E6%BA%90%E5%BE%88%E9%A6%99%EF%BC%8C%E4%BD%86%E5%9D%91%E7%82%B9%E5%BE%88%E5%A4%9A%EF%BC%81.md&quot; target=&quot;_blank&quot;&gt;Gemini CLI 首测&lt;/a&gt;&lt;/td&gt;&lt;td&gt;免费 CLI 实测&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/10%20%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7/%E5%B7%A5%E5%85%B7%E5%AE%9E%E6%88%98/TRAE%20SOLO%EF%BC%9AAI%20%E4%B8%BB%E5%AF%BC%E7%9A%84%E5%85%A8%E6%A0%88%E5%BC%80%E5%8F%91%E5%B7%A5%E5%85%B7.md&quot; target=&quot;_blank&quot;&gt;TRAE SOLO&lt;/a&gt;&lt;/td&gt;&lt;td&gt;AI 主导全栈&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/10%20%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7/%E5%B7%A5%E5%85%B7%E5%AE%9E%E6%88%98/Dify%EF%BC%9A%E9%9B%B6%E4%BB%A3%E7%A0%81%20AI%20%E5%BA%94%E7%94%A8%E5%BC%80%E5%8F%91%E5%B9%B3%E5%8F%B0.md&quot; target=&quot;_blank&quot;&gt;Dify 零代码 AI 应用&lt;/a&gt;&lt;/td&gt;&lt;td&gt;知识库 / 工作流&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/10%20%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7/%E5%B7%A5%E5%85%B7%E5%AE%9E%E6%88%98/OpenClaw%EF%BC%9A%E9%83%A8%E7%BD%B2%E4%BD%A0%E7%9A%84%20AI%20%E6%95%B0%E5%AD%97%E5%91%98%E5%B7%A5.md&quot; target=&quot;_blank&quot;&gt;OpenClaw 数字员工&lt;/a&gt;&lt;/td&gt;&lt;td&gt;→ &lt;a href=&quot;/posts/openclaw-tutorial-index/&quot;&gt;本站 OpenClaw 索引&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/tree/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/10%20%E7%BC%96%E7%A8%8B%E5%B7%A5%E5%85%B7/%E5%B7%A5%E5%85%B7%E5%AE%9E%E6%88%98&quot; target=&quot;_blank&quot;&gt;工具实战完整目录 · GitHub&lt;/a&gt;（另含 Spec-kit、Agent Skills、Superpowers、IDEA AI、Copilot 云端开发等）&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;出处与边界&lt;/h2&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;项&lt;/th&gt;&lt;th&gt;说明&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;原作&lt;/td&gt;&lt;td&gt;程序员鱼皮 · &lt;a href=&quot;https://github.com/liyupi/ai-guide&quot; target=&quot;_blank&quot;&gt;ai-guide&lt;/a&gt; · &lt;a href=&quot;https://ai.codefather.cn/vibe&quot; target=&quot;_blank&quot;&gt;AI 导航 / Vibe&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;本篇&lt;/td&gt;&lt;td&gt;索引 + 精炼摘要；步骤与截图以原文为准&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;未做&lt;/td&gt;&lt;td&gt;不镜像全文、不搬运图床整包&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;OpenClaw&lt;/td&gt;&lt;td&gt;07 与实战 OpenClaw 文链到本站 &lt;a href=&quot;/posts/openclaw-tutorial-index/&quot;&gt;OpenClaw 索引&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;相关阅读&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;/posts/vibe-basics-index/&quot;&gt;入门坐标&lt;/a&gt; · &lt;a href=&quot;/posts/vibe-models-index/&quot;&gt;模型横评&lt;/a&gt; · &lt;a href=&quot;/posts/vibe-projects-index/&quot;&gt;项目实战&lt;/a&gt; · &lt;a href=&quot;/posts/vibe-coding-tips-index/&quot;&gt;对话与回路&lt;/a&gt; · &lt;a href=&quot;/posts/vibe-learning-index/&quot;&gt;编程学习&lt;/a&gt; · &lt;a href=&quot;/posts/vibe-concepts-hotposts-index/&quot;&gt;概念与热文&lt;/a&gt; · &lt;a href=&quot;/posts/vibe-mcp-index/&quot;&gt;MCP 薄笔记&lt;/a&gt; · &lt;a href=&quot;/posts/openclaw-tutorial-index/&quot;&gt;OpenClaw 索引&lt;/a&gt; · &lt;a href=&quot;/posts/cursor-claude-harness-migration/&quot;&gt;Cursor 与 Claude 规范迁移&lt;/a&gt; · &lt;a href=&quot;/collections/vibe-tutorial-index/&quot;&gt;合集 鱼皮VibeCoding&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;</content:encoded></item><item><title>AI 产业链：别只盯模型发布</title><link>https://fork-firefly.vercel.app/posts/ai-industry-chain-panorama/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/ai-industry-chain-panorama/</guid><description>模型发布会很热闹，更稳的视角是整条产业链在变厚。用一张五层全景图读应用、模型、技术、基础与支撑，再选个人学习与企业选型切口。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;模型又升一档、产品又开一场发布会，热闹归热闹。更稳的视角是：&lt;strong&gt;整条产业链在变厚&lt;/strong&gt;。算力与数据、框架与平台、基础/行业模型、再到 Agent 与场景，每一环都在动。企业很难只押一个模型；个人也更该先搞清「每层解决什么问题」，再选学习切口。&lt;/p&gt;
&lt;p&gt;华叔这张全景图（另文参见「价值链」版，本次未附）适合当&lt;strong&gt;分层地图&lt;/strong&gt;，不当最新厂商黄页。图里的型号会过时，层职责相对稳。&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;AI 产业链全景图&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/cover.BC1zu8wX_ZMUK9d.webp&quot; /&gt;&lt;figcaption&gt;AI 产业链全景图&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;五层怎么读（上近用户，下远底座）&lt;/h2&gt;


































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;层&lt;/th&gt;&lt;th&gt;在干什么&lt;/th&gt;&lt;th&gt;看图时抓什么&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;应用层&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;行业场景落地&lt;/td&gt;&lt;td&gt;办公、创作、客服、金融、制造、医疗、自动驾驶…谁在吃业务&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;模型层&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;能力生产&lt;/td&gt;&lt;td&gt;基础大模型 / 垂直大模型 / 能力维度（NLP·CV·语音·多模态·规划·代码）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;技术层&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;把模型用起来&lt;/td&gt;&lt;td&gt;训练推理框架、开发平台、数据工具；ML/DL/RL、向量检索等&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;基础层&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;算力与数据底座&lt;/td&gt;&lt;td&gt;芯片·服务器·云；采集→清洗标注→湖仓/向量库；网络与安全&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;支撑层&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;生态与规则&lt;/td&gt;&lt;td&gt;投资、科研、标准开源、政策伦理、人才培养&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;页脚那条链更像价值流向：基础研究 → 技术研发 → 产品服务 → 产业应用 → 价值创造。口号翻译成人话：&lt;strong&gt;没数据没算力，模型悬空；没场景，模型只是演示。&lt;/strong&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;个人怎么用这张图&lt;/h2&gt;&lt;p&gt;别从「我该学哪个模型名」开局，先定位自己落在哪一层、上下游靠谁：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;只会调 API&lt;/strong&gt; → 人在应用层边缘；要加深，往下懂一点模型能力边界 + 技术层编排（Agent/RAG/评测）。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;会训/微调&lt;/strong&gt; → 模型层；同时要知道基础层成本和数据质量会卡死你。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;做平台/中间件&lt;/strong&gt; → 技术层；客户真正买的往往是应用层结果，别只卷框架名词。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;搞基础设施&lt;/strong&gt; → 基础层；离热点远，但应用一爆你就忙。&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;追热点前先问：这个新闻改的是哪一层的约束？是算力便宜了、数据合规变了，还是某个垂直场景打通了？&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;企业怎么用这张图&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;选技术&lt;/strong&gt;：先定场景（应用层），再倒推要不要自建模型、买 API、还是只做编排与数据。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;做产品&lt;/strong&gt;：识别自己卖的是哪一层的交付物，缺的合作伙伴在邻层。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;找伙伴&lt;/strong&gt;：芯片云、数据标注、模型商、集成商、行业 ISV，别全挤在「大模型」四个字里谈。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;整合能力创造价值，不是押中一个基座模型名称。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;读图时别踩这几条&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;厂商与版本（如某代 GPT/Claude/Gemini、国内云平台名单）&lt;strong&gt;会过期&lt;/strong&gt;；收藏的是分层，不是榜单。&lt;/li&gt;
&lt;li&gt;「Agent」在正文里被点到，图上更多落在应用/技术编排侧，别把 Agent 理解成独立第六层神话。&lt;/li&gt;
&lt;li&gt;同作者还有「价值链」参照图；叠看时分清：一张偏&lt;strong&gt;谁在哪一层&lt;/strong&gt;，一张偏&lt;strong&gt;价值怎么流&lt;/strong&gt;。&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;别被单一概念牵着跑&lt;/h2&gt;&lt;p&gt;理解产业链，是为了少被单一概念牵着跑。无论那个概念叫大模型、Agent，还是下一周的新词。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>Codex for OSS：开源维护者可申 6 个月 ChatGPT Pro</title><link>https://fork-firefly.vercel.app/posts/codex-for-oss-pro-six-months/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/codex-for-oss-pro-six-months/</guid><description>OpenAI Codex for Open Source 面向关键开源维护者，入选可拿约 6 个月 ChatGPT Pro 与 API 额度。门槛、表单字段与踩坑按官方页 + 作者经验浓缩。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;OpenAI 的 &lt;a href=&quot;https://openai.com/zh-Hans-CN/form/codex-for-oss/&quot; target=&quot;_blank&quot;&gt;Codex for Open Source&lt;/a&gt; 面向&lt;strong&gt;关键开源软件维护者&lt;/strong&gt;。入选不是「随便找个空仓库」，而是用维护工作流换工具与额度。作者 LeviDing 称自己过审并激活了 6 个月 Pro（约合文中说的 200 美金/月档；结账页样例为日区限时 0 日元）。&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;邮件 You’re in + Pro 升级页（作者样例）&quot; loading=&quot;lazy&quot; width=&quot;680&quot; height=&quot;636&quot; src=&quot;/_astro/cover.C9lyzr2t_1fcjc.webp&quot; /&gt;&lt;figcaption&gt;邮件 You’re in + Pro 升级页（作者样例）&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;p&gt;权益、门槛以官方表单页为准；下面是 2026-08-11 对照官方页 + 作者经验的浓缩版。&lt;strong&gt;别滥用，也别走代申代充。&lt;/strong&gt;&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;能拿什么（官方表述）&lt;/h2&gt;




















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;项&lt;/th&gt;&lt;th&gt;说明&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;ChatGPT Pro × 6 个月&lt;/td&gt;&lt;td&gt;含 Codex，覆盖日常编码 / triage / review / 维护&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;API 额度&lt;/td&gt;&lt;td&gt;写代码、维护自动化、发布工作流、核心 OSS 工作&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Codex Security&lt;/td&gt;&lt;td&gt;&lt;strong&gt;有条件&lt;/strong&gt;，看仓库安全需求是否达标&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;入选支持说明截图&quot; loading=&quot;lazy&quot; width=&quot;483&quot; height=&quot;186&quot; src=&quot;/_astro/05-benefits.jESjtLAD_Z2mI9Js.webp&quot; /&gt;&lt;figcaption&gt;入选支持说明截图&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;谁可以申，官方看重什么&lt;/h2&gt;&lt;p&gt;角色下拉只有：&lt;strong&gt;主要维护者&lt;/strong&gt; 或 &lt;strong&gt;核心维护者&lt;/strong&gt;。没有写死「必须 N star」，但要能讲清用量、采用度或生态重要性。&lt;/p&gt;&lt;p&gt;官方要点：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;活跃开源项目的维护者可申&lt;/li&gt;
&lt;li&gt;找有实质用量、广泛采用、或对生态明确重要的项目&lt;/li&gt;
&lt;li&gt;审核看：仓库使用、生态重要性、&lt;strong&gt;活跃维护证明&lt;/strong&gt;（PR 评审、issue 分类、发版等持续性职责）&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;资格&quot; loading=&quot;lazy&quot; width=&quot;489&quot; height=&quot;99&quot; src=&quot;/_astro/03-eligibility.De0uuj7I_Z1hWP1X.webp&quot; /&gt;&lt;figcaption&gt;资格&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;看重什么&quot; loading=&quot;lazy&quot; width=&quot;493&quot; height=&quot;122&quot; src=&quot;/_astro/04-what-they-value.C4WuLBWm_1mDqw2.webp&quot; /&gt;&lt;figcaption&gt;看重什么&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;作者参考画像：某公开仓库 admin、约 10.8k star（&lt;a href=&quot;https://github.com/javascript-tutorial/zh.javascript.info&quot; target=&quot;_blank&quot;&gt;zh.javascript.info&lt;/a&gt;）；印象中曾要求近三月积极维护（commit 等），后来表单未必仍写明——按&lt;strong&gt;当前表单&lt;/strong&gt;填，旧记忆只当加分信号。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;表单要填啥&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;申请页局部&quot; loading=&quot;lazy&quot; width=&quot;680&quot; height=&quot;443&quot; src=&quot;/_astro/02-apply-form.BX_g1224_12AOvO.webp&quot; /&gt;&lt;figcaption&gt;申请页局部&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;姓名、&lt;strong&gt;与 ChatGPT 账户关联的邮箱&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;GitHub 用户名（资料公开）、仓库 URL（仓库公开）&lt;/li&gt;
&lt;li&gt;角色：主要 / 核心维护者&lt;/li&gt;
&lt;li&gt;为何符合资格（star、月下载、生态重要性等，≤500 字）&lt;/li&gt;
&lt;li&gt;兴趣：Codex Security / 项目 API 额度&lt;/li&gt;
&lt;li&gt;OpenAI Organization ID&lt;/li&gt;
&lt;li&gt;API 额度打算怎么用在项目上（≤500 字）&lt;/li&gt;
&lt;li&gt;其他说明（可选）&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;提交即同意项目条款。滚动审核，&lt;strong&gt;邮件通知&lt;/strong&gt;入选者。可申自己的项目，也可提名其他维护者；不完全符合但生态重要时，仍可申并写理由。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;审核怎么运作&quot; loading=&quot;lazy&quot; width=&quot;466&quot; height=&quot;116&quot; src=&quot;/_astro/06-review-process.CWNr1ph8_u8XtH.webp&quot; /&gt;&lt;figcaption&gt;审核怎么运作&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;节奏与坑（经验，非 SLA）&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;审核&lt;/strong&gt;：官方滚动；作者 2 月底申、感觉以月计；也有人说更快——别按天估。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;激活支付&lt;/strong&gt;：留言里多人提海外卡 / 支付校验变严；国内卡可能卡在升级页。以你账号地区实际结账为准。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;风控&lt;/strong&gt;：有人称 OSS 相关权益用了几周被封。当福利用在真实维护，别当无限号池。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;代充代申&lt;/strong&gt;：评论区已出现转账代认证——直接当诈骗/违规，不碰。&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;申之前先问自己&lt;/h2&gt;&lt;p&gt;仓库公开吗？你是主要/核心维护者吗？能拿出 star/下载/生态重要性 + 持续维护证据吗？API 额度用途写得像&lt;strong&gt;项目维护&lt;/strong&gt;还是像个人白嫖？&lt;/p&gt;&lt;p&gt;过了再谈「尽情发挥」；没过也正常——这是选拔制支持计划，不是通用折扣码。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>白板手绘视频能续跑，靠的是 project.json</title><link>https://fork-firefly.vercel.app/posts/create-whiteboard-video/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/create-whiteboard-video/</guid><description>维克兹开源 create-whiteboard-video：分镜可改、坏图只返工一幕、旁白驱动时长、对角扫描渲染，给 Codex / Claude 用的工程制流水线。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;一句「帮我做个《小马过河》」不够——真正难的是目录不散、分镜可改、坏图只返工一幕、旁白驱动时长、渲染可质检。维克兹开源的 create-whiteboard-video（MIT）把这条链路收成可续跑的 &lt;code&gt;project.json&lt;/code&gt; 工程，给 Codex / Claude / 同类 Agent 用。&lt;/p&gt;
&lt;a href=&quot;https://github.com/Weikezi-AI/create-whiteboard-video&quot; target=&quot;_blank&quot;&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;Weikezi-AI&lt;/div&gt;&lt;/div&gt;&lt;div&gt;/&lt;/div&gt;&lt;div&gt;create-whiteboard-video&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;Waiting for api.github.com...&lt;/div&gt;&lt;div&gt;&lt;div&gt;00K&lt;/div&gt;&lt;div&gt;0K&lt;/div&gt;&lt;div&gt;0K&lt;/div&gt;&lt;span&gt;Waiting...&lt;/span&gt;&lt;/div&gt;&lt;/a&gt;
&lt;p&gt;作者自称测速烧约 3 亿 Token；样例 8 幕约 100 秒普通话女声 + 烧录字幕。数字当故事背景，选型看工作流。&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;仓库能力摘要&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;630&quot; src=&quot;/_astro/cover.xSBbYey4_Z19v5WS.webp&quot; /&gt;&lt;figcaption&gt;仓库能力摘要&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;先对上这些疼点&lt;/h2&gt;
































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;痛点&lt;/th&gt;&lt;th&gt;Skill 做法&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;文件散落 / C 盘炸&lt;/td&gt;&lt;td&gt;&lt;strong&gt;先确认项目根目录&lt;/strong&gt;，素材·venv·成片全进该目录&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;图文两层皮&lt;/td&gt;&lt;td&gt;口播稿 → 语义分镜 → 每幕一个主动作&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;八张一起返工&lt;/td&gt;&lt;td&gt;先第 1 幕定画风与角色，再批量&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;四肢/拟人手势翻车&lt;/td&gt;&lt;td&gt;逐幕结构与故事逻辑检查，不合格不进工程&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;画面干等旁白&lt;/td&gt;&lt;td&gt;&lt;strong&gt;先锁定旁白&lt;/strong&gt;，再按真实时长重算各幕&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;「画了两遍轨迹」&lt;/td&gt;&lt;td&gt;默认对角扫描：轮廓与铺色&lt;strong&gt;同路径&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;分镜确认：8 幕 + 旁白约 100s + 烧录确认&quot; loading=&quot;lazy&quot; width=&quot;781&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-03-storyboard-confirm.BdrwL8ee_1WjDuQ.webp&quot; /&gt;&lt;figcaption&gt;分镜确认：8 幕 + 旁白约 100s + 烧录确认&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;默认画法：整图斜着扫过去&lt;/h2&gt;&lt;p&gt;仓库默认 &lt;code&gt;diagonal-scan&lt;/code&gt;：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;整幕从左上推进到右下&lt;/li&gt;
&lt;li&gt;每条笔触从左下画向右上&lt;/li&gt;
&lt;li&gt;&lt;code&gt;--ink-path diagonal&lt;/code&gt; 与 &lt;code&gt;--color-fill diagonal&lt;/code&gt; &lt;strong&gt;必须成对&lt;/strong&gt;，否则脚本拒绝&lt;/li&gt;
&lt;li&gt;固定手部素材跟落墨；可选语义分层（&lt;code&gt;semantic-stream&lt;/code&gt;）才走 Alpha 蒙版&lt;/li&gt;
&lt;/ul&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;Terminal window&lt;/span&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;python scripts&lt;/span&gt;&lt;span&gt;/&lt;/span&gt;&lt;span&gt;video_project.py render &amp;lt;project.json&amp;gt; `&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;--&lt;/span&gt;&lt;span&gt;ink&lt;/span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt;path diagonal &lt;/span&gt;&lt;span&gt;--&lt;/span&gt;&lt;span&gt;color&lt;/span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt;fill diagonal &lt;/span&gt;&lt;span&gt;--&lt;/span&gt;&lt;span&gt;pointer hand &lt;/span&gt;&lt;span&gt;--&lt;/span&gt;&lt;span&gt;pause auto&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;对角铺色过程帧&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;564&quot; src=&quot;/_astro/fig-02-render-diagonal.xAgLA-fv_ZMBIIy.webp&quot; /&gt;&lt;figcaption&gt;对角铺色过程帧&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;轮廓阶段手部跟笔&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;576&quot; src=&quot;/_astro/fig-04-ink-hand.Bb89jd8J_Z2qm1ra.webp&quot; /&gt;&lt;figcaption&gt;轮廓阶段手部跟笔&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;有人吐槽「不是按笔画先后的真手绘」——作者也认：当前是扫描揭示 + 手部跟笔，不是书法笔顺模拟。叫白板流水线更贴切。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;作者实测路径，可当验收清单&lt;/h2&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;确认目录 → 故事/口播 → 分镜（可 6→8 校准）&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;→ 第1幕画风测试（五条腿之类当场打回）&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;→ 批量其余幕 + 质检&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;→ 旁白/字幕 → 时长重算 → 交付方式确认（烧录/旁挂/无）&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;→ 渲染 → 拼接 → 首中末帧质检&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;《小红帽》同路径约 10 幕、2 分多——说明可复用的是流水线，不是这一套马年素材。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;安装边界，别塞错目录&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;读仓库 &lt;code&gt;SKILL.md&lt;/code&gt;；项目物在&lt;strong&gt;用户确认目录&lt;/strong&gt;，不塞进 Skill 安装目录。&lt;/li&gt;
&lt;li&gt;校验：&lt;code&gt;python -m unittest scripts/test_video_project.py&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;生图/配音依赖你的 Agent 环境与额度；作者留言称样例图用 &lt;strong&gt;GPT Image 2&lt;/strong&gt;，顺利时大约吃 &lt;strong&gt;Plus 周额度的一成量级&lt;/strong&gt;（非 SLA）。&lt;/li&gt;
&lt;li&gt;仓库不含示例成片二进制；成片属于各项目目录生成物。&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;和本机手绘轨怎么分家&lt;/h2&gt;





























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;&lt;/th&gt;&lt;th&gt;create-whiteboard-video&lt;/th&gt;&lt;th&gt;&lt;a href=&quot;/posts/story-to-handdrawn-video/&quot;&gt;story-to-handdrawn-video&lt;/a&gt;（本机已有）&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;形态&lt;/td&gt;&lt;td&gt;完整项目制：分镜·TTS·字幕确认·渲染·质检&lt;/td&gt;&lt;td&gt;Remotion 图轨：文案/图 → 手绘日记风揭示&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;揭示&lt;/td&gt;&lt;td&gt;对角扫描 + 手部指针&lt;/td&gt;&lt;td&gt;左→右 BW→彩；可选翻页&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;声音&lt;/td&gt;&lt;td&gt;流程内旁白/字幕（可烧录）&lt;/td&gt;&lt;td&gt;默认真静音，配音后期&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;续跑&lt;/td&gt;&lt;td&gt;&lt;code&gt;project.json&lt;/code&gt; + status/validate&lt;/td&gt;&lt;td&gt;偏单次渲染脚本&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;不是二选一互斥：要「儿童故事白板片 + 旁白一体」看前者；要「已有分镜图快速做无声手绘轨」看后者。&lt;/p&gt;&lt;p&gt;外部视频 Skill 选型地图另见 &lt;a href=&quot;/posts/six-video-agent-skills/&quot;&gt;六件视频 Agent Skills&lt;/a&gt;。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;值不值得 star 后再试&lt;/h2&gt;&lt;p&gt;价值不在「第一次居然能播」，而在&lt;strong&gt;可停、可改一幕、可续跑&lt;/strong&gt;的生产线。人盯分镜和坏图，Agent 把长流程跑完——这才值得 star 后再本地试一发烟雾测试。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>科研图怕糊字乱中间体：PictureFlow 怎么用</title><link>https://fork-firefly.vercel.app/posts/pictureflow-research-diagrams/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/pictureflow-research-diagrams/</guid><description>通用生图常把下标、连字符和中间体画歪。PictureFlow 让你填已确认的中文要点，专画器件剖面、反应路径与制备流程，不替你发明机理。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;通用生图画科研机理，翻车点往往不在「好不好看」：下标丢了、连字符被改、多出来你没写过的中间体——意思已经变了。&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://pic.sci2ai.com&quot; target=&quot;_blank&quot;&gt;PictureFlow&lt;/a&gt; 走另一条路：你填&lt;strong&gt;已确认&lt;/strong&gt;的中文要点，选画风或专业模板，系统管构图与术语落图。它不发明机理，也不造实验数据。注册限 &lt;code&gt;.edu&lt;/code&gt; / &lt;code&gt;.edu.cn&lt;/code&gt; / &lt;code&gt;.ac.cn&lt;/code&gt;；文称赠 12 积分，按量计费（价格以官网为准）。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;它画什么，不画什么&lt;/h2&gt;
















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;画&lt;/th&gt;&lt;th&gt;不画&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;器件剖面、反应路径、制备流程、TOC 对照、结构示意&lt;/td&gt;&lt;td&gt;散点/柱状/误差棒/拟合/p 值等&lt;strong&gt;数据图&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;把已定内容画清楚&lt;/td&gt;&lt;td&gt;替你「发现」新中间体或实验结论&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;投稿合规、期刊 AI 披露政策，仍要你自己查；出图后对照原始资料逐项核。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;样图在证明什么&lt;/h2&gt;&lt;p&gt;作者称下列为站内直出、无后期。电化学同一模板切换时，&lt;strong&gt;电极名、外电路、离子方向、产物要一起变&lt;/strong&gt;，不能只改标题。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;PEM 燃料电池&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;575&quot; src=&quot;/_astro/cover.DN-oU5tU_Z2sksIL.webp&quot; /&gt;&lt;figcaption&gt;PEM 燃料电池&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;碱性电解水&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;575&quot; src=&quot;/_astro/02-alkaline-electrolysis.BQaUUWMQ_Z1TH305.webp&quot; /&gt;&lt;figcaption&gt;碱性电解水&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;反应路径更吃标注：ORR 共同路径再分 4e⁻（水）与 2e⁻（过氧化氢）。星号与上下标当受控字段，目标是按输入落图，不是模型自由润色——&lt;strong&gt;仍须你校对&lt;/strong&gt;。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;ORR 路径网络&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;575&quot; src=&quot;/_astro/03-orr-pathway.CfAFNC5c_Z2uTJtP.webp&quot; /&gt;&lt;figcaption&gt;ORR 路径网络&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;制备链要保序：混合 → 水热 → 离心洗涤 → 干燥 → 退火 → 产物。装置图标是阅读锚点，不是装饰。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;花状 Co₃O₄ 制备&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;575&quot; src=&quot;/_astro/04-co3o4-synthesis.D0sWKWls_Z23t1BQ.webp&quot; /&gt;&lt;figcaption&gt;花状 Co₃O₄ 制备&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;TOC 一眼对照问题与改进（如多硫化物穿梭 vs 改性隔膜阻隔），不是把全文缩成海报。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;隔膜 TOC 对照&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;1024&quot; src=&quot;/_astro/05-separator-toc.oJdL752N_Z1oceRQ.webp&quot; /&gt;&lt;figcaption&gt;隔膜 TOC 对照&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;生物医学模板仍标 beta：细胞结构、心脏剖面等可做教学/初稿；临床与病理结论别省复核。文内 EGFR–MAPK 通路样例本次未附。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;动物细胞&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;575&quot; src=&quot;/_astro/06-animal-cell.C55NhrQc_ZDSHYq.webp&quot; /&gt;&lt;figcaption&gt;动物细胞&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;心脏剖面&quot; loading=&quot;lazy&quot; width=&quot;819&quot; height=&quot;1024&quot; src=&quot;/_astro/07-heart-anatomy.4DRWJuYQ_HBkON.webp&quot; /&gt;&lt;figcaption&gt;心脏剖面&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;三个入口怎么选&lt;/h2&gt;&lt;p&gt;官网当前也是「画风 / 专业模板 / 自由画」三分：&lt;/p&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;入口&lt;/th&gt;&lt;th&gt;你手里有什么&lt;/th&gt;&lt;th&gt;适合&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;画风&lt;/td&gt;&lt;td&gt;一句话想法&lt;/td&gt;&lt;td&gt;快速比平面 / 2.5D / 3D 视觉方向&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;专业模板&lt;/td&gt;&lt;td&gt;总反应、材料、步骤、标注已定&lt;/td&gt;&lt;td&gt;投稿/标书主战场；中文槽位；文称约 13 模板五类&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;自由画&lt;/td&gt;&lt;td&gt;自己会写提示词&lt;/td&gt;&lt;td&gt;不套模板、不做增强&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;器件工作台常见选项：2K/4K、比例、中英/无字、最多两张参考图；模型侧文称有 Image2 / Nano Banana Pro（名称随产品页变动）。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;第一次怎么试&lt;/h2&gt;&lt;ol&gt;
&lt;li&gt;学术邮箱注册 → 别一上来画论文总图。&lt;/li&gt;
&lt;li&gt;挑熟对象：五步制备、一张器件剖面、或两分支反应网络。&lt;/li&gt;
&lt;li&gt;先填示例，再换成自己的术语与步骤。&lt;/li&gt;
&lt;li&gt;出图后&lt;strong&gt;沿箭头走一遍&lt;/strong&gt;：文字、下标、方向、节点。&lt;/li&gt;
&lt;li&gt;等待约 1–2 分钟；可关页后回历史记录（文称 2K=6 分、4K=8 分，以官网为准）。&lt;/li&gt;
&lt;/ol&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;图可以快，内容不能快进&lt;/h2&gt;&lt;p&gt;图可以快一点，科学内容不能跟着快进——工具负责构图与落字，你负责机理为真。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>配图难在画不稳：ip-diagram-creator 先锁角色再出图</title><link>https://fork-firefly.vercel.app/posts/ip-diagram-creator/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/ip-diagram-creator/</guid><description>漂亮图到处能生，难的是主角明天还像今天。开源 Skill ip-diagram-creator 先固化 IP 角色资产，再按 shot list 出长文配图、知识卡与 PPT。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;漂亮图到处能生，难的是主角明天还像今天。&lt;code&gt;ip-diagram-creator&lt;/code&gt;（MIT，&lt;a href=&quot;https://github.com/haloshin/ip-diagram-creator&quot; target=&quot;_blank&quot;&gt;GitHub&lt;/a&gt;）不是又一个生图按钮，而是一套 Agent Skill 工作流：&lt;strong&gt;先定角色，再拆内容，最后生成图解。&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;授权照片 / 主页截图 / 简介 → 极简手绘 IP 角色资产；再把长文、课程、观点或脚本拆成长文配图、知识卡、方法拆解图、手机海报或整页 PPT。&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;七步工作流&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;576&quot; src=&quot;/_astro/cover.BJMqLUMF_2c6QDp.webp&quot; /&gt;&lt;figcaption&gt;七步工作流&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;a href=&quot;https://github.com/haloshin/ip-diagram-creator&quot; target=&quot;_blank&quot;&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;haloshin&lt;/div&gt;&lt;/div&gt;&lt;div&gt;/&lt;/div&gt;&lt;div&gt;ip-diagram-creator&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;Waiting for api.github.com...&lt;/div&gt;&lt;div&gt;&lt;div&gt;00K&lt;/div&gt;&lt;div&gt;0K&lt;/div&gt;&lt;div&gt;0K&lt;/div&gt;&lt;span&gt;Waiting...&lt;/span&gt;&lt;/div&gt;&lt;/a&gt;
&lt;section&gt;&lt;h2&gt;官方怎么装&lt;/h2&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;Terminal window&lt;/span&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;# 当前项目&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;npx&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;skills&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;add&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;https://github.com/haloshin/ip-diagram-creator&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;# 全局&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;npx&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;skills&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;add&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;https://github.com/haloshin/ip-diagram-creator&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;-g&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;或不走安装器：把仓库丢进 Agent Skills 目录，让 Agent 读 &lt;code&gt;SKILL.md&lt;/code&gt;。&lt;/p&gt;&lt;p&gt;推荐环境：能读图 + 较强推理 + 有图像生成工具。没有生图能力时，Skill 应输出可复制 prompt 和返修 prompt，&lt;strong&gt;不假装已经出图&lt;/strong&gt;。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;痛点：不是画不出，是画不稳&lt;/h2&gt;&lt;p&gt;换一句提示词，眼镜没了、脸型变了、衣服颜色漂了——读者认不出「同一个人」。外包画师换人也一样。IP 立不起来，往往栽在主角漂移，不是缺一张「好看的图」。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;角色三件套，先当固定资产&lt;/h2&gt;&lt;p&gt;写完文章别先「找配图」——先固化角色：&lt;/p&gt;




















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;资产&lt;/th&gt;&lt;th&gt;锁什么&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;01 角色主锚图&lt;/td&gt;&lt;td&gt;长什么样：发型、五官比例、服装、配色&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;02 角色规范说明图&lt;/td&gt;&lt;td&gt;不能跑偏：禁区、道具、配色、纠偏依据&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;03 动作/表情/小比例扩展&lt;/td&gt;&lt;td&gt;缩成米粒大也能认；复杂姿态与 Agent 协作区&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;角色资产产出示例&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;382&quot; src=&quot;/_astro/02-character-assets.CLvI1abT_Z1cCdil.webp&quot; /&gt;&lt;figcaption&gt;角色资产产出示例&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;三张定下来，后面配图从资产里长，而不是每次重抽签。分水岭在这里：问「这张能不能用」还是「这张是不是我」。&lt;/p&gt;&lt;p&gt;引用优先级（仓库约定）：主锚图 &amp;gt; 动作扩展图 &amp;gt; 规范说明图 &amp;gt; 原始照片 &amp;gt; 临时图 &amp;gt; 自由发挥。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;先写 shot list，再分模式出图&lt;/h2&gt;&lt;p&gt;角色确认后，Agent 先读文，输出 &lt;strong&gt;shot list&lt;/strong&gt;（几张、什么类型、各自信息职责），再生成。别一上来「配几张图」——那最容易图文两层皮。&lt;/p&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;模式&lt;/th&gt;&lt;th&gt;信息量 / 用途&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;手绘插图&lt;/td&gt;&lt;td&gt;低密度，大场景隐喻一个观点，偏情绪&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;知识卡&lt;/td&gt;&lt;td&gt;高密度，方法/步骤/风险/行动可收藏&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;长文 shot list&lt;/td&gt;&lt;td&gt;控配图节奏与视觉权重&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;PPT 演讲模式&lt;/td&gt;&lt;td&gt;先导演规划卡 → 样张 → 分批出页 → 整套 QA&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;手绘密度阶梯到知识卡&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;699&quot; src=&quot;/_astro/03-diagram-modes.DeacMADG_2oM2x.webp&quot; /&gt;&lt;figcaption&gt;手绘密度阶梯到知识卡&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;PPT 模式：封面到收尾的整套节奏&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;417&quot; src=&quot;/_astro/04-ppt-mode.DN19992l_ZinTBr.webp&quot; /&gt;&lt;figcaption&gt;PPT 模式：封面到收尾的整套节奏&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;PPT 常见页型：封面、大纲/大判断、模块、标准、场景、时间线、方法、收尾。流程是「先控节奏，再定风格，最后保一致」，不是每页硬套知识卡。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;质量闸门：过这三关再留&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;角色一致&lt;/li&gt;
&lt;li&gt;文字准确（贴输入内容）&lt;/li&gt;
&lt;li&gt;结构清楚&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;边界：别当万能外挂&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;不保证复刻真人；不作证件照 / 高拟真商业肖像&lt;/li&gt;
&lt;li&gt;不吃未授权照片、他人私密截图、不可分发资料&lt;/li&gt;
&lt;li&gt;不替代商标/肖像权/投放前人工审核&lt;/li&gt;
&lt;li&gt;用户确认后的私有角色资产，不要塞进公共 Skill 包当默认皮肤&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;生成 PPT 若要可编辑文字，可接 &lt;code&gt;ppt-master&lt;/code&gt; 等 skills；具体生图模型取决于你的 Agent 环境（有 &lt;code&gt;image_gen&lt;/code&gt; / GPT Image 等则可直出）。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;下一张图之前先问自己&lt;/h2&gt;&lt;p&gt;工具会迭代，热点会凉；稳定可识别的「你」才是配图侧的复利。下一张图之前先问：这是「我」，还是又一张「图」？&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>Linux 目录：先认核心位置，别死背整棵树</title><link>https://fork-firefly.vercel.app/posts/linux-directory-cheatsheet/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/linux-directory-cheatsheet/</guid><description>Linux 目录结构运维速记合稿：核心六位置、etc/var/usr 三件套、八个高频目录，附录小林coding 全景对照卡。</description><pubDate>Mon, 10 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;新手卡 Linux 目录，最容易把自己塞进「把 FHS 整张表背下来」的坑。真干活时你只需要先认几个&lt;strong&gt;常去的位置&lt;/strong&gt;——改配置、查日志、找程序、回用户家，路熟了，整棵树自然长出来。&lt;/p&gt;
&lt;p&gt;原料：公众号「小杰讲网络安全」运维速记图卡（主体六张）+ 「小林coding」《Linux目录结构详解》全景一图（并入文末对照卡）。&lt;/p&gt;
&lt;p&gt;同系列还有「磁盘维护命令」「从加电到可登录」两篇运维速记，本篇先把目录认熟。&lt;/p&gt;
&lt;p&gt;下面按「先看总览 → 认家 → 认干活三件套 → 补高频八目录 → 按用途记 → 整树对照」压成可带走的速记。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;先看这张总览&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;径向总览：含 tmp / boot&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/cover.JnCybFdO_Z6sJDx.webp&quot; /&gt;&lt;figcaption&gt;径向总览：含 tmp / boot&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;整棵树从 &lt;code&gt;/&lt;/code&gt; 长出来。图卡把常见枝丫摊开（含 &lt;code&gt;/tmp&lt;/code&gt;、&lt;code&gt;/boot&lt;/code&gt;），目的不是让你背完，是给你一张&lt;strong&gt;心理地图&lt;/strong&gt;：以后听到路径，知道它大概挂在哪一支。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;六个核心位置就够起步&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;核心位置：/ home root etc var usr&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-02-core-locations.3DzpIkXZ_Cj1wo.webp&quot; /&gt;&lt;figcaption&gt;核心位置：/ home root etc var usr&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;







































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;路径&lt;/th&gt;&lt;th&gt;干什么&lt;/th&gt;&lt;th&gt;新手记法&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;/&lt;/code&gt;&lt;/td&gt;&lt;td&gt;文件系统总入口&lt;/td&gt;&lt;td&gt;所有路径的根&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;/home&lt;/code&gt;&lt;/td&gt;&lt;td&gt;普通用户家目录&lt;/td&gt;&lt;td&gt;你的桌面/文档通常在这&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;/root&lt;/code&gt;&lt;/td&gt;&lt;td&gt;管理员（root）的家&lt;/td&gt;&lt;td&gt;&lt;strong&gt;不是&lt;/strong&gt; &lt;code&gt;/&lt;/code&gt;，别混&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;/etc&lt;/code&gt;&lt;/td&gt;&lt;td&gt;系统与服务配置&lt;/td&gt;&lt;td&gt;改配置先来这&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;/var&lt;/code&gt;&lt;/td&gt;&lt;td&gt;会变的数据：日志、缓存、邮件等&lt;/td&gt;&lt;td&gt;查日志、看涨盘常来这&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;/usr&lt;/code&gt;&lt;/td&gt;&lt;td&gt;用户态程序与共享资源&lt;/td&gt;&lt;td&gt;找装好的程序多半在这&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;&lt;code&gt;/&lt;/code&gt;、&lt;code&gt;/home&lt;/code&gt;、&lt;code&gt;/root&lt;/code&gt; 别混&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;/、/home、/root 区分&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-03-slash-home-root.BS3zqwhQ_w57K9.webp&quot; /&gt;&lt;figcaption&gt;/、/home、/root 区分&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;三件事最容易搞拧：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;&lt;code&gt;/&lt;/code&gt;&lt;/strong&gt;：整棵树的根，不是「root 用户的家」。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;&lt;code&gt;/home/&amp;lt;用户名&amp;gt;&lt;/code&gt;&lt;/strong&gt;：普通用户的家；你登录后 &lt;code&gt;~&lt;/code&gt; 通常指向这里。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;&lt;code&gt;/root&lt;/code&gt;&lt;/strong&gt;：超级用户自己的家目录，权限狠，普通用户进不去是常态。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;记错一次就会出现「我以为在家目录，其实在根下乱写」——运维事故里很常见。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;干活三件套：&lt;code&gt;/etc&lt;/code&gt; · &lt;code&gt;/var&lt;/code&gt; · &lt;code&gt;/usr&lt;/code&gt;&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;配置 / 日志 / 程序&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-04-etc-var-usr.BkJsTwd0_Z1mqy1V.webp&quot; /&gt;&lt;figcaption&gt;配置 / 日志 / 程序&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;日常排障几乎绕不开这三个：&lt;/p&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;去哪&lt;/th&gt;&lt;th&gt;场景&lt;/th&gt;&lt;th&gt;例子直觉&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;/etc&lt;/code&gt;&lt;/td&gt;&lt;td&gt;改行为、看默认配置&lt;/td&gt;&lt;td&gt;nginx、ssh、systemd 单元旁路配置&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;/var&lt;/code&gt;&lt;/td&gt;&lt;td&gt;查发生了什么、数据在涨&lt;/td&gt;&lt;td&gt;&lt;code&gt;/var/log&lt;/code&gt;、缓存、运行时状态&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;/usr&lt;/code&gt;&lt;/td&gt;&lt;td&gt;找命令/库/文档装在哪&lt;/td&gt;&lt;td&gt;二进制、共享库、手册页常落这里&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;口诀：&lt;strong&gt;改配置看 etc，查日志看 var，找程序看 usr。&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;（发行版细节会有 overlay / 合并目录，但新手先按这三格走，不至于迷路。）&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;再补八个高频目录&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;新手八目录：bin/dev/sbin/proc/tmp/boot/opt/mnt&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-05-eight-dirs.UrpbfCbY_1NVxjA.webp&quot; /&gt;&lt;figcaption&gt;新手八目录：bin/dev/sbin/proc/tmp/boot/opt/mnt&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;核心位置认熟后，这八个出现频率也很高：&lt;/p&gt;








































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;路径&lt;/th&gt;&lt;th&gt;一句话&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;/bin&lt;/code&gt;&lt;/td&gt;&lt;td&gt;基础用户命令（很多系统已与 &lt;code&gt;/usr/bin&lt;/code&gt; 合并，概念仍要懂）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;/sbin&lt;/code&gt;&lt;/td&gt;&lt;td&gt;偏系统管理的命令（同样常与 &lt;code&gt;/usr/sbin&lt;/code&gt; 合并）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;/dev&lt;/code&gt;&lt;/td&gt;&lt;td&gt;设备文件入口（磁盘、终端等「当文件用」）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;/proc&lt;/code&gt;&lt;/td&gt;&lt;td&gt;内核与进程的「活信息」（几乎全是虚拟文件）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;/tmp&lt;/code&gt;&lt;/td&gt;&lt;td&gt;临时文件；重启可能清空，别当仓库&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;/boot&lt;/code&gt;&lt;/td&gt;&lt;td&gt;启动相关：内核、引导配置&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;/opt&lt;/code&gt;&lt;/td&gt;&lt;td&gt;第三方/可选软件包常装这&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;/mnt&lt;/code&gt;&lt;/td&gt;&lt;td&gt;临时挂载点（U 盘、额外盘先挂这里很常见）&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;不要求一次背完；下次 &lt;code&gt;cd&lt;/code&gt; 撞上其中一个，回这张表对一下就行。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;按用途记，配三板斧命令&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;按用途记 + cd / ls / pwd&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-06-learn-by-purpose.BDC5jHCO_Z1b0yAy.webp&quot; /&gt;&lt;figcaption&gt;按用途记 + cd / ls / pwd&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;别按字母表背路径，按&lt;strong&gt;你要干什么&lt;/strong&gt;记：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;要改系统怎么跑 → &lt;code&gt;/etc&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;要看它刚才干了啥 / 数据涨哪了 → &lt;code&gt;/var&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;要找程序装哪了 → &lt;code&gt;/usr&lt;/code&gt;（再辅 &lt;code&gt;/opt&lt;/code&gt;、&lt;code&gt;/bin&lt;/code&gt;）&lt;/li&gt;
&lt;li&gt;要回自己文件 → &lt;code&gt;/home&lt;/code&gt;；管理员自己的家 → &lt;code&gt;/root&lt;/code&gt;&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;走路用三板斧就够热身：&lt;/p&gt;




















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;命令&lt;/th&gt;&lt;th&gt;作用&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;pwd&lt;/code&gt;&lt;/td&gt;&lt;td&gt;我现在在哪&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;ls&lt;/code&gt;&lt;/td&gt;&lt;td&gt;这里有什么&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;cd&lt;/code&gt;&lt;/td&gt;&lt;td&gt;去那个位置&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;先 &lt;code&gt;pwd&lt;/code&gt; 再 &lt;code&gt;ls&lt;/code&gt;，少很多「以为在 A 其实在 B」的乌龙。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;认路比背树重要&lt;/h2&gt;&lt;p&gt;Linux 目录标准（FHS）很长，生产发行版还有合并、只读根、容器层叠……新手阶段目标很简单：&lt;strong&gt;听到路径能判断该去哪一类目录&lt;/strong&gt;。核心六位置 + 干活三件套口诀 + 八个高频补丁，够应付绝大多数入门排障；真要深挖某个服务，再对着它的文档钻子目录就行。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;附录：整树对照卡（小林coding）&lt;/h2&gt;&lt;p&gt;上面是「先认常去位置」。需要把整棵树摊开核对时，用这张全景——左树右卡，按颜色分系统核心、设备挂载、用户数据、虚拟文件系统等。发行版细节会有差，大格通常稳。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Linux 目录结构详解全景（小林coding）&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-07-fhs-panorama.DSefjs_e_W907Y.webp&quot; /&gt;&lt;figcaption&gt;Linux 目录结构详解全景（小林coding）&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;section&gt;&lt;h3&gt;快速记忆（图卡底部）&lt;/h3&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;路径&lt;/th&gt;&lt;th&gt;记法&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;/etc&lt;/code&gt;&lt;/td&gt;&lt;td&gt;看配置&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;/home&lt;/code&gt;&lt;/td&gt;&lt;td&gt;看用户资料&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;/var&lt;/code&gt;&lt;/td&gt;&lt;td&gt;看变化数据&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;/usr&lt;/code&gt;&lt;/td&gt;&lt;td&gt;看应用资源&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;/tmp&lt;/code&gt;&lt;/td&gt;&lt;td&gt;看临时文件&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;学习顺序建议：先 &lt;code&gt;/&lt;/code&gt;、&lt;code&gt;/etc&lt;/code&gt;、&lt;code&gt;/home&lt;/code&gt;、&lt;code&gt;/var&lt;/code&gt;，再扩到 &lt;code&gt;/proc&lt;/code&gt;、&lt;code&gt;/sys&lt;/code&gt; 这类虚拟文件系统。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;补全表（正文八目录之外常撞上的）&lt;/h3&gt;
































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;路径&lt;/th&gt;&lt;th&gt;一句话&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;/lib&lt;/code&gt;&lt;/td&gt;&lt;td&gt;基础共享库与内核模块（常与 &lt;code&gt;/usr/lib&lt;/code&gt; 合并）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;/media&lt;/code&gt;&lt;/td&gt;&lt;td&gt;可移动介质自动挂载点&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;/run&lt;/code&gt;&lt;/td&gt;&lt;td&gt;本轮开机以来的运行时状态&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;/srv&lt;/code&gt;&lt;/td&gt;&lt;td&gt;本机对外服务数据（站点、FTP 等）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;/sys&lt;/code&gt;&lt;/td&gt;&lt;td&gt;内核 / 硬件 / 驱动信息的虚拟文件系统&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;/lost+found&lt;/code&gt;&lt;/td&gt;&lt;td&gt;文件系统修复后捞回的碎片（ext 系常见）&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;和正文不冲突：日常仍走「etc / var / usr」三件套；这张卡只在你需要&lt;strong&gt;对照整树&lt;/strong&gt;或解释冷门路径时翻。&lt;/p&gt;&lt;/section&gt;&lt;/section&gt;</content:encoded></item><item><title>小程序里别硬塞 GIF：Lottie JSON 走 canvas 2d</title><link>https://fork-firefly.vercel.app/posts/miniprogram-lottie-canvas/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/miniprogram-lottie-canvas/</guid><description>uni-app 微信端用 lottie-miniprogram + canvas 2d 落地复杂动效；DPR/rpx、原生层定位、expression 禁区与组件封装面。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;复杂高清动效用 GIF，体积先把自己埋了。设计师从 AE（Bodymovin 一类）吐出 JSON，用 &lt;code&gt;lottie-miniprogram&lt;/code&gt; 吃进微信小程序 canvas。这是&lt;strong&gt;设计导出路线&lt;/strong&gt;，不是 GSAP 手写 tween，也不是 SVG 十法那套描边/Morph。&lt;/p&gt;
&lt;p&gt;同系列：&lt;a href=&quot;/posts/motion-lib-pick-by-scene/&quot;&gt;动效库选型&lt;/a&gt;管 Web 引擎；&lt;a href=&quot;/posts/svg-animation-ten-ways/&quot;&gt;SVG 十法&lt;/a&gt;管矢量镜头。本篇只钉 &lt;strong&gt;uni-app 微信端落地&lt;/strong&gt;。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;栈与生命周期&lt;/h2&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;项&lt;/th&gt;&lt;th&gt;口径（原文）&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;宿主&lt;/td&gt;&lt;td&gt;uni-app + Vue 3.4 + TS&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;包&lt;/td&gt;&lt;td&gt;&lt;code&gt;lottie-miniprogram@1.0.12&lt;/code&gt;（官方推荐适配层，源自 lottie-web）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;画布&lt;/td&gt;&lt;td&gt;&lt;code&gt;&amp;lt;canvas type=&quot;2d&quot;&amp;gt;&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;基础库&lt;/td&gt;&lt;td&gt;≥ &lt;strong&gt;2.8&lt;/strong&gt; 新 canvas；&lt;strong&gt;2.9&lt;/strong&gt; 起正式开放&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;硬限制&lt;/td&gt;&lt;td&gt;&lt;strong&gt;不支持 expression&lt;/strong&gt;，小程序禁动态执行 JS&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;核心三拍：&lt;code&gt;lottie.setup(canvas)&lt;/code&gt; → &lt;code&gt;loadAnimation({…})&lt;/code&gt; → 页面/组件卸载 &lt;code&gt;animation.destroy()&lt;/code&gt;。&lt;code&gt;animationData&lt;/code&gt;（本地对象）和 &lt;code&gt;path&lt;/code&gt;（&lt;strong&gt;仅网络 URL&lt;/strong&gt;）二选一；&lt;code&gt;rendererSettings.context&lt;/code&gt; 必传 2d 上下文。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;真机会撞的坑&lt;/h2&gt;&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;糊 + 比例飘&lt;/strong&gt;：设计稿按 px，界面按 rpx，canvas 再不乘 DPR 就糊。先 &lt;code&gt;rpx → px&lt;/code&gt;（&lt;code&gt;rpx/750 * windowWidth&lt;/code&gt;），再设 &lt;code&gt;canvas.width/height = 逻辑尺寸 * dpr&lt;/code&gt;，最后 &lt;code&gt;ctx.scale(dpr, dpr)&lt;/code&gt;；样式宽高跟逻辑 rpx 对齐。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;CSS 挪不动位置&lt;/strong&gt;：type=2d canvas 是原生层，压在 webview 上，CSS 管不住。创建时把样式定死，或走节点/JS API 设位置。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;AE 导出部分失效&lt;/strong&gt;：渐变等在 AE 里能动，进小程序或 Lottie 编辑器却僵住。多半是导出配置与 Lottie 子集不兼容，别先怪自己写错 API；先丢官方/国内预览器验证 JSON。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;expression 直接死&lt;/strong&gt;：设计侧若靠表达式驱动，小程序端跑不起来，得在 AE 侧 baked / 换写法。&lt;/li&gt;
&lt;/ol&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;组件该收的面&lt;/h2&gt;&lt;p&gt;封装成 &lt;code&gt;LottieAnimation&lt;/code&gt; 时，够用的 props：&lt;code&gt;width&lt;/code&gt;/&lt;code&gt;height&lt;/code&gt;（&lt;strong&gt;rpx&lt;/strong&gt;）、&lt;code&gt;json&lt;/code&gt;（对象 | 远程 path 字符串）、&lt;code&gt;isShow&lt;/code&gt;（&lt;code&gt;v-if&lt;/code&gt; 控挂载）。内部把 DPR scale 藏掉；&lt;code&gt;onUnmounted&lt;/code&gt; 必 &lt;code&gt;destroy&lt;/code&gt;。页面侧本地 JSON &lt;code&gt;import&lt;/code&gt; 进来丢给 &lt;code&gt;:json&lt;/code&gt;，宽高给个 200rpx 量级就能验。&lt;/p&gt;&lt;p&gt;关键片段（DPR + setup，勿整文件照抄）：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;const&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;dpr&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;uni&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;span&gt;getSystemInfoSync&lt;/span&gt;&lt;span&gt;().&lt;/span&gt;&lt;span&gt;pixelRatio&lt;/span&gt;&lt;span&gt;;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;canvas&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;span&gt;width&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;rpxToPx&lt;/span&gt;&lt;span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;width&lt;/span&gt;&lt;span&gt;) &lt;/span&gt;&lt;/span&gt;&lt;span&gt;*&lt;/span&gt;&lt;span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;dpr&lt;/span&gt;&lt;span&gt;;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;canvas&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;span&gt;height&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;rpxToPx&lt;/span&gt;&lt;span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;height&lt;/span&gt;&lt;span&gt;) &lt;/span&gt;&lt;/span&gt;&lt;span&gt;*&lt;/span&gt;&lt;span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;dpr&lt;/span&gt;&lt;span&gt;;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;ctx&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;span&gt;scale&lt;/span&gt;&lt;span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;dpr&lt;/span&gt;&lt;span&gt;, &lt;/span&gt;&lt;span&gt;dpr&lt;/span&gt;&lt;span&gt;);&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;lottie&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;span&gt;setup&lt;/span&gt;&lt;span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;canvas&lt;/span&gt;&lt;span&gt;);&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;state&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;span&gt;animation&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;lottie&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;span&gt;loadAnimation&lt;/span&gt;&lt;span&gt;({&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;8&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;loop&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;true&lt;/span&gt;&lt;span&gt;,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;9&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;autoplay&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;true&lt;/span&gt;&lt;span&gt;,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;10&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;rendererSettings&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; { &lt;/span&gt;&lt;span&gt;context&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;ctx&lt;/span&gt;&lt;span&gt; },&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;11&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;...&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;typeof&lt;/span&gt;&lt;span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;json&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;/span&gt;&lt;span&gt;===&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&quot;string&quot;&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;?&lt;/span&gt;&lt;span&gt; { &lt;/span&gt;&lt;span&gt;path&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;json&lt;/span&gt;&lt;span&gt; } &lt;/span&gt;&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; { &lt;/span&gt;&lt;span&gt;animationData&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;json&lt;/span&gt;&lt;span&gt; }),&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;12&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;});&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;完整示例仓库（文内 Gitee，勿当 star 榜）：&lt;a href=&quot;https://gitee.com/phao97/miniprogram-lottie-animation-com&quot; target=&quot;_blank&quot;&gt;phao97/miniprogram-lottie-animation-com&lt;/a&gt;。官方适配：&lt;a href=&quot;https://github.com/wechat-miniprogram/lottie-miniprogram&quot; target=&quot;_blank&quot;&gt;wechat-miniprogram/lottie-miniprogram&lt;/a&gt;。素材与校验：&lt;a href=&quot;https://lottiefiles.com&quot; target=&quot;_blank&quot;&gt;lottiefiles.com&lt;/a&gt;、&lt;a href=&quot;https://lottiefiles.github.io/lottie-docs/playground/json_editor/&quot; target=&quot;_blank&quot;&gt;lottie-docs playground&lt;/a&gt;、&lt;a href=&quot;https://www.json.cn/lottie/&quot; target=&quot;_blank&quot;&gt;json.cn/lottie&lt;/a&gt;。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;什么时候别走这条&lt;/h2&gt;&lt;p&gt;Web 营销站滚动叙事、时间线编排，回 GSAP / anime 那张选型表。纯 SVG 手写描边、Morph、滤镜，回 SVG 十法。只有「设计师已经吐出 Lottie JSON、目标是微信小程序」时，才值得把 canvas 2d + DPR 这一套接上。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>动效库别瞎堆：先按场景砍到一个主引擎</title><link>https://fork-firefly.vercel.app/posts/motion-lib-pick-by-scene/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/motion-lib-pick-by-scene/</guid><description>十个前端动效方案按场景选型，附 GSAP 全员免费拐点；别叠两套引擎，也别拿 Three 去拧按钮。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;站点一要「炫」，搜索结果就甩出一堆库名。真正费钱的是同一区块叠两套引擎、商用许可没查、以及用 Three.js 去拧按钮。下面这张表 + 决策树够开工。&lt;/p&gt;
&lt;p&gt;同系列旁链：&lt;a href=&quot;/posts/svg-animation-ten-ways/&quot;&gt;SVG 能动起来的十条路&lt;/a&gt;（手法文）· &lt;a href=&quot;/posts/miniprogram-lottie-canvas/&quot;&gt;小程序 Lottie&lt;/a&gt;（AE→JSON→canvas，不是 tween 库）。&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;anime.js spring playground&quot; loading=&quot;lazy&quot; width=&quot;540&quot; height=&quot;284&quot; src=&quot;/_astro/fig-01-anime-spring.DG10IyxP_1URx4h.webp&quot; /&gt;&lt;figcaption&gt;anime.js spring playground&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;十库选型表&lt;/h2&gt;

















































































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;方案&lt;/th&gt;&lt;th&gt;主场&lt;/th&gt;&lt;th&gt;体积/形态（原文口径）&lt;/th&gt;&lt;th&gt;许可 / 坑&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;1&lt;/td&gt;&lt;td&gt;&lt;strong&gt;anime.js&lt;/strong&gt; v4&lt;/td&gt;&lt;td&gt;CSS/SVG/DOM/对象；Scroll、spring、draggable&lt;/td&gt;&lt;td&gt;ESM、模块化按需&lt;/td&gt;&lt;td&gt;中等复杂度优先&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;&lt;strong&gt;GSAP&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;Timeline + ScrollTrigger 滚动叙事&lt;/td&gt;&lt;td&gt;插件生态&lt;/td&gt;&lt;td&gt;文称 &lt;strong&gt;2024 中 3.13+ 全插件免费&lt;/strong&gt;（以官网许可复核）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;&lt;strong&gt;Barba.js&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;MPA 整页过渡&lt;/td&gt;&lt;td&gt;~7KB&lt;/td&gt;&lt;td&gt;不是 SPA 路由动画替代品&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;4&lt;/td&gt;&lt;td&gt;&lt;strong&gt;ScrollReveal&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;进视口揭示&lt;/td&gt;&lt;td&gt;零依赖&lt;/td&gt;&lt;td&gt;编排复杂就换引擎&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;5&lt;/td&gt;&lt;td&gt;&lt;strong&gt;WOW.js&lt;/strong&gt; + Animate.css&lt;/td&gt;&lt;td&gt;滚动触发 CSS 类&lt;/td&gt;&lt;td&gt;叠 Animate.css&lt;/td&gt;&lt;td&gt;&lt;strong&gt;WOW 商用要商业许可&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;6&lt;/td&gt;&lt;td&gt;&lt;strong&gt;Animate.css&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;纯 CSS 预设&lt;/td&gt;&lt;td&gt;无 JS 运行时&lt;/td&gt;&lt;td&gt;只够简单进出场&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;7&lt;/td&gt;&lt;td&gt;&lt;strong&gt;Velocity.js&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;jQuery &lt;code&gt;.animate&lt;/code&gt; 升级路径&lt;/td&gt;&lt;td&gt;语法近 jQuery&lt;/td&gt;&lt;td&gt;新项目少见首选&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;8&lt;/td&gt;&lt;td&gt;&lt;strong&gt;mo.js&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;Burst 等 UI 微交互 / 矢量运动图形&lt;/td&gt;&lt;td&gt;微动效向&lt;/td&gt;&lt;td&gt;别当整站滚动导演&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;9&lt;/td&gt;&lt;td&gt;&lt;strong&gt;CreateJS&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;Canvas、广告、Animate 导出&lt;/td&gt;&lt;td&gt;Canvas 族&lt;/td&gt;&lt;td&gt;DOM 动效不找它&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;10&lt;/td&gt;&lt;td&gt;&lt;strong&gt;Three.js&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;Web 3D / WebGPU&lt;/td&gt;&lt;td&gt;场景引擎&lt;/td&gt;&lt;td&gt;2D UI 别硬塞&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;GSAP homepage&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;475&quot; src=&quot;/_astro/fig-02-gsap-homepage.D00xOAzY_Z2lrWuC.webp&quot; /&gt;&lt;figcaption&gt;GSAP homepage&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;先问场景，再点库名&lt;/h2&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;p&gt;存量 jQuery 动画迁出：才轮到 Velocity。新活默认别从它开场。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;anime vs GSAP：怎么二选一&lt;/h2&gt;





























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;&lt;/th&gt;&lt;th&gt;anime.js&lt;/th&gt;&lt;th&gt;GSAP&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;你在乎体积与上手&lt;/td&gt;&lt;td&gt;更轻，v4 ESM&lt;/td&gt;&lt;td&gt;能力全，按需挂插件&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;滚动叙事&lt;/td&gt;&lt;td&gt;有 Scroll&lt;/td&gt;&lt;td&gt;&lt;strong&gt;ScrollTrigger&lt;/strong&gt; 仍是主场&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;团队已有时间线肌肉&lt;/td&gt;&lt;td&gt;够用就别上重的&lt;/td&gt;&lt;td&gt;复杂编排更省事&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;许可&lt;/td&gt;&lt;td&gt;常规开源用法&lt;/td&gt;&lt;td&gt;&lt;strong&gt;3.13+ 插件免费化&lt;/strong&gt;后门槛下降（复核官网）&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;经验法则：营销长页、钉住、scrub、跨组件导演 → GSAP；卡片/SVG/弹簧玩具感、不想背插件心智 → anime。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;WOW.js&quot; loading=&quot;lazy&quot; width=&quot;540&quot; height=&quot;240&quot; src=&quot;/_astro/fig-03-wowjs.5DJUZmW7_Z2pcQmQ.webp&quot; /&gt;&lt;figcaption&gt;WOW.js&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;别踩的两处坑&lt;/h2&gt;&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;WOW.js 商用许可&lt;/strong&gt;——个人演示和商用站不是一回事；能只用 Animate.css / ScrollReveal 就少背一层风险。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;粘贴错乱别当真&lt;/strong&gt;——原文末段曾把 mo.js 列表夹进「上一代库 / 原生 API」；正确归位：mo.js = 微交互；WAAPI / View Transitions = 与库&lt;strong&gt;组合&lt;/strong&gt;的原生层，不是第 11 个同级「炫库」。&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Three.js showcase&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;598&quot; src=&quot;/_astro/fig-04-threejs.BvpDbRB8_Zrt9E3.webp&quot; /&gt;&lt;figcaption&gt;Three.js showcase&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;趋势其实就两头&lt;/h2&gt;&lt;p&gt;专业动效在变成可默认依赖的基础设施（GSAP 插件免费化是信号之一）；另一头是浏览器原生 &lt;strong&gt;View Transitions / WAAPI&lt;/strong&gt; 吃掉一部分「为过渡而引库」。库还在，职责更窄。&lt;/p&gt;&lt;p&gt;本站（Firefly）侧对照一句即可：滚动与时间线能力偏 GSAP 一脉；页面过渡走 &lt;strong&gt;Swup&lt;/strong&gt;，和 Barba 的 MPA 过渡同类问题、不同实现——选型时分清「滚动叙事」和「路由/整页过渡」，别混进同一引擎硬扛。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;GSAP 现已全员免费（附录）&lt;/h2&gt;&lt;p&gt;同日另一篇公众号专讲许可拐点，差分钉在这里，不复读上面的十库对照。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;GSAP is now free, thanks to Webflow&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;508&quot; src=&quot;/_astro/fig-05-gsap-now-free.D5yaunRh_17LvGD.webp&quot; /&gt;&lt;figcaption&gt;GSAP is now free, thanks to Webflow&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;官网顶栏写得很直白：&lt;code&gt;GSAP is now free for everyone, thanks to Webflow&apos;s support!&lt;/code&gt;
文称 &lt;strong&gt;2024&lt;/strong&gt; 全面免费（含原 Club 插件）；商业能不能用、有没有例外，仍以官网许可页为准，别拿转载当合同。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;短历程&lt;/strong&gt;：Flash 年代的 GreenSock → 迁到 JS / 现代 Web → 插件生态把 ScrollTrigger / MorphSVG / SplitText 做成标配技能树 → Webflow 托底后的免费里程碑。知道这条弧线，就能理解为什么「以前劝你先看预算」的说法过期了。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;还值一提的核心&lt;/strong&gt;（细节去官方 docs，别在笔记里背手册）：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;性能取向贴着 &lt;code&gt;requestAnimationFrame&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;API 面：&lt;code&gt;to&lt;/code&gt; / &lt;code&gt;from&lt;/code&gt; / &lt;code&gt;fromTo&lt;/code&gt;，目标可到 CSS / SVG / 普通对象&lt;/li&gt;
&lt;li&gt;Easing + &lt;strong&gt;Timeline&lt;/strong&gt;（多段编排才是它吃饭的家伙）&lt;/li&gt;
&lt;li&gt;跨 DOM / SVG / Canvas / 框架旁路&lt;/li&gt;
&lt;li&gt;插件：ScrollTrigger、Draggable、MorphSVG、SplitText…&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;和 anime 怎么二选一，见上文「anime vs GSAP」——这里只补一句：免费化之后，&lt;strong&gt;别再因为「Club 插件要钱」默认降级到轻量库&lt;/strong&gt;；体积与心智成本仍是真实约束。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;四个最短 snippet&lt;/strong&gt;（认 API 形状即可）：&lt;/p&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;// ScrollTrigger&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;gsap&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;span&gt;to&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;&quot;.box&quot;&lt;/span&gt;&lt;span&gt;, {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;x&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;200&lt;/span&gt;&lt;span&gt;,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;scrollTrigger&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; { &lt;/span&gt;&lt;span&gt;trigger&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&quot;.box&quot;&lt;/span&gt;&lt;span&gt;, &lt;/span&gt;&lt;span&gt;start&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&quot;top 80%&quot;&lt;/span&gt;&lt;span&gt;, &lt;/span&gt;&lt;span&gt;scrub&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;true&lt;/span&gt;&lt;span&gt; },&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;});&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;// MorphSVG&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;8&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;gsap&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;span&gt;to&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;&quot;#circle&quot;&lt;/span&gt;&lt;span&gt;, { &lt;/span&gt;&lt;span&gt;duration&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;1&lt;/span&gt;&lt;span&gt;, &lt;/span&gt;&lt;span&gt;morphSVG&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&quot;#hippo&quot;&lt;/span&gt;&lt;span&gt; });&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;9&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;10&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;// SplitText&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;11&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;const&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;split&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;new&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;SplitText&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;&quot;.title&quot;&lt;/span&gt;&lt;span&gt;, { &lt;/span&gt;&lt;span&gt;type&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&quot;chars,words&quot;&lt;/span&gt;&lt;span&gt; });&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;12&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;gsap&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;span&gt;from&lt;/span&gt;&lt;span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;split&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;span&gt;chars&lt;/span&gt;&lt;span&gt;, { &lt;/span&gt;&lt;span&gt;y&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;40&lt;/span&gt;&lt;span&gt;, &lt;/span&gt;&lt;span&gt;opacity&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;0&lt;/span&gt;&lt;span&gt;, &lt;/span&gt;&lt;span&gt;stagger&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;0.03&lt;/span&gt;&lt;span&gt; });&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;13&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;14&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;// Draggable&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;15&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;Draggable&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;span&gt;create&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;&quot;.knob&quot;&lt;/span&gt;&lt;span&gt;, { &lt;/span&gt;&lt;span&gt;type&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&quot;x,y&quot;&lt;/span&gt;&lt;span&gt;, &lt;/span&gt;&lt;span&gt;bounds&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&quot;.stage&quot;&lt;/span&gt;&lt;span&gt; });&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;span&gt;展开&lt;/span&gt;&lt;span&gt;收起&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;p&gt;&lt;strong&gt;资源&lt;/strong&gt;：&lt;a href=&quot;https://gsap.com/docs&quot; target=&quot;_blank&quot;&gt;gsap.com/docs&lt;/a&gt;（旧 greensock.com/docs 多半会跳转）、官网 Forums / Community。写 GSAP 前先翻官方文档，别在中文二手安利里绕圈。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>论文降重别再只换词：10 个 Skill 怎么串</title><link>https://fork-firefly.vercel.app/posts/paper-rewrite-beyond-synonyms/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/paper-rewrite-beyond-synonyms/</guid><description>查重红一片时别先开同义词。先锁事实、诊断重复层次，再按章节力度动句式与信息顺序；附 10 段可粘贴的提示词骨架。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;换同义词、拆长句，查重还是红一片——因为动的是词，骨架没动。更糟的是为「看起来不一样」去改变量、数据或结论边界：那不是降重，是改研究结果。&lt;/p&gt;
&lt;p&gt;稳一点的做法：先锁事实，再看重复到底是短语、句式，还是同一观点反复念，然后动句式、信息顺序和段落功能。一次改 1～3 段，改完立刻对术语和引用。&lt;/p&gt;
&lt;p&gt;下面 10 个 Skill 覆盖局部改写到全文回检。适合改自己的稿，或在规范引用下重整合文献；不是整篇丢给 Agent 一句「帮我降重」。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;换词为啥总救不了查重&lt;/h2&gt;




















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;表面动作&lt;/th&gt;&lt;th&gt;实际没动到的东西&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;因此→所以、研究表明→结果显示&lt;/td&gt;&lt;td&gt;主谓关系、从句嵌套、论证路径&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;长句硬拆&lt;/td&gt;&lt;td&gt;信息仍按原稿顺序排队&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;强行「差异化」&lt;/td&gt;&lt;td&gt;变量名、系数、显著性、结论范围被改歪&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;查重标红 ≠ 立刻开换。先诊断，再选刀。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;别一锅炖：先锁事实再动刀&lt;/h2&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;锁定事实 → 诊断重复 → 句法重构 → 信息重组&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;→ 段落功能 → 文献综合 → 引用核查 → 全文回检&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;章节力度别一刀切：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;方法 / 结果&lt;/strong&gt;：求稳。术语、样本、模型、数值能不动就不动；目标是准确可复现，不是「改得越不像越好」。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;引言 / 理论 / 综述&lt;/strong&gt;：句式和信息组织可以动得狠一点，但仍禁止加原文没有的事实。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;降重降的是表达重复，不是研究内容；改写法，不改结论。查重率下降也不是唯一成功标准。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;10 个 Skill 一张表&lt;/h2&gt;






































































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;Skill&lt;/th&gt;&lt;th&gt;干什么&lt;/th&gt;&lt;th&gt;优先章节&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;01&lt;/td&gt;&lt;td&gt;术语与事实锁定&lt;/td&gt;&lt;td&gt;先列不可改清单，再动笔&lt;/td&gt;&lt;td&gt;方法、结果、假设&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;02&lt;/td&gt;&lt;td&gt;重复表达诊断&lt;/td&gt;&lt;td&gt;分清信息重复 / 句式重复 / 观点复读&lt;/td&gt;&lt;td&gt;连续标红、啰嗦段&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;03&lt;/td&gt;&lt;td&gt;句法重构&lt;/td&gt;&lt;td&gt;重排主谓、从句、信息重点；出简洁/学术两版&lt;/td&gt;&lt;td&gt;长句、理论分析&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;04&lt;/td&gt;&lt;td&gt;信息顺序重组&lt;/td&gt;&lt;td&gt;拆信息单元，按「问题→认识→不足→切入」重排&lt;/td&gt;&lt;td&gt;背景、引言、现状&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;05&lt;/td&gt;&lt;td&gt;段落功能重写&lt;/td&gt;&lt;td&gt;观点→证据→解释→回扣问题&lt;/td&gt;&lt;td&gt;散段、衔接生硬&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;06&lt;/td&gt;&lt;td&gt;多文献主题综合&lt;/td&gt;&lt;td&gt;共识→分歧→不足，禁作者流水账&lt;/td&gt;&lt;td&gt;综述、理论基础&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;07&lt;/td&gt;&lt;td&gt;方法段精准改写&lt;/td&gt;&lt;td&gt;保样本/变量/模型/流程；禁空增步骤与软件&lt;/td&gt;&lt;td&gt;数据、模型、实验&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;08&lt;/td&gt;&lt;td&gt;结果段数据驱动&lt;/td&gt;&lt;td&gt;少模板话，直接写系数/显著性/组间差异&lt;/td&gt;&lt;td&gt;回归、稳健性、实验&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;09&lt;/td&gt;&lt;td&gt;引用边界核查&lt;/td&gt;&lt;td&gt;防相关变因果、范围扩大、措辞过强&lt;/td&gt;&lt;td&gt;综述、讨论&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;10&lt;/td&gt;&lt;td&gt;全文一致性回检&lt;/td&gt;&lt;td&gt;术语统一、数据未漂、假设↔结果、风格突变&lt;/td&gt;&lt;td&gt;交稿前&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;粘贴即用的提示词骨架&lt;/h2&gt;&lt;p&gt;共性约束（建议写进每条 system / 开头）：不改术语、数据、公式、引用编号；不新增原文没有的事实、方法、软件版本；不把相关写成因果。&lt;/p&gt;&lt;section&gt;&lt;h3&gt;01 术语与事实锁定&lt;/h3&gt;&lt;p&gt;暂不改写。输出：①不可修改；②可调表达；③须特别注意的事实。原文：【段落】&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;02 重复表达诊断&lt;/h3&gt;&lt;p&gt;暂不改写。判断：可删并的信息重复、重复句式、可重组观点、必须保留的术语数据引用；最后给改写顺序。原文：【段落】&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;03 句法重构&lt;/h3&gt;&lt;p&gt;禁逐词同义替换、禁只调语序。重排主谓、主从、信息重点、句间衔接。给 A 简洁自然 / B 偏学术两版。原文：【段落】&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;04 信息顺序重组&lt;/h3&gt;&lt;p&gt;拆信息单元并说明作用；按「核心问题→已有认识→现有不足→本文切入点」重排；不加新事实。原文：【段落】&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;05 段落功能重写&lt;/h3&gt;&lt;p&gt;不沿用原句序。按：核心观点 → 证据 → 解释 → 与本文问题的联系。删重复，保留引用与事实。原文：【段落】&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;06 多文献主题综合&lt;/h3&gt;&lt;p&gt;按共识→分歧→不足主题化；勿按作者流水账。保留引用编号且不错配；每结论标注支持文献；冲突写明，禁止硬合并。材料：【观点+编号】&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;07 方法段精准改写&lt;/h3&gt;&lt;p&gt;必须保留：对象、样本量、时间范围、变量定义、模型名、参数、操作顺序。可删重复、合并步骤、调句式。禁增新流程/检验/软件/数据处理。改完单列「保留事实」供核对。原文：【方法段】&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;08 结果段数据驱动&lt;/h3&gt;&lt;p&gt;少写「结果表明 / 研究发现 / 进一步说明」。优先：系数方向、显著性、组间差异、与假设对应。数值与统计结论不动；相关不升格为因果；不加原文没有的解释。原文：【结果段】&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;09 引用边界核查&lt;/h3&gt;&lt;p&gt;对照改写稿与原始摘要 / 原文 / 读书笔记。查：相关→因果、对象/范围扩大、「必然 / 完全 / 始终」过强、引用是否撑得住、超出结论的推断。有风险给更谨慎表述。缺证据材料时 Agent 只能猜文风，不能猜文献证明了什么。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;10 全文一致性回检&lt;/h3&gt;&lt;p&gt;本轮不大幅润色，只找问题：术语前后一致；数据 / 公式 / 引用编号未漂；假设与结果对应；论断强度未超原稿；机械化表达；章节风格突变；遗漏 / 重复 / 逻辑断裂。输出问题清单（章节 / 原稿 / 改写稿 / 问题 / 建议改法）。&lt;/p&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;自己动手时记着这几条&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;一次 1～3 段，改完立刻对清单，别攒几十页再对。&lt;/li&gt;
&lt;li&gt;Agent 空增检验方法、软件版本、没做过的数据处理——直接删，别因为「像论文」留下。&lt;/li&gt;
&lt;li&gt;没给原始文献或读书笔记，就别指望「引用边界核查」真能核边界。&lt;/li&gt;
&lt;li&gt;方法段目标不是差异最大化，是可复现；结果段能说清系数和显著性，就别连着换三种「表明」句式。&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;整篇扔给 AI，差在哪&lt;/h2&gt;&lt;p&gt;整篇一句「帮我降重」：难控事实漂移，容易掉进换词循环。&lt;br /&gt;
拆开这条线：每步有明确输入输出，章节力度不同，最后用全文回检确认「还是原来那篇研究」。&lt;/p&gt;&lt;p&gt;原文还带学术 skills 导流包；本帖只收可复用的改写工序与提示词骨架。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>视频管线别指望一个 Skill 包打天下</title><link>https://fork-firefly.vercel.app/posts/six-video-agent-skills/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/six-video-agent-skills/</guid><description>Megadotnet 那张六件视频 Skill 清单：生成、粗剪、代码排版、生媒、中文口播、Seedance 提示词怎么对号入座。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;生成、粗剪、代码排版、多模态生媒、中文口播剪辑、Seedance 提示词——别指望一个 Skill 包打天下。Megadotnet 这张清单把链路拆开；信息图里 seedance 卡片曾误贴 videocut 仓库，以正文链接为准（作者已认）。&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;6 个视频类 Skills 一览&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/cover.BaPVCdfL_2u3wut.webp&quot; /&gt;&lt;figcaption&gt;6 个视频类 Skills 一览&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;p&gt;用法通识：装进 Agent Skills 目录后，由工具显式或隐式调用（作者留言口径）。下面对照 GitHub 现状（2026-08-11 抽查）做一张选型表。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;六件对照，对上你卡的那段&lt;/h2&gt;




























































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;Skill&lt;/th&gt;&lt;th&gt;仓库&lt;/th&gt;&lt;th&gt;干嘛的&lt;/th&gt;&lt;th&gt;更适合&lt;/th&gt;&lt;th&gt;抽查备注&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;1&lt;/td&gt;&lt;td&gt;HyperFrames&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/heygen-com/hyperframes&quot; target=&quot;_blank&quot;&gt;heygen-com/hyperframes&lt;/a&gt;&lt;/td&gt;&lt;td&gt;HTML/CSS/动画 → 确定性 MP4&lt;/td&gt;&lt;td&gt;宣发、教程开场、社交短片&lt;/td&gt;&lt;td&gt;Apache-2.0；面向 agent 渲染&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;video-use&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/browser-use/video-use&quot; target=&quot;_blank&quot;&gt;browser-use/video-use&lt;/a&gt;&lt;/td&gt;&lt;td&gt;coding agent 粗剪&lt;/td&gt;&lt;td&gt;口播/采访/教程先过一遍&lt;/td&gt;&lt;td&gt;MIT；去填充词、调色、烧字幕&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;Remotion Skills&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/remotion-dev/skills&quot; target=&quot;_blank&quot;&gt;remotion-dev/skills&lt;/a&gt;&lt;/td&gt;&lt;td&gt;React 代码控字幕/动画/时间轴&lt;/td&gt;&lt;td&gt;排行榜、周报、产品更新栏目&lt;/td&gt;&lt;td&gt;&lt;code&gt;npx skills add remotion-dev/skills&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;4&lt;/td&gt;&lt;td&gt;Generative Media Skills&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/SamurAIGPT/Generative-Media-Skills&quot; target=&quot;_blank&quot;&gt;SamurAIGPT/Generative-Media-Skills&lt;/a&gt;&lt;/td&gt;&lt;td&gt;图/视频/音频生成工具箱&lt;/td&gt;&lt;td&gt;广告、UGC、音乐短片、实验&lt;/td&gt;&lt;td&gt;MIT；依赖 muapi 等生媒后端&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;5&lt;/td&gt;&lt;td&gt;videocut-skills&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/Ceeon/videocut-skills&quot; target=&quot;_blank&quot;&gt;Ceeon/videocut-skills&lt;/a&gt;&lt;/td&gt;&lt;td&gt;中文口播剪辑 Agent&lt;/td&gt;&lt;td&gt;重复句、口误、术语字幕&lt;/td&gt;&lt;td&gt;对比剪映：偏语义理解 + 词典&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;6&lt;/td&gt;&lt;td&gt;seedance2-skill&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/dexhunter/seedance2-skill&quot; target=&quot;_blank&quot;&gt;dexhunter/seedance2-skill&lt;/a&gt;&lt;/td&gt;&lt;td&gt;写 Seedance 2.0 视频提示词&lt;/td&gt;&lt;td&gt;分镜/镜头/运动/氛围拆解&lt;/td&gt;&lt;td&gt;MIT；英文+中文 Skill 文件&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;作者点名 Remotion「貌似目前最好用」——更准确的说法是：&lt;strong&gt;固定版式、要批量、能接受代码管时间轴&lt;/strong&gt;时它强；口播去废话优先 video-use / videocut；纯文生视频提示词走 seedance2；要从 HTML 直接渲片走 HyperFrames。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;能力落点，别混成一条河&lt;/h2&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;想法 / 文案&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;→ seedance2（拆镜头提示词）或 Generative Media（直生媒）&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;成片素材（口播原片）&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;→ video-use / videocut-skills（粗剪）&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;栏目化、可复现版式&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;→ Remotion Skills（React 批产）&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;文章/推文 → 动效 MP4&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;8&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;→ HyperFrames&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;和本机栈怎么并排放&lt;/h2&gt;&lt;p&gt;仓内 / 本机已有 &lt;code&gt;video-use&lt;/code&gt;、&lt;code&gt;firefly-minimax-media&lt;/code&gt;、&lt;a href=&quot;/posts/story-to-handdrawn-video/&quot;&gt;story-to-handdrawn-video&lt;/a&gt; 等——这张清单是&lt;strong&gt;外部选型地图&lt;/strong&gt;，不是替代安装说明。真要上某仓库，仍以其 README 的 skills 安装命令与密钥要求为准；Generative Media 类还要单独看付费后端。&lt;/p&gt;&lt;p&gt;白板手绘整条生产线（分镜·旁白·对角扫描渲染）另见 &lt;a href=&quot;/posts/create-whiteboard-video/&quot;&gt;create-whiteboard-video&lt;/a&gt;。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;别踩这些坑&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;信息图右下角卡片链接曾写错：seedance ≠ videocut。&lt;/li&gt;
&lt;li&gt;「最好用」取决于任务：口播剪辑和数据周报不是同一条管线。&lt;/li&gt;
&lt;li&gt;装了 Skill ≠ 免费无限生视频；生图/生片额度、ffmpeg、Remotion 工程环境都要自己备齐。&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;</content:encoded></item><item><title>写 Skill 别堆料：Token 省在「够用」</title><link>https://fork-firefly.vercel.app/posts/skill-design-cut-tokens/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/skill-design-cut-tokens/</guid><description>Skill 每次调用都把背景、规则、示例整段灌进上下文，才是真烧钱。四条原则 + 五条削胖改法，对照本仓写薄纪律。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;做 Skill 时爱把背景、规则、示例一次塞满，觉得越全越好。真烧钱的，往往是这些&lt;strong&gt;每次调用都重复灌进上下文&lt;/strong&gt;的大段。&lt;/p&gt;
&lt;p&gt;好 Skill 不止答得准，还要「够用就好」：一句话能说清就不写三句；公共规则抽出去复用；示例要代表性，不是堆数量。复杂事拆成多个小 Skill，Agent 按需调用，上下文更干净，维护也轻松。&lt;/p&gt;
&lt;p&gt;Token 在业务里已经是运营成本。优秀 Skill 不是写得最长，而是用最少信息把事讲清、做对。&lt;/p&gt;
&lt;p&gt;站内相关阅读：&lt;a href=&quot;/posts/skill-md-and-context-budget/&quot;&gt;Skill 怎么写，上下文怎么省&lt;/a&gt;（门牌、七根柱子、分级加载）。&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;信息图：核心原则 + 五条优化对照&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/cover.r54G-tNF_Z5nMWR.webp&quot; /&gt;&lt;figcaption&gt;信息图：核心原则 + 五条优化对照&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;先钉四条规矩&lt;/h2&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;原则&lt;/th&gt;&lt;th&gt;落地&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;精简为要&lt;/td&gt;&lt;td&gt;删冗余，只留必要&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;精准明确&lt;/td&gt;&lt;td&gt;目标写清，少空话&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;结构化&lt;/td&gt;&lt;td&gt;用列表 / 字段抬信息密度&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;复用共享&lt;/td&gt;&lt;td&gt;公共模块一处维护，子 Skill 引用&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;五条改法：胖稿怎么削&lt;/h2&gt;&lt;p&gt;原文给了「高 Token → 低 Token」对照。节省比例是经验估计，当方向看，别当精确账本。&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;精简描述&lt;/strong&gt;（估省 30%+）&lt;br /&gt;
长自我介绍、背景铺垫 → 一句角色 + 任务。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;结构化表达&lt;/strong&gt;（估省 20%+）&lt;br /&gt;
「请详细分析…再给方案…注意全面…」→ 固定回答骨架：分析 / 方案 / 收尾判断 + 短要求。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;精简指令&lt;/strong&gt;（估省 15%+）&lt;br /&gt;
「仔细阅读并理解…多角度…最佳答案」→ 「理解问题，分析，给出最佳答案。」&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;复用公共内容&lt;/strong&gt;（估省 10%+）&lt;br /&gt;
每个 Skill 复制同一 JSON schema → 父 / 全局定义 &lt;code&gt;{code, message, data}&lt;/code&gt;，子 Skill 引用。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;控制示例数量&lt;/strong&gt;（估省 10%+）&lt;br /&gt;
四个超长示例 → 两个短而有代表性的。&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;改 Skill 时顺手扫一眼&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;合并重复指令&lt;/li&gt;
&lt;li&gt;缩写不影响理解再用&lt;/li&gt;
&lt;li&gt;写明输出长度 / 范围&lt;/li&gt;
&lt;li&gt;非必要说明懒加载（真用到再给）&lt;/li&gt;
&lt;li&gt;复杂任务拆多步 / 多 Skill，别做一个巨型 Prompt&lt;/li&gt;
&lt;li&gt;改完前后对比效果，再迭代&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;和本仓写法怎么对上&lt;/h2&gt;&lt;p&gt;落到个人博客或小型工具链也一样：主说明只写常用路径，细则另开附录；公共校验抽成一份复用，别每个技能各抄一遍；发文、校验、索引更新拆成独立能力，用到再串。这就是「聚焦单一能力 + 按需调用」的落地版。&lt;/p&gt;&lt;p&gt;写新 Skill 前先问三句：这段每次都会注入吗？能上提到父规则吗？这个示例删了模型还懂吗？&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;别踩的坑&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;「信息越全效果越好」在 Skill 里常常变成「上下文越胖、越贵、越好偏」。&lt;/li&gt;
&lt;li&gt;拆 Skill 不是拆成碎片：边界要清，公共契约（输出格式、红线）要共享。&lt;/li&gt;
&lt;li&gt;原文百分比未给测量条件；落地时用自己的前后 token 对比验收。&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;</content:encoded></item><item><title>SVG 能动起来，这十条路别混着抄</title><link>https://fork-firefly.vercel.app/posts/svg-animation-ten-ways/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/svg-animation-ten-ways/</guid><description>SVG 动画十种实现手法对照：CSS、描边、WAAPI、GSAP Morph、mask 与滤镜怎么选，别和动效库选型糊成一篇。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;刷到「解析 SVG 动画的 10 种实现方法」时，容易和「前端动效库 Top10」糊成一篇。不是一回事：那篇在挑 &lt;strong&gt;anime / GSAP / Three&lt;/strong&gt; 进谁的包；这篇在问 &lt;strong&gt;路径、描边、遮罩、滤镜&lt;/strong&gt; 本身怎么动。&lt;/p&gt;
&lt;p&gt;库是导演椅；下面十条是镜头语言。先认手法，再决定要不要请 GSAP 上场。&lt;/p&gt;
&lt;p&gt;姊妹篇：&lt;a href=&quot;/posts/motion-lib-pick-by-scene/&quot;&gt;动效库按场景选型&lt;/a&gt; · &lt;a href=&quot;/posts/miniprogram-lottie-canvas/&quot;&gt;小程序 Lottie&lt;/a&gt;（设计导出路，不是手写 SVG）。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;十法对照：原理 / 场景 / 成本&lt;/h2&gt;




























































































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;手法&lt;/th&gt;&lt;th&gt;原理&lt;/th&gt;&lt;th&gt;适合场景&lt;/th&gt;&lt;th&gt;成本&lt;/th&gt;&lt;th&gt;性能/支持注意&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;1&lt;/td&gt;&lt;td&gt;&lt;strong&gt;CSS Transition&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;属性变了就插值&lt;/td&gt;&lt;td&gt;hover、焦点反馈&lt;/td&gt;&lt;td&gt;低&lt;/td&gt;&lt;td&gt;优先 &lt;code&gt;transform&lt;/code&gt;/&lt;code&gt;opacity&lt;/code&gt;；别拿来做多段剧情&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;&lt;strong&gt;CSS Keyframes&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;&lt;code&gt;@keyframes&lt;/code&gt; 声明帧&lt;/td&gt;&lt;td&gt;循环呼吸、简单入场&lt;/td&gt;&lt;td&gt;低&lt;/td&gt;&lt;td&gt;跨元素同步脆弱；复杂时间轴易炸&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;&lt;strong&gt;Stroke dash 描边&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;调 &lt;code&gt;dasharray&lt;/code&gt;/&lt;code&gt;dashoffset&lt;/code&gt;&lt;/td&gt;&lt;td&gt;签名、logo 描出、路线生长&lt;/td&gt;&lt;td&gt;中（要量 path 长）&lt;/td&gt;&lt;td&gt;视觉便宜、实现不贵；长 path 注意主线程&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;4&lt;/td&gt;&lt;td&gt;&lt;strong&gt;WAAPI&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;&lt;code&gt;element.animate()&lt;/code&gt;&lt;/td&gt;&lt;td&gt;要暂停/编排又不想引库&lt;/td&gt;&lt;td&gt;中&lt;/td&gt;&lt;td&gt;可编程；比 CSS 好控，比 GSAP 能力窄&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;5&lt;/td&gt;&lt;td&gt;&lt;strong&gt;GSAP&lt;/strong&gt;（MorphSVG / MotionPath…）&lt;/td&gt;&lt;td&gt;时间线 + SVG 插件&lt;/td&gt;&lt;td&gt;多段叙事、morph、滚动驱动&lt;/td&gt;&lt;td&gt;高&lt;/td&gt;&lt;td&gt;天花板高；包体与学习成本换可控性&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;6&lt;/td&gt;&lt;td&gt;&lt;strong&gt;Motion Path&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;CSS &lt;code&gt;offset-path&lt;/code&gt; 或 SMIL &lt;code&gt;animateMotion&lt;/code&gt;&lt;/td&gt;&lt;td&gt;图标沿轨、飞行轨迹&lt;/td&gt;&lt;td&gt;中&lt;/td&gt;&lt;td&gt;&lt;strong&gt;SMIL 有弃用/收缩风险&lt;/strong&gt;；新项目偏 CSS 或 JS&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;7&lt;/td&gt;&lt;td&gt;&lt;strong&gt;SVG 滤镜动画&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;动画化 filter 参数&lt;/td&gt;&lt;td&gt;水波、噪点、扭曲转场&lt;/td&gt;&lt;td&gt;中高&lt;/td&gt;&lt;td&gt;滤镜重；大面积常驻慎用&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;8&lt;/td&gt;&lt;td&gt;&lt;strong&gt;Morphing&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;两段 &lt;code&gt;path d&lt;/code&gt; 插值&lt;/td&gt;&lt;td&gt;图标态切换、流体形变&lt;/td&gt;&lt;td&gt;高（点要对齐）&lt;/td&gt;&lt;td&gt;原生难对齐；工程上常借 MorphSVG 一类&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;9&lt;/td&gt;&lt;td&gt;&lt;strong&gt;mask / clipPath&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;动画遮罩或裁剪形&lt;/td&gt;&lt;td&gt;擦除转场、聚光灯显隐&lt;/td&gt;&lt;td&gt;中&lt;/td&gt;&lt;td&gt;比硬切 &lt;code&gt;display&lt;/code&gt; 更有设计感&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;10&lt;/td&gt;&lt;td&gt;&lt;strong&gt;CSS 3D on SVG&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;&lt;code&gt;perspective&lt;/code&gt; + 3D rotate&lt;/td&gt;&lt;td&gt;轻空间层次、翻转感&lt;/td&gt;&lt;td&gt;中&lt;/td&gt;&lt;td&gt;不是真 3D 引擎；重场景仍看 WebGL&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;最短示意只记字段，不贴长墙：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;描边：&lt;code&gt;stroke-dasharray&lt;/code&gt; + 动画 &lt;code&gt;stroke-dashoffset&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;路径走位（CSS）：&lt;code&gt;offset-path&lt;/code&gt; + &lt;code&gt;offset-distance&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;WAAPI：&lt;code&gt;svgQuery.animate([{ opacity: 0 }, { opacity: 1 }], { duration, easing })&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;形变：对齐后的 &lt;code&gt;d&lt;/code&gt; A → &lt;code&gt;d&lt;/code&gt; B（或交给 MorphSVG）&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;怎么选，别十条全上&lt;/h2&gt;












































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;你卡住的问题&lt;/th&gt;&lt;th&gt;先试&lt;/th&gt;&lt;th&gt;升级条件&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;按钮 / 图标 hover 一下&lt;/td&gt;&lt;td&gt;CSS Transition&lt;/td&gt;&lt;td&gt;要多关键段 → Keyframes 或 WAAPI&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;循环装饰、轻入场&lt;/td&gt;&lt;td&gt;CSS Keyframes&lt;/td&gt;&lt;td&gt;要和滚动/状态机咬合 → WAAPI / GSAP&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;「像被画出来」&lt;/td&gt;&lt;td&gt;Stroke dash&lt;/td&gt;&lt;td&gt;还要沿轨飞 → Motion Path（CSS）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;要 JS 控进度，但不想加依赖&lt;/td&gt;&lt;td&gt;WAAPI&lt;/td&gt;&lt;td&gt;时间线变脏、多目标编排 → GSAP&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;图标 A 融成图标 B&lt;/td&gt;&lt;td&gt;Morph（或 GSAP MorphSVG）&lt;/td&gt;&lt;td&gt;path 点对不齐就先整理矢量，别硬插&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;擦除 / 显露内容&lt;/td&gt;&lt;td&gt;mask / clipPath&lt;/td&gt;&lt;td&gt;要扭曲质感再叠滤镜，并盯帧率&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;轻微翻转层次&lt;/td&gt;&lt;td&gt;CSS 3D on SVG&lt;/td&gt;&lt;td&gt;真场景、灯光、相机 → 别硬撑 SVG，换 WebGL&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;经验边界：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;CSS 够用就别上库&lt;/strong&gt;：交互反馈和循环装饰，Transition / Keyframes 已经体面。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;WAAPI 是「可编程的 CSS」&lt;/strong&gt;，不是 GSAP 平替；缺的是成熟插件生态和脏活封装。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;描边 ≠ morph&lt;/strong&gt;：一个在「露出线」，一个在「改形状」。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;mask 解决显隐叙事，滤镜解决质感&lt;/strong&gt;；滤镜贵，能少用少用。&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;比第十一种手法更重要的坑&lt;/h2&gt;&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;SMIL&lt;/strong&gt;：&lt;code&gt;animate&lt;/code&gt; / &lt;code&gt;animateMotion&lt;/code&gt; 在部分浏览器支持收缩或标弃用。新代码默认走 CSS &lt;code&gt;offset-path&lt;/code&gt;、WAAPI 或 GSAP，别把关键动效绑死在 SMIL 上。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;&lt;code&gt;prefers-reduced-motion&lt;/code&gt;&lt;/strong&gt;：系统要求减少动态时，关掉非必要循环与大位移；至少提供静止态。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;性能&lt;/strong&gt;：动画优先 &lt;code&gt;transform&lt;/code&gt; / &lt;code&gt;opacity&lt;/code&gt;。狂改 &lt;code&gt;d&lt;/code&gt;、大面积滤镜、布局几何，掉帧比「不够炫」更伤。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;3D 预期管理&lt;/strong&gt;：CSS 3D 贴在 SVG 上只是空间感，不是 Three 的替代品。&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;先分清「用什么库」和「SVG 上哪一种镜头」。选错层，后面全是补丁。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>Agent 记忆八选一：先看钱袋子再谈优雅</title><link>https://fork-firefly.vercel.app/posts/agent-memory-eight-strategies/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/agent-memory-eight-strategies/</guid><description>八种记忆策略按会话长度、精度、预算、工程复杂度选型；可组合，但没有免费无限上下文。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;记忆方案一多，宣传就爱说「无限上下文」「永不遗忘」。落地时真正咬人的是 &lt;strong&gt;token 账单&lt;/strong&gt;——你塞进上下文的每一段历史，都在烧额度。策略没有银弹，只有按场景选型；八招可以组合，但组合本身也是工程债。&lt;/p&gt;
&lt;p&gt;这篇是通用选型轴（会话长度 × 精度 × 预算 × 工程复杂度），不是某一家产品（Claude Code / pi / OpenCode）的装法说明书。宿主各有自己的记忆壳，换产品时别假设策略能原样搬家。&lt;/p&gt;
&lt;hr /&gt;
&lt;section&gt;&lt;h2&gt;选型先盯四根轴&lt;/h2&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;轴&lt;/th&gt;&lt;th&gt;问自己&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;会话长度&lt;/td&gt;&lt;td&gt;几轮就完，还是跨天跨项目？&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;精度要求&lt;/td&gt;&lt;td&gt;漏一句就翻车，还是大概对就行？&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;预算&lt;/td&gt;&lt;td&gt;token / 向量化 / 图谱构建，哪条账先爆？&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;工程复杂度&lt;/td&gt;&lt;td&gt;谁维护检索、摘要质量、换页逻辑？&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;四根轴拉满再谈「要不要上向量库 / 图谱」。好策略会给 Skill 留接口——检索、压缩、分层写入都能做成可调用能力包；烂选型则是把整段历史硬塞进 prompt，Skill 也救不回来。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;八招对照&lt;/h2&gt;



































































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;策略&lt;/th&gt;&lt;th&gt;核心做法&lt;/th&gt;&lt;th&gt;优&lt;/th&gt;&lt;th&gt;劣&lt;/th&gt;&lt;th&gt;更适合&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;全量记忆&lt;/td&gt;&lt;td&gt;历史原样进 LLM&lt;/td&gt;&lt;td&gt;不丢信息、准&lt;/td&gt;&lt;td&gt;token 贵；过长拖性能&lt;/td&gt;&lt;td&gt;短对话、关键信息不许丢&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;滑动窗口&lt;/td&gt;&lt;td&gt;只留最近 N 轮&lt;/td&gt;&lt;td&gt;长度稳、成本可控&lt;/td&gt;&lt;td&gt;早期没了；怕长程依赖&lt;/td&gt;&lt;td&gt;客服、实时问答、只看最新&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;相关性过滤&lt;/td&gt;&lt;td&gt;先筛再喂&lt;/td&gt;&lt;td&gt;噪声少、省 token&lt;/td&gt;&lt;td&gt;检索差就误杀重点&lt;/td&gt;&lt;td&gt;知识问答、文档聊、检索向&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;摘要 / 压缩&lt;/td&gt;&lt;td&gt;长史压成短文&lt;/td&gt;&lt;td&gt;大幅省钱、留主干&lt;/td&gt;&lt;td&gt;细节易丢；绑摘要模型&lt;/td&gt;&lt;td&gt;长聊总结、纪要、长文分析&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;向量库&lt;/td&gt;&lt;td&gt;向量化 + 按需召回&lt;/td&gt;&lt;td&gt;语义检索、可扩海量&lt;/td&gt;&lt;td&gt;向量成本；质量看 embedding&lt;/td&gt;&lt;td&gt;知识库、企业文档、长期检索&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;知识图谱&lt;/td&gt;&lt;td&gt;实体关系进 GraphDB&lt;/td&gt;&lt;td&gt;关系清、利复杂推理&lt;/td&gt;&lt;td&gt;构建 / 维护极贵&lt;/td&gt;&lt;td&gt;关系推理、知识管理、专家系统&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;分层记忆&lt;/td&gt;&lt;td&gt;短窗 + 长向量双轨&lt;/td&gt;&lt;td&gt;效率与完整可兼顾&lt;/td&gt;&lt;td&gt;架构重、维护重&lt;/td&gt;&lt;td&gt;超长聊、个性化助手、复杂任务&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;类 OS 内存&lt;/td&gt;&lt;td&gt;Active ↔ Disk 换页&lt;/td&gt;&lt;td&gt;撑超长与持续学习&lt;/td&gt;&lt;td&gt;工程极大；换页有开销&lt;/td&gt;&lt;td&gt;超长交互、持续学习、持久记忆&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;读表时别只盯「优势」列——&lt;strong&gt;劣势列往往才是账单和翻车点&lt;/strong&gt;。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;怎么叠，别怎么吹&lt;/h2&gt;&lt;p&gt;可组合：窗口管当下，摘要管中程，向量管「以前说过啥」，图谱只留给真有关系推理的域。&lt;/p&gt;&lt;p&gt;无银弹：宣传里的「无限记忆」多半是某一层换了一种存法，不是免费无限上下文。&lt;/p&gt;&lt;p&gt;上线前先估峰值 token；上线后盯误召回 / 误摘要。记忆策略决定上下文从哪来；Skill 决定拿到上下文后怎么做事——前者选型错了，后者再漂亮也是在噪声里干活。&lt;/p&gt;&lt;p&gt;和五种 RAG 架构怎么选是邻居题：那边问「检索会在哪失败」，这边问「历史塞进上下文要付什么账」。两张表可以并排看，别当成同一张考卷。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>Claude Code 装什么：17 插件对照两张 Top10</title><link>https://fork-firefly.vercel.app/posts/claude-code-plugin-picks/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/claude-code-plugin-picks/</guid><description>自用 17 插件当选型抽屉，团队协作榜和自动化榜当痛点备忘；对照差分，别堆 27 条无判断。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;模型开箱大家差不多。真拉开差距的，是 skill、CLI、插件装没装对——以及你有没有把三张宣传榜当成同一份购物车。&lt;/p&gt;
&lt;p&gt;这篇文章只做一件事：&lt;strong&gt;对照&lt;/strong&gt;。一张是作者自用 17 件套（设计 / 效率 / 数据），另外两张是团队协作 Top10 和自动化 Top10。名单几乎不重叠；硬并成「27 个必装」只是给上下文添堵。&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;团队协作 Top10 图卡&quot; loading=&quot;lazy&quot; width=&quot;766&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-team-top10.-iZwBWf3_Z1RUM3y.webp&quot; /&gt;&lt;figcaption&gt;团队协作 Top10 图卡&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;自动化 Top10 图卡&quot; loading=&quot;lazy&quot; width=&quot;766&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-automation-top10.Cp8oNGaG_Z268McJ.webp&quot; /&gt;&lt;figcaption&gt;自动化 Top10 图卡&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;三张榜各自吃哪口痛&lt;/h2&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;榜&lt;/th&gt;&lt;th&gt;吃什么&lt;/th&gt;&lt;th&gt;装源诚实度&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;自用 17&lt;/td&gt;&lt;td&gt;个人机上的审美补丁、少写代码、喂外部信号&lt;/td&gt;&lt;td&gt;文中多给 CLI / 仓库线索；仍按「作者筛选」看&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;团队 Top10&lt;/td&gt;&lt;td&gt;规格、PR、评审、决策、入职、复盘&lt;/td&gt;&lt;td&gt;&lt;strong&gt;宣传名&lt;/strong&gt;；文内无仓库，是否可装未验证&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;自动化 Top10&lt;/td&gt;&lt;td&gt;开发测试、清洗数据、发版运维那类重复劳动&lt;/td&gt;&lt;td&gt;同上；公开检索也对不上同名可装包&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;先认能力与类别，再决定去哪找实现。名字好看不等于能 &lt;code&gt;npx skills add&lt;/code&gt;。&lt;/p&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;17 件套：痛哪类拿哪类&lt;/h2&gt;&lt;p&gt;一次装满没意义。痛哪类就从那类拿 1～2 个，跑通再加。&lt;/p&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;类&lt;/th&gt;&lt;th&gt;你在烦什么&lt;/th&gt;&lt;th&gt;先摸哪几个&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;设计&lt;/td&gt;&lt;td&gt;界面一眼塑料、落地页同质&lt;/td&gt;&lt;td&gt;Taste、Impeccable、Awesome Design.md&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;效率&lt;/td&gt;&lt;td&gt;代码写多、token 贵、浏览器 / GitHub 手点&lt;/td&gt;&lt;td&gt;Ponytail、Playwright CLI、&lt;code&gt;gh&lt;/code&gt;、Skill Creator&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;数据&lt;/td&gt;&lt;td&gt;外部信号、网页进上下文、库 / 记忆 / 收款&lt;/td&gt;&lt;td&gt;Last 30 Days、Firecrawl CLI、LightRAG、Stripe CLI&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;设计类里，Taste 偏从零 / 重做观感，Impeccable 偏命令面 + 页内点选改——别两个一起上来搅浑。审美深潜另有专帖，这里只记它在 17 件里站「审美入口」位。&lt;/p&gt;&lt;p&gt;效率类真正可复用的，往往不是再塞三个 skill，而是 Ponytail 那套写前五问：真需要写吗？库里有没有？标准库够不够？平台原生有没有？已有依赖能否一行解决？&lt;code&gt;gh&lt;/code&gt; + Skill Creator 我认作地基：issue / PR / release 能在终端闭环，你自己还能造轮子。&lt;/p&gt;&lt;p&gt;数据类按需开抽屉。常爬网页再上 Firecrawl CLI；常要外部热点再上 Last 30 Days。GWS / Stripe / Supabase 按你是否真的碰 Workspace、收款、后端再决定。说不出「它替我省掉哪一步」，就卸。&lt;/p&gt;&lt;p&gt;Playwright 选型口诀：Agent 长会话里偶发点网页，MCP 可能更省事；批跑、脚本化、控成本，优先 CLI。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;两张 Top10：能力备忘，不是安装清单&lt;/h2&gt;&lt;p&gt;协作榜堵的是对齐乱、PR 说不清、老人带不动新人。按痛点裁：&lt;/p&gt;
































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;痛&lt;/th&gt;&lt;th&gt;先看哪几把（宣传名）&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;对齐乱&lt;/td&gt;&lt;td&gt;Spec Aligner、Issue Gardener&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;PR / 评审糊&lt;/td&gt;&lt;td&gt;PR Narrator、Review Router&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;决策会丢&lt;/td&gt;&lt;td&gt;Decision Log&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;新人进海&lt;/td&gt;&lt;td&gt;Onboarding Map、Knowledge Base&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;安全 / 设计核对&lt;/td&gt;&lt;td&gt;Security Buddy、Design Sync&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;复盘空转&lt;/td&gt;&lt;td&gt;Retrospective Bot&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;自动化榜堵的是重复劳动。按段拆开看：&lt;/p&gt;




















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;段&lt;/th&gt;&lt;th&gt;宣传名&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;开发测试&lt;/td&gt;&lt;td&gt;Agent Swarm、Playwright Scout、Terminal Sense、CI Fixer、Screenshot QA&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;数据处理&lt;/td&gt;&lt;td&gt;Data Cleaner&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;发布运维&lt;/td&gt;&lt;td&gt;Changelog Miner、Dependency Guard、Release Notes、Nightly Runner&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;两张榜名单几乎不重叠。别当成同一表的续集，也别跟 17 件套逐条合并——切面不同。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;差分一眼看完&lt;/h2&gt;


































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;维度&lt;/th&gt;&lt;th&gt;17 自用&lt;/th&gt;&lt;th&gt;团队 Top10&lt;/th&gt;&lt;th&gt;自动化 Top10&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;读者场景&lt;/td&gt;&lt;td&gt;个人工作台提效&lt;/td&gt;&lt;td&gt;协作摩擦&lt;/td&gt;&lt;td&gt;流水线重复劳动&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;典型物件&lt;/td&gt;&lt;td&gt;CLI、审美 skill、喂料工具&lt;/td&gt;&lt;td&gt;规格 / PR / 入职类能力名&lt;/td&gt;&lt;td&gt;CI / 巡检 / 发版类能力名&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;和另一榜重叠&lt;/td&gt;&lt;td&gt;几乎无（个别能力相近但名字不同）&lt;/td&gt;&lt;td&gt;几乎无&lt;/td&gt;&lt;td&gt;几乎无&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;我怎么用&lt;/td&gt;&lt;td&gt;按痛点装 1～2 个可验证的&lt;/td&gt;&lt;td&gt;当「团队该覆盖哪些能力」备忘&lt;/td&gt;&lt;td&gt;当「重复劳动该外包哪段」备忘&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;撞名不等于可装。生态里能搜到能力相近的 Playwright / changelog / CI 修复类 skill，那是&lt;strong&gt;别的仓库、别的名字&lt;/strong&gt;，不能偷换成「就是榜上这十个」。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;我会怎么装&lt;/h2&gt;&lt;p&gt;如果是我自己的机器，顺序大概是：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;&lt;code&gt;gh&lt;/code&gt; + Skill Creator（地基）&lt;/li&gt;
&lt;li&gt;痛 UI 再上 Taste 或 Impeccable 其中一个&lt;/li&gt;
&lt;li&gt;常爬网页再上 Firecrawl CLI；常要外部热点再上 Last 30 Days&lt;/li&gt;
&lt;li&gt;Ponytail 当习惯补丁，数字当参考，五问当纪律&lt;/li&gt;
&lt;li&gt;团队侧先对照协作榜写清「我们缺哪段能力」，再去找可审仓库或自己写同名能力包&lt;/li&gt;
&lt;li&gt;自动化侧同理：先标重复劳动段落，再找可核实现&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;其余当工具抽屉。开了就要能说出替我省掉哪一步。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>六张海报，五种能偷师的刀法</title><link>https://fork-firefly.vercel.app/posts/creative-poster-gallery/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/creative-poster-gallery/</guid><description>国际/活动海报六张：取景焦点、破框网格、双色跨缝、字母窗、像素网格。学逻辑，别描成稿。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;公众号几乎没写字，甩了六张国际/活动海报。跟同日的「红墙上的节气」一样是视觉品味归档，但题材不是一回事——那边是瓶口里的紫禁城，这边是破框、字母窗、像素块。&lt;/p&gt;
&lt;p&gt;同日旁链：&lt;a href=&quot;/posts/solar-terms-red-wall/&quot;&gt;红墙上的节气&lt;/a&gt; · &lt;a href=&quot;/posts/logolounge-2026-trends/&quot;&gt;LogoLounge 2026 十五刀&lt;/a&gt;（均仍在草稿箱，本地可开）。&lt;/p&gt;
&lt;p&gt;版权先钉死：只当案例欣赏归档。禁止商用临摹、二创当己有。权属归原设计师与品牌方。&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Focus 取景框&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/cover.Dww6ghEr_Z2wrIU5.webp&quot; /&gt;&lt;figcaption&gt;Focus 取景框&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;按手法归类（每张一行）&lt;/h2&gt;


































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;手法&lt;/th&gt;&lt;th&gt;图&lt;/th&gt;&lt;th&gt;带走&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;取景 / 焦点&lt;/td&gt;&lt;td&gt;01 Focus · light/focus/shine&lt;/td&gt;&lt;td&gt;蓝半调糊一片，红橙取景框抠出一只眼——乱托准&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;破框 + 网格&lt;/td&gt;&lt;td&gt;02 Nike Air Max Day · MAXXED OUT&lt;/td&gt;&lt;td&gt;人鞋冲出蓝天框压住大字；网格管信息，破框管劲&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;双色场 + 跨缝&lt;/td&gt;&lt;td&gt;03 Mont-Tremblant · JOIE DE VIE&lt;/td&gt;&lt;td&gt;左灰白山景 / 右黑底橙字，滑雪者骑中缝，外套色跟字同色&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;字母窗 + 破框&lt;/td&gt;&lt;td&gt;04 哈尔滨冰雪节 · 北欧滑雪&lt;/td&gt;&lt;td&gt;巨型 N 当雪景窗，人冲出字廓——字是容器不是贴纸&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;像素网格&lt;/td&gt;&lt;td&gt;05 POKO COX 红花；06 DE ETENDE MENS 黄底橙字&lt;/td&gt;&lt;td&gt;像素是造型网格，不是滤镜；06 再叠纯双色场&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Nike 破框&quot; loading=&quot;lazy&quot; width=&quot;828&quot; height=&quot;1023&quot; src=&quot;/_astro/fig-02-nike.sU72LQ9j_i1Gvp.webp&quot; /&gt;&lt;figcaption&gt;Nike 破框&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;JOIE DE VIE 跨缝&quot; loading=&quot;lazy&quot; width=&quot;812&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-03-tremblant.CLp0x9QD_1oCSY3.webp&quot; /&gt;&lt;figcaption&gt;JOIE DE VIE 跨缝&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;字母 N 窗&quot; loading=&quot;lazy&quot; width=&quot;819&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-04-harbin-n.5oiivmeO_5NuUN.webp&quot; /&gt;&lt;figcaption&gt;字母 N 窗&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;像素红花&quot; loading=&quot;lazy&quot; width=&quot;731&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-05-poko.DUnyTgYs_UBqRQ.webp&quot; /&gt;&lt;figcaption&gt;像素红花&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;双色像素场&quot; loading=&quot;lazy&quot; width=&quot;723&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-06-etende.IgmHf_3H_Z229f4f.webp&quot; /&gt;&lt;figcaption&gt;双色像素场&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;做 PPT / 信息图时怎么用（别描人家成稿）&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;要动能 → 主体溢出边框或压住标题一角（学 02 / 04 的逻辑，别复刻 Nike / 冰雪节画面）&lt;/li&gt;
&lt;li&gt;要聚焦 → 大面积降噪 + 一小块高饱和清晰区（学 01）&lt;/li&gt;
&lt;li&gt;要干净对比 → 竖切双色场，用人物或色条缝合（学 03 / 06）&lt;/li&gt;
&lt;li&gt;要活动海报土味变利落 → 统一像素网格 + 中心锚点 + 信息贴边（学 05 / 06）&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;版权边界&lt;/h2&gt;&lt;p&gt;无作者、无链接也不等于公有领域。Nike、冰雪节物料、活动票海报，权属在品牌方 / 主办方 / 署名设计师。本稿不授权二次传播、不授权改图出货。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>前端别再 AI 紫：设计向 Skill 怎么叠</title><link>https://fork-firefly.vercel.app/posts/design-skills-anti-ai-look/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/design-skills-anti-ai-look/</guid><description>Taste 反模板、四技网页线、ui-styles 风格库——三层叠用法，不是三份购物清单。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;Cursor / Claude Code / Codex 写前端，功能往往能跑，脸却总像同一张：紫蓝渐变、100vh 居中 Hero、三等分 Feature 卡、Inter 一把梭。行业叫这 AI Slop——不是「丑」，是「默认」。&lt;/p&gt;
&lt;p&gt;这周手头三份素材其实在讲&lt;strong&gt;同一条审美流水线的三层&lt;/strong&gt;，不是三个互抢的安装包：&lt;/p&gt;

























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;层&lt;/th&gt;&lt;th&gt;管什么&lt;/th&gt;&lt;th&gt;代表&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;约束&lt;/td&gt;&lt;td&gt;反模板规则、三旋钮、起飞前自检&lt;/td&gt;&lt;td&gt;Taste Skill（&lt;code&gt;design-taste-frontend&lt;/code&gt;）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;串技&lt;/td&gt;&lt;td&gt;参考图落地 → 拧品味 → Vercel 规则钉到 &lt;code&gt;file:line&lt;/code&gt;&lt;/td&gt;&lt;td&gt;设计美化四技里的网页三连&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;词库&lt;/td&gt;&lt;td&gt;点名美学家族（79 风格 × 中英 Prompt）&lt;/td&gt;&lt;td&gt;&lt;code&gt;ui-styles-skill&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
&lt;p&gt;别四个 skill 一锅扔进同一轮对话，也别把「风格名」和「品味旋钮」当成同一把刀。&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;四技总览图卡&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-four-overview.BHIVEKeu_ZI3Ugg.webp&quot; /&gt;&lt;figcaption&gt;四技总览图卡&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;Taste：把「别出那张脸」写成可执行规则&lt;/h2&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/Leonxlnx/taste-skill&quot; target=&quot;_blank&quot;&gt;Taste Skill&lt;/a&gt;（Leonxlnx，官网 &lt;a href=&quot;https://tasteskill.dev&quot; target=&quot;_blank&quot;&gt;tasteskill.dev&lt;/a&gt;，MIT）不是 UI 库、不是 CSS 框架、没有运行时。本质是一堆 &lt;code&gt;SKILL.md&lt;/code&gt;：读 brief → 调旋钮 → 硬禁常见模板 → 起飞前自检。&lt;/p&gt;&lt;p&gt;默认安装名 &lt;code&gt;design-taste-frontend&lt;/code&gt;，当前是 &lt;strong&gt;v2 experimental&lt;/strong&gt;（要钉死旧行为就装 &lt;code&gt;design-taste-frontend-v1&lt;/code&gt;）。骨架可以记成四段：&lt;/p&gt;&lt;p&gt;&lt;strong&gt;§0 Brief Inference&lt;/strong&gt;——碰代码之前先读房间：页面种类、vibe 词、参考 URL/截图、受众、品牌资产、安静约束。输出一行 Design Read 再开干。brief 真含糊时只问&lt;strong&gt;一个&lt;/strong&gt;澄清问题，不连环审问。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;三旋钮（1～10）&lt;/strong&gt;：&lt;/p&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;旋钮&lt;/th&gt;&lt;th&gt;默认&lt;/th&gt;&lt;th&gt;低 → 高&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;DESIGN_VARIANCE&lt;/code&gt;&lt;/td&gt;&lt;td&gt;&lt;strong&gt;8&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;对称干净 → 不对称实验&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;MOTION_INTENSITY&lt;/code&gt;&lt;/td&gt;&lt;td&gt;&lt;strong&gt;6&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;静态 / hover → 电影级 / 磁吸 / 滚动&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;VISUAL_DENSITY&lt;/code&gt;&lt;/td&gt;&lt;td&gt;&lt;strong&gt;4&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;画廊留白 → 座舱密铺&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;Baseline &lt;code&gt;8 / 6 / 4&lt;/code&gt;。覆盖靠对话，不靠让用户去改 skill 文件。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Hard Bans（节选）&lt;/strong&gt;：默认紫蓝渐变 / Lila glow（品牌明确要紫另说）、&lt;code&gt;100vh&lt;/code&gt; 居中 Hero 当万能开场、三等分等宽 Feature 墙、滥用 Inter、em-dash 当装饰、半截交付和假数据文案。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Pre-Flight&lt;/strong&gt;：交付前大约 60 项自检。过不了就返工，不当「差不多」。体积提醒：单份 SKILL 大约 87KB / ~2 万 token——装了就会占上下文，不是免费午餐。&lt;/p&gt;&lt;p&gt;仓库里还有 image-to-code、redesign、图像 comps、brutalist 等十来个安装名。不必一次全装；默认一个 &lt;code&gt;design-taste-frontend&lt;/code&gt; 往往就够起步。&lt;/p&gt;&lt;p&gt;落地页 / 作品集 / 营销站是主场。仪表盘、数据表、多步产品后台，官方自己划了「不是它的菜」。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Floria 落地页气质样张&quot; loading=&quot;lazy&quot; width=&quot;524&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-floria.DhuYor97_Z2iWUoC.webp&quot; /&gt;&lt;figcaption&gt;Floria 落地页气质样张&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;四技网页线：先锚点，再旋钮，再审查&lt;/h2&gt;&lt;p&gt;瑭宋元那篇「设计美化专题」把四技并排推。装机量、星数先当宣传数字看（作者称，本轮未核）。宿主兼容按作者口径：WorkBuddy / Codex / QoderWork / Trae。&lt;/p&gt;


































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;Skill&lt;/th&gt;&lt;th&gt;角色&lt;/th&gt;&lt;th&gt;你真正拿走的&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;01&lt;/td&gt;&lt;td&gt;&lt;code&gt;web-design-guidelines&lt;/code&gt;&lt;/td&gt;&lt;td&gt;审查 · Vercel&lt;/td&gt;&lt;td&gt;18 类规则扫 UI；吐 &lt;code&gt;file:line&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;02&lt;/td&gt;&lt;td&gt;&lt;code&gt;design-taste-frontend&lt;/code&gt;&lt;/td&gt;&lt;td&gt;品味 · 反 AI 味&lt;/td&gt;&lt;td&gt;就是上一节那套旋钮&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;03&lt;/td&gt;&lt;td&gt;&lt;code&gt;image-to-code&lt;/code&gt;&lt;/td&gt;&lt;td&gt;图像落地&lt;/td&gt;&lt;td&gt;参考图 → 拆解 → React / Next / Tailwind&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;04&lt;/td&gt;&lt;td&gt;&lt;code&gt;baoyu-comic&lt;/code&gt;&lt;/td&gt;&lt;td&gt;知识漫画&lt;/td&gt;&lt;td&gt;6 风格；知识 → 多页漫画&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;strong&gt;网页线（推荐）&lt;/strong&gt;：&lt;code&gt;image-to-code&lt;/code&gt; → &lt;code&gt;design-taste-frontend&lt;/code&gt; → &lt;code&gt;web-design-guidelines&lt;/code&gt;。&lt;br /&gt;
先有视觉锚点，再拧品味，最后用 Vercel 规则钉到具体行。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;漫画线&lt;/strong&gt;：&lt;code&gt;baoyu-comic&lt;/code&gt; 单独跑。它解决的是「知识怎么变成可翻页漫画」，跟落地页审美不是一条流水线。&lt;/p&gt;&lt;p&gt;安装命令（作者文内，本机未实测）：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;Terminal window&lt;/span&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;curl&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;-fsSL&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;vercel.com/design/guidelines/install&lt;/span&gt;&lt;span&gt; | &lt;/span&gt;&lt;span&gt;bash&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;npx&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;skills&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;add&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;Leonxlnx/taste-skill&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;--skill&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;design-taste-frontend&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;npx&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;skills&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;add&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;jimliu/baoyu-skills&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;--skill&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;baoyu-comic&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;&lt;code&gt;image-to-code&lt;/code&gt; 原文图卡没给独立一行安装命令；串进网页线时按你宿主里实际包名再补。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;ui-styles：别只会喊「好看一点」&lt;/h2&gt;&lt;p&gt;Ant Design 看腻了，跟 Agent 又只会喊「好看一点」——等于没给审美词条。&lt;a href=&quot;https://github.com/chrzamz/ui-styles-skill&quot; target=&quot;_blank&quot;&gt;ui-styles-skill&lt;/a&gt; 干的事很窄：把开源 UI 风格 Prompt 装进 Claude Code Skill，写前端时能&lt;strong&gt;点名风格&lt;/strong&gt;（离线读本地 catalog）。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;ui-styles 封面：79 风格 · 离线 · 中英&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-ui-styles.B8ShIQ9p_2px7o8.webp&quot; /&gt;&lt;figcaption&gt;ui-styles 封面：79 风格 · 离线 · 中英&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;2026-08-11 核对：README 写 &lt;strong&gt;79&lt;/strong&gt; design styles × bilingual prompts；GitHub 显示 ★10；上游 Prompt 致谢 &lt;a href=&quot;https://github.com/TonnyWong1052/UI-Prompt&quot; target=&quot;_blank&quot;&gt;TonnyWong1052/UI-Prompt&lt;/a&gt;。封面图写 79、公众号正文常见 70+——以仓库 79 family 为准；其中 9 个只有 &lt;code&gt;style.md&lt;/code&gt;（理解用），没有可直接生成代码的 &lt;code&gt;custom.md&lt;/code&gt;。&lt;/p&gt;&lt;p&gt;能带走的用法：按场景筛候选；点名风格（如 claymorphism）再出页；两个风格名直接对比各自 &lt;code&gt;style.md&lt;/code&gt;。作者例：出入库项目用 Shadcn/ui + Tailwind 做黏土风——风格词有了，组件库才是落地层，不是互斥。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;三层怎么叠，别搅成一锅&lt;/h2&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;&lt;/th&gt;&lt;th&gt;Taste / 四技品味层&lt;/th&gt;&lt;th&gt;ui-styles&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;管什么&lt;/td&gt;&lt;td&gt;反模板约束 + 审查落点&lt;/td&gt;&lt;td&gt;风格 Prompt 库&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;典型动作&lt;/td&gt;&lt;td&gt;brief → 三旋钮 / &lt;code&gt;review my UI&lt;/code&gt;&lt;/td&gt;&lt;td&gt;「用 claymorphism 做登录页」&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;适合先上&lt;/td&gt;&lt;td&gt;已经「能跑但一眼模板」&lt;/td&gt;&lt;td&gt;知道要某种美学家族、缺词条&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;推荐串法：先从 ui-styles 点风格名（或从参考图走 image-to-code），再用 Taste 收口，最后 guidelines 钉行号。漫画需求单独开 baoyu-comic，别跟网页三连搅。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;适合谁，别硬套谁&lt;/h2&gt;&lt;p&gt;适合：落地页、作品集、营销站、活动页；已经一眼模板的改版；想把审美判断沉淀成可复用 Agent 约束的人。&lt;/p&gt;&lt;p&gt;不太适合：后台表格、高密度仪表盘、多步产品工作台；brief 糊却指望旋钮救命；上下文很紧、不想喂进约 2 万 token 规则的会话；把 v2 experimental 当生产契约却拒绝回退到 v1。&lt;/p&gt;&lt;p&gt;作者声明（Taste）：没有官方代币 / 币 / 加密项目；蹭名发币的一律无关。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>八种软技能，别当成功学大纲背</title><link>https://fork-firefly.vercel.app/posts/eight-future-capabilities/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/eight-future-capabilities/</guid><description>舟舟清单：未来顶尖人才八种能力——带走一张表，水分先降温。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;舟舟（「舟舟书写青春」）一篇清单文，文末署 2026.7.24。体育人视角很明显——团队那条直接甩 4×100 交接——但整篇仍是&lt;strong&gt;软技能菜单&lt;/strong&gt;，不是可逐步验收的方法论。读完能带走一张表和几处降温就够，扩成励志长文没必要。&lt;/p&gt;
&lt;p&gt;原文没图，封面后补；有人留言要封面，作者说可以分享，这边没收着。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;能带走的就这些&lt;/h2&gt;


























































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;能力&lt;/th&gt;&lt;th&gt;作者落点（压缩）&lt;/th&gt;&lt;th&gt;读的时候留个心眼&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;1&lt;/td&gt;&lt;td&gt;自我管理&lt;/td&gt;&lt;td&gt;先管&lt;strong&gt;时间&lt;/strong&gt;：排程、砍干扰&lt;/td&gt;&lt;td&gt;对，但别停在「我要自律」口号&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;解决问题&lt;/td&gt;&lt;td&gt;有题就拆、就推进&lt;/td&gt;&lt;td&gt;和岗位方法绑定才有用&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;沟通表达&lt;/td&gt;&lt;td&gt;说清/写清；点到《北大口才课》等&lt;/td&gt;&lt;td&gt;课本能练嘴，替不了场景反馈&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;4&lt;/td&gt;&lt;td&gt;团队合作&lt;/td&gt;&lt;td&gt;4×100：棒交不稳，个人再快也白搭&lt;/td&gt;&lt;td&gt;体育人比喻好懂，职场映射各自补&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;5&lt;/td&gt;&lt;td&gt;领导能力&lt;/td&gt;&lt;td&gt;定方向、带人、卡住时扛&lt;/td&gt;&lt;td&gt;和「合作」相邻，别混成当官术&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;6&lt;/td&gt;&lt;td&gt;逆商&lt;/td&gt;&lt;td&gt;挫败里还能走；引「敌人围我万千重…」；荐《心之力》&lt;/td&gt;&lt;td&gt;&lt;strong&gt;书目高风险&lt;/strong&gt;，见下&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;7&lt;/td&gt;&lt;td&gt;创造&lt;/td&gt;&lt;td&gt;几何/三视图 → 知识迁移 → 经商&lt;/td&gt;&lt;td&gt;迁移例子可爱，不是证明链&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;8&lt;/td&gt;&lt;td&gt;思辨&lt;/td&gt;&lt;td&gt;读书养判断；自称读「96000 本」&lt;/td&gt;&lt;td&gt;&lt;strong&gt;数字未核，疑夸张&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;作者留言勘误：「和&lt;strong&gt;用&lt;/strong&gt;」→「和&lt;strong&gt;有&lt;/strong&gt;」不怕困难的态度——归档按改正理解。&lt;/p&gt;&lt;p&gt;留言里两句有点意思：过客说逆向思维、完人往往拔不了尖；Frederick 说这八项过去现在未来都急——当气氛补充即可，不必抬成论据。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;水分先降温&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;《心之力》&lt;/strong&gt;：常见网文路线多被指伪托毛选/毛著。笔记里只记「作者推荐过」；&lt;strong&gt;别当史实，也别当权威读本去跟人安利。&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;「96000 本」&lt;/strong&gt;：作者说法，无书单、无统计口径。疑夸张；引用请写成「作者称」。&lt;/li&gt;
&lt;li&gt;全文调性是青年向清单 + 鸡汤边缘；要落地的人，价值止于&lt;strong&gt;能力名词对照表&lt;/strong&gt;，不是操作手册。&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;旁边怎么并排&lt;/h2&gt;&lt;p&gt;企业阵型、精益领导力、人效四层那几篇是组织/管理向；本篇是个人软技能菜单。职业叙事向的 FDE，另见 &lt;a href=&quot;/posts/layoff-to-fde/&quot;&gt;被裁了别开馆子&lt;/a&gt;——旁链互指，&lt;strong&gt;不并夹&lt;/strong&gt;。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>Endless Tools：浏览器里做艺术指导向的 3D，别被那张 ¥6.6 价卡带跑</title><link>https://fork-firefly.vercel.app/posts/endless-tools-3d/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/endless-tools-3d/</guid><description>官网侧核对 Endless Tools：偏 art direction 的 Web 3D，不是又一个文生海报；公众号价卡与功能段当噪声。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;「每天认识一款」第 58 期标题写的是 Endless Tools｜3D 设计工具，配图也确实是官网那套黑底、模板墙、材质面板。正文却像把好几篇 AI 设计软文揉进了一锅——Logo、PSD 分层、一键 PPT、绘本动画，FAQ 里还冒出个 Anijam。&lt;/p&gt;
&lt;p&gt;这篇只带走：它大概是什么、官网侧能核对到什么、公众号里哪些段落要当噪声。&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Art direction is now software&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;167&quot; src=&quot;/_astro/fig-01.B3tYeKnG_Z16rGOy.webp&quot; /&gt;&lt;figcaption&gt;Art direction is now software&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;产品本身：偏 art direction，不是又一个「文生海报」&lt;/h2&gt;&lt;p&gt;按官网（&lt;a href=&quot;https://endlesstools.io/&quot; target=&quot;_blank&quot;&gt;endlesstools.io&lt;/a&gt;，核对日 2026-08-11）和本期配图，Endless Tools 更像：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;浏览器里跑的 no-code / 低门槛 3D + 动态视觉工作台&lt;/li&gt;
&lt;li&gt;口号直白：Art direction is now software（艺术指导变成软件）&lt;/li&gt;
&lt;li&gt;强项在「可控的最终观感」：模板可改、材质可喂、特效可叠，再导出图 / 视频 / 嵌入网页&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;它跟 Midjourney 那种「出一张图就走」不是一路。更接近：品牌 / 平面同学想快速摸 3D 意向、做提案视觉、往站点塞可交互片段，又不想先开 C4D。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;八项能力墙：挤出、AI 建模、特效、3D 字、AI 材质、Embed、8K、后期&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;725&quot; src=&quot;/_astro/cover.CCKEoNpP_FB9Oo.webp&quot; /&gt;&lt;figcaption&gt;八项能力墙：挤出、AI 建模、特效、3D 字、AI 材质、Embed、8K、后期&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;官网功能墙（与配图一致）可记这张表：&lt;/p&gt;








































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;能力&lt;/th&gt;&lt;th&gt;人话&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;3D Extrude&lt;/td&gt;&lt;td&gt;矢量挤成 3D；也可逛 Noun Project 形状&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;AI 3D Generation&lt;/td&gt;&lt;td&gt;文生 / 库里捞模型&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Visual Effects&lt;/td&gt;&lt;td&gt;图、视频、3D 场景上叠实时特效&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;3D Text&lt;/td&gt;&lt;td&gt;精选字体做立体字与动画&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;AI Textures&lt;/td&gt;&lt;td&gt;文生材质贴到模型上&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Embeds&lt;/td&gt;&lt;td&gt;交互场景嵌进网站&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;8K Render&lt;/td&gt;&lt;td&gt;高分辨率静帧导出（商用向宣传）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Post-processing&lt;/td&gt;&lt;td&gt;后期叠层&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;材质侧配图很能说明「控制感」：左侧扎染佛头，右侧 AI Material Creator（类目 STONE / WOOD / METAL… + prompt + Generate / Upscale）。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;AI Material Creator 与佛头材质示例&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;727&quot; src=&quot;/_astro/fig-03.CKibJeIj_Z2nugCt.webp&quot; /&gt;&lt;figcaption&gt;AI Material Creator 与佛头材质示例&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;公众号正文：哪些能信，哪些当串稿&lt;/h2&gt;




































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;区块&lt;/th&gt;&lt;th&gt;怎么读&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;开场「告别工具焦虑」&lt;/td&gt;&lt;td&gt;栏目统一鸡汤，压成一句：用一杯咖啡时间扫工具即可&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;「是什么」里封面/海报/教育工作者&lt;/td&gt;&lt;td&gt;方向勉强沾边；别当成功能清单&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Part·One 七条（文生设计、AI Logo、智能排版、PSD 分层…）&lt;/td&gt;&lt;td&gt;与配图 / 官网八宫格对不上，更像通用 AI 平面工具文案，勿当 Endless 说明书&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Part·Two「从文本生成 → 排版配色 → 导出 PDF」&lt;/td&gt;&lt;td&gt;流程腔偏平面生成器；官网叙事是模板 / 实时 3D / 导出 8K·视频·GLB 等——以官网为准试&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;价格表 + 配图价卡&lt;/td&gt;&lt;td&gt;严重存疑，见下节&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Part·Three 场景&lt;/td&gt;&lt;td&gt;自媒体封面、创业物料、提案概念图——若落在「快速 3D 视觉」上还说得通；写成「一键 PPT / Logo 工厂」就过了&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;FAQ&lt;/td&gt;&lt;td&gt;浏览器、低配电脑——和「Web 工具」一致；Anijam、动画角色商用口径——当原文笔误 / 串稿，不要扩写&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;定价：原文别采信，官网另记一笔&lt;/h2&gt;&lt;p&gt;公众号价卡长这样：基础免费 vs 专业 ¥6.6 / 月起，细项全是「PPT 模板下载、一键生成 PPT、可编辑源文件」——跟 3D 工具标题硬撞。&lt;/p&gt;&lt;p&gt;粘贴正文还甩出全能 ¥79（绘本 / 故事 / 视频）、教育定制两档。这已经不是「写错一个数字」，是整段像别的产品价目混进来了。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;原文价卡：权益条目明显偏 PPT&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;567&quot; src=&quot;/_astro/fig-05.ZQTyTA5k_wMOEE.webp&quot; /&gt;&lt;figcaption&gt;原文价卡：权益条目明显偏 PPT&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;官网公开页（同日核对）写的是另一套口径：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;Free：核心功能 3 天试用（不是「永久免费基础档 + 5 点」那种表述）&lt;/li&gt;
&lt;li&gt;PRO：约 &lt;span&gt;&lt;span&gt;20/月，年付约20 / 月，年付约 &lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;20/&lt;/span&gt;&lt;span&gt;月，年付约&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;249.99（页上有 Save 17% 年付选项）&lt;/li&gt;
&lt;li&gt;PRO 权益宣传点：每月 AI credits、商用无水印、最高 8K / 视频 / USDZ·GLB·Web embed、实时特效、模板库等&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;不要用公众号那张 ¥6.6 / 绘本表做决策；要付钱先打开 &lt;a href=&quot;https://endlesstools.io/&quot; target=&quot;_blank&quot;&gt;endlesstools.io&lt;/a&gt; 看当前套餐。汇率、活动价、国内代理价本文未核。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;谁会真用得上&lt;/h2&gt;&lt;p&gt;说得通的用法大致是：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;提案前快速堆 3D 意向、材质与光感，而不是交付最终影视级资产&lt;/li&gt;
&lt;li&gt;站点 / 作品集需要可嵌入的轻交互 3D 或特效块&lt;/li&gt;
&lt;li&gt;平面出身、不想先啃传统 3D 软件安装与硬件门槛&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;说不通、或至少别按这篇公众号去承诺的：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;当「AI 一键出商用 PPT / 绘本动画」的平替（原文价卡在暗示这个，产品图不支持）&lt;/li&gt;
&lt;li&gt;默认「生成内容全球商用无坑」——FAQ 写得很满，仍以平台条款为准&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;还想动手时&lt;/h2&gt;&lt;ol&gt;
&lt;li&gt;直接打开官网，用免费试用摸模板墙和 Material / Effects 面板。&lt;/li&gt;
&lt;li&gt;导出前先搞清你要的是静帧、视频，还是 GLB / embed。&lt;/li&gt;
&lt;li&gt;若只在公众号里看到 ¥6.6 和「一键 PPT」，当广告拼贴略过，回到官网价。&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;公众号真实链接原料未给；定价与功能以官网当日页为准。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>安永把 2026 以后叫 NAVI，别再赌一条直线</title><link>https://fork-firefly.vercel.app/posts/ey-2026-navi-trends/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/ey-2026-navi-trends/</guid><description>安永 Megatrends 2026 导读：NAVI 世界、八条大趋势，以及今天就能问的三句。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;公众号扔来一版安永 &lt;em&gt;Megatrends 2026&lt;/em&gt; 导读。我没把整本 PDF 搬进来——本地也没收齐原文图——只把能带走的骨架压在这里。官方页核对日：2026-08-11 → &lt;a href=&quot;https://www.ey.com/en_gl/megatrends&quot; target=&quot;_blank&quot;&gt;ey.com/en_gl/megatrends&lt;/a&gt;。&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Foreword · NAVI&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;576&quot; src=&quot;/_astro/fig-01-foreword-navi.BeNR-lxw_1rOSuS.webp&quot; /&gt;&lt;figcaption&gt;Foreword · NAVI&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;线性预测，先退休&lt;/h2&gt;&lt;p&gt;NAVI = &lt;strong&gt;N&lt;/strong&gt;onlinear · &lt;strong&gt;A&lt;/strong&gt;ccelerated · &lt;strong&gt;V&lt;/strong&gt;olatile · &lt;strong&gt;I&lt;/strong&gt;nterconnected。&lt;br /&gt;
意思很土：变化会拐弯、会加速、会抖，还会互相扯着走。还用「明年大概这样」押注，等于假装世界还听话。&lt;/p&gt;&lt;p&gt;安永给的姿势是 &lt;strong&gt;future-back&lt;/strong&gt;：先看见若干可能未来，再往回找今天就能下手、且跨情景都划算的动作（他们叫 no-regret moves）。不是算命更准，是别把鸡蛋放进一条预测里。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;一张图看清八条线&lt;/h2&gt;&lt;p&gt;四根力（技术 / 人口 / 可持续 / 地缘）搅在 NAVI 环境里，长出八条 megatrend；两端是两条主轴——&lt;strong&gt;超流体企业&lt;/strong&gt; 和 &lt;strong&gt;资本主义再平衡&lt;/strong&gt;。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;EY Futures Reimagined framework&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;576&quot; src=&quot;/_astro/fig-02-futures-reimagined-framework.DaKMezS4_Z1K5OLE.webp&quot; /&gt;&lt;figcaption&gt;EY Futures Reimagined framework&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;

















































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;Megatrend&lt;/th&gt;&lt;th&gt;人话&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;1&lt;/td&gt;&lt;td&gt;Superfluid enterprise&lt;/td&gt;&lt;td&gt;摩擦被啃光，组织边界变软&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;Human-machine hybrid&lt;/td&gt;&lt;td&gt;人机从「增强」走向更深合并&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;Productivity reset&lt;/td&gt;&lt;td&gt;旧产量尺子不够用了&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;4&lt;/td&gt;&lt;td&gt;Talent rewritten&lt;/td&gt;&lt;td&gt;人与 AI 能力一起改写&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;5&lt;/td&gt;&lt;td&gt;Migration infrastructure&lt;/td&gt;&lt;td&gt;人口流动要基建，不只是政策口号&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;6&lt;/td&gt;&lt;td&gt;Global resource rush&lt;/td&gt;&lt;td&gt;关键资源争夺外推到地球边缘&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;7&lt;/td&gt;&lt;td&gt;Age of trust&lt;/td&gt;&lt;td&gt;信任变稀缺资产&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;8&lt;/td&gt;&lt;td&gt;Capitalism rebalanced&lt;/td&gt;&lt;td&gt;资本配置偏向韧性与长期价值&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;中间四条（生产力度量、人才、迁移、资源）导读常一带而过；真正反复砸的是 1、2、7、8。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;超流体：三件套啃摩擦&lt;/h2&gt;&lt;p&gt;报告把超流体企业钉在三块砖上：&lt;strong&gt;agentic AI + 智能合约 + 数字孪生&lt;/strong&gt;。&lt;br /&gt;
数据、人才、资本少卡在部门墙里；人从「批每一步」滑向「编排整片生态」。听着像咨询话术，落地时不妨反问一句：你司哪段流程还在靠邮件和表格制造摩擦？&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;人机杂交：尺子也得换&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Preparing for human-machine hybrid era&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;576&quot; src=&quot;/_astro/fig-03-human-machine-hybrid.D5TWnKsT_ZwbIXG.webp&quot; /&gt;&lt;figcaption&gt;Preparing for human-machine hybrid era&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;不是多买几个 Copilot 席位就完事。报告把「超流体」当成基础设施，上面才谈人机杂交和生产力重置——质量、原创、判断力权重上升，纯吞吐指标会骗人。治理跟不上时，杂交只会放大事故面。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;信任：失信约砍三成价值（报告称）&lt;/h2&gt;&lt;p&gt;安永援引分析称：公司失信可丢掉约 &lt;strong&gt;30%&lt;/strong&gt; 价值。&lt;br /&gt;
这是报告口径，不是我复盘出来的——当决策压力测试用，别当财务公式。信任从「品牌口号」变成和数据一样要投、要量、要护的基础设施。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;资本主义再平衡：股东不是唯一坐标&lt;/h2&gt;&lt;p&gt;另一条 throughline：资本与资源分配更看 &lt;strong&gt;多元化、韧性、长期价值&lt;/strong&gt;，利益相关者进场。跟「超流体」对着看——一边把组织内部的摩擦抽干，一边把外部计分板从季度 EPS 拧松一点。做不做得到是另一回事；至少别还拿 2015 年的激励模型假装能扛 NAVI。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;今天就能问的三句&lt;/h2&gt;&lt;ol&gt;
&lt;li&gt;我们还在用单一预测写预算吗？有没有跨情景都成立的无悔动作清单？&lt;/li&gt;
&lt;li&gt;AI 代理 / 合约 / 孪生——有没有一块真在啃摩擦，还是全是 PPT？&lt;/li&gt;
&lt;li&gt;信任出事时，我们量的是舆情热度，还是价值与采用率同时掉崖？&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;原文配图远不止三张；本帖只收了导读实给的三张，框架图务必留着。PDF 没进本地盘，要细读去官方页下，别以为这里已经「全文归档」。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>给 Agent 喂网页：Firecrawl 怎么用</title><link>https://fork-firefly.vercel.app/posts/firecrawl-for-agents/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/firecrawl-for-agents/</guid><description>Firecrawl 把搜、抓、交互叠成 Web context API。AGPL + 云额度要先认清；星数会涨，引用请带日期。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;Agent 要上网，脏活往往不在模型，而在：&lt;strong&gt;搜得到、抓得干净、JS 页别炸、输出别全是导航栏&lt;/strong&gt;。&lt;br /&gt;
Firecrawl 把自己摆成 Web context API——官方原话是 search / scrape / interact the web at scale。人话版：少自己养爬虫农场。&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;firecrawl/firecrawl GitHub 卡&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;512&quot; src=&quot;/_astro/cover.Ru64sH64_Z210120.webp&quot; /&gt;&lt;figcaption&gt;firecrawl/firecrawl GitHub 卡&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;p&gt;正确仓库（原文链接曾打错，别抄错）：&lt;a href=&quot;https://github.com/firecrawl/firecrawl&quot; target=&quot;_blank&quot;&gt;https://github.com/firecrawl/firecrawl&lt;/a&gt;&lt;br /&gt;
许可证 &lt;strong&gt;AGPL-3.0&lt;/strong&gt;；云端免费档原文称 1000 credits/月——2026-08-11 看定价页，Free Plan 确实是每月 1,000 credits。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;它到底替你扛哪一段&lt;/h2&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;能力&lt;/th&gt;&lt;th&gt;你少做的事&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;Search&lt;/td&gt;&lt;td&gt;搜完还要再打开结果页——它顺手把内容带回来&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Scrape&lt;/td&gt;&lt;td&gt;URL → Markdown / 结构化 JSON / 截图，少洗 HTML&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Interact&lt;/td&gt;&lt;td&gt;要点按钮、翻页、填表再抽——浏览器动作叠在 scrape 上&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Agent&lt;/td&gt;&lt;td&gt;「帮我凑这类数据」式描述，自动跑一圈（预览/额度另算）&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;旁路还有 Crawl / Map / Batch，选型时主看上面四块就够。&lt;/p&gt;&lt;p&gt;接进工作流的常见口子：&lt;strong&gt;SDK（Python / Node）· MCP · CLI / 云 API&lt;/strong&gt;。&lt;br /&gt;
MCP 只是插头之一——跟「MCP 和 Skills 别放一层比」那篇不打架：那边讲层位，这里讲&lt;strong&gt;具体外设&lt;/strong&gt;。同批草稿见 &lt;a href=&quot;/posts/mcp-vs-skills-layers/&quot;&gt;&lt;code&gt;mcp-vs-skills-layers&lt;/code&gt;&lt;/a&gt;。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;数字怎么读才不挨坑&lt;/h2&gt;&lt;p&gt;卡面写 &lt;strong&gt;132k★&lt;/strong&gt;；核对日 GitHub API 已到约 &lt;strong&gt;16.5 万&lt;/strong&gt;。星数会涨，引用请带日期。&lt;/p&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;说法&lt;/th&gt;&lt;th&gt;怎么用&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;「13 万 Star」&lt;/td&gt;&lt;td&gt;原文钩子 / 卡面时代；不是实时真理&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;SDK「海量周下载」&lt;/td&gt;&lt;td&gt;原文称；官方站也有「2.5M+ weekly」营销口径——当量级参考，别当财报&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;1000 credits/月&lt;/td&gt;&lt;td&gt;原文称 + 定价页可对上；超出走付费档&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;AGPL-3.0&lt;/td&gt;&lt;td&gt;自托管要接受 AGPL 义务；嫌麻烦就用云或换更松许可证的替代&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;最小示意（密钥占位，别往笔记里贴真值）：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;from&lt;/span&gt;&lt;span&gt; firecrawl &lt;/span&gt;&lt;span&gt;import&lt;/span&gt;&lt;span&gt; Firecrawl&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;app &lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;Firecrawl&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;/span&gt;&lt;span&gt;api_key&lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt;&quot;fc-YOUR_API_KEY&quot;&lt;/span&gt;&lt;span&gt;)&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;print&lt;/span&gt;&lt;span&gt;&lt;span&gt;(app.&lt;/span&gt;&lt;span&gt;search&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&quot;site:docs.example.com agent memory&quot;&lt;/span&gt;&lt;span&gt;, &lt;/span&gt;&lt;span&gt;limit&lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt;3&lt;/span&gt;&lt;span&gt;))&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;选型时先问自己两句&lt;/h2&gt;&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;要的是干净 Markdown，还是要在页面上点完再抽？&lt;/strong&gt; 只要前者，Scrape/Search 够用；要登录墙后的交互，才看 Interact。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;能接受 AGPL / 云额度，还是必须完全自控且换许可证？&lt;/strong&gt; 接受 → Firecrawl 省事；不接受 → 另找 Apache/MIT 系自建方案，别被星数绑架。&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;留言里有人吵收费、拿 agent-reach 类方案比覆盖面——没对照评测前，当噪声。地址纠错那条倒是实锤：抄链接前对一下 &lt;code&gt;firecrawl/firecrawl&lt;/code&gt;。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>Gorden 那套 Super PPT：先出图页，再拆成真文本框</title><link>https://fork-firefly.vercel.app/posts/gorden-super-ppt-pipeline/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/gorden-super-ppt-pipeline/</guid><description>Codex 专属三技能：内容→图片 PPT→可编辑 PPTX。四层防双影，费用有美元与 Plus 两套口径，装之前先看清宿主和额度。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;仓库：&lt;a href=&quot;https://github.com/GordenSun/GordenSuperPPTSkills&quot; target=&quot;_blank&quot;&gt;GordenSun/GordenSuperPPTSkills&lt;/a&gt;（Python · README 写死&lt;strong&gt;仅 Codex&lt;/strong&gt;）。&lt;/p&gt;
&lt;p&gt;它不是又一套模板。核心是把「好看」和「能改」拆成两条流水线：内容先变成&lt;strong&gt;真生图&lt;/strong&gt;的图片 PPT，再按层拆开重拼成&lt;strong&gt;可编辑 PPTX&lt;/strong&gt;。公众号里「AI PPT 赛道终结者」「史上最强」当宣传听就行，别写进选型结论。&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;内容 → 图片 PPT → 可编辑 PPTX&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;1024&quot; src=&quot;/_astro/cover.6O3lhrId_2m6Lnx.webp&quot; /&gt;&lt;figcaption&gt;内容 → 图片 PPT → 可编辑 PPTX&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;三技能怎么拆&lt;/h2&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;技能&lt;/th&gt;&lt;th&gt;干什么&lt;/th&gt;&lt;th&gt;带走的约束&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;GordenImagePPTGen&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;主题/内容 → 每页 PNG + 图片型 PPTX&lt;/td&gt;&lt;td&gt;必须真调图像生成；禁 SVG/HTML/Canvas/代码画图冒充&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;GordenImage2PPTX&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;图片页/截图 → 可编辑 PPTX&lt;/td&gt;&lt;td&gt;四层重拼，文字必须是真文本框&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;GordenSuperPPTSkill&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;串前两步&lt;/td&gt;&lt;td&gt;一次交出图片型 + 可编辑 + 中间层产物&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;只要好看图页用第一个；手里已有图页只要第二个；「从内容一路到可改」或没指定时，走编排器。别指望一个 prompt 同时搞定「又炫又能改」——这是架构选择，不是文案技巧。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;四层：防「假可编辑」&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;背景 / 框架 / 图标装饰 / 文字&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-02-four-layers.DLC0JAvq_QOWYJ.webp&quot; /&gt;&lt;figcaption&gt;背景 / 框架 / 图标装饰 / 文字&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;拆开再按坐标拼回去：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;背景&lt;/li&gt;
&lt;li&gt;框架&lt;/li&gt;
&lt;li&gt;图标与装饰&lt;/li&gt;
&lt;li&gt;文字（文本框）&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;最脏的偷懒是：整页原图当背景，再叠一层字。看起来「能改」，实际&lt;strong&gt;双影&lt;/strong&gt;（图上字 + 框里字）。技能门禁就是冲这个来的。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;装起来三步，宿主别搞错&lt;/h2&gt;&lt;p&gt;Codex 里粘贴安装 → &lt;code&gt;pip install python-pptx&lt;/code&gt;（还要 pillow / numpy）→ 用人话描述需求调用。文内写死只支持 Codex；留言也有人吐槽要 GPT 账号、Deepseek 生不了图。别的 Agent 理论上能蹭接口，仓库没做适配。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;费用：两套口径别混&lt;/h2&gt;
















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;来源&lt;/th&gt;&lt;th&gt;说法&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;作者美元口径&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;生图 &lt;span&gt;&lt;span&gt;0.03−0.03-&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;0.03&lt;/span&gt;&lt;span&gt;−&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;0.10 / 张；Vision 还原 &lt;span&gt;&lt;span&gt;0.01−0.01-&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;0.01&lt;/span&gt;&lt;span&gt;−&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;0.05 / 页；建议单文件 ≤20 页&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Plus 额度口径（README）&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;转 1 张图 ≈ 5 小时额度的 &lt;strong&gt;10%&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;都是作者/README 转述，&lt;strong&gt;没实测&lt;/strong&gt;。选型时认清你在比的是哪一套账。先 &lt;strong&gt;1-3 页&lt;/strong&gt;摸成本与质量，再放大。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;强但不轻：小样试跑 + 风险边界&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-03-risks.cx2ng1PX_Z13v80I.webp&quot; /&gt;&lt;figcaption&gt;强但不轻：小样试跑 + 风险边界&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;市场数字当气氛，别当结论&lt;/h2&gt;&lt;p&gt;公众号 pitch 里堆了一堆「痛点证据」，出处作者写了，我没去对原报告。拿来当「值得关心 PPT 链路」的气氛可以；拿来写死结论不行。挑几条有印象的：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;每天海量 PPT / 管理层周均耗时（LinkedIn、empower®、SketchBubble 等，&lt;strong&gt;未核&lt;/strong&gt;）&lt;/li&gt;
&lt;li&gt;AI 演示生成市场数字单位可疑，照录并标未核&lt;/li&gt;
&lt;li&gt;Vision / OCR 准确率数字同理，别当验收标准&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;留言里有人直接问：效果图呢？问得好——装之前自己跑小样，别被 pitch 带着走。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;什么时候值得装&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;值得试&lt;/strong&gt;：要视觉冲击，又要同事/老板在 PPT 里真改字；能接受 Codex 长链路和人工 QA。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;别硬上&lt;/strong&gt;：日常周报、改几个数字就交差、不想烧额度、要零验收工业级稳定。&lt;/p&gt;&lt;p&gt;质量跟模型走；高密度页更容易拆歪。形态上它是 Skill / Prompt / Manifest / QA 包，不是点按钮的 SaaS——流程在，责任也在你这边。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;许可证别想当然&lt;/h2&gt;&lt;p&gt;API 查下来 &lt;strong&gt;无 SPDX license&lt;/strong&gt;（&lt;code&gt;license: null&lt;/code&gt;）。README 致谢写「可以商用，必须标明 Github 出处或 @Gorden Sun」。个人学习归档够用；要商用交付，先自己确认这份口头授权是否够用，别默认「开源=随便用」。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>四套 Image2 口令：换槽位比换风格更值钱</title><link>https://fork-firefly.vercel.app/posts/gpt-image2-prompt-pack/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/gpt-image2-prompt-pack/</guid><description>GPT Image 2 四风格提示词骨架：可改槽位、身份一致性怎么钉；完整口令留源笔记，不跟玩法盘点/高张力海报硬并。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;公众号甩了四组 GPT Image 2（作者口径）提示词 + 七张示例。完整口令留在源素材里，这里只留对照骨架、可改槽位、身份一致性怎么钉。&lt;/p&gt;
&lt;p&gt;同模型案例合集（玩法盘点 55–75）和「七种高张力海报」是另一类货——配方库 / 海报张力 ≠ 本篇四风格骨架；旁链一眼，别整包并进来。站内已发的 &lt;a href=&quot;/posts/gpt-image2-ui-layer-slice/&quot;&gt;UI 分层切图&lt;/a&gt; 也是同模型、另一条交付线。&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;吉他少女 · Lo-fi×吉卜力×新海诚&quot; loading=&quot;lazy&quot; width=&quot;771&quot; height=&quot;1024&quot; src=&quot;/_astro/cover.BjgYmVnp_CnOJJ.webp&quot; /&gt;&lt;figcaption&gt;吉他少女 · Lo-fi×吉卜力×新海诚&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;四风格对照&lt;/h2&gt;







































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;风格&lt;/th&gt;&lt;th&gt;视觉锚&lt;/th&gt;&lt;th&gt;比例 / 参考&lt;/th&gt;&lt;th&gt;真正可复用的旋钮&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;1&lt;/td&gt;&lt;td&gt;极简动漫吉他少女&lt;/td&gt;&lt;td&gt;Lo-fi × 吉卜力 × 新海诚；珊瑚橙 Strat、红耳机、米色卫衣&lt;/td&gt;&lt;td&gt;横幅插画感；奶油底留白&lt;/td&gt;&lt;td&gt;发色 / 乐器色 / 服装件套；线稿+赛璐珞+粉彩点缀先钉死&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;另类图形角色&lt;/td&gt;&lt;td&gt;夸张五官、硬边赛璐珞、旧纸纹理&lt;/td&gt;&lt;td&gt;4&amp;lt;5&amp;gt;&lt;/td&gt;&lt;td&gt;&lt;code&gt;[CLOTHING]&lt;/code&gt; / &lt;code&gt;[BACKGROUND]&lt;/code&gt; / &lt;code&gt;[TEXT]&lt;/code&gt; 三槽；脸型牙缝结构别动&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;水墨水彩肖像&lt;/td&gt;&lt;td&gt;狂墨线 + 暖棕赭水彩 + 红橙蝴蝶&lt;/td&gt;&lt;td&gt;&lt;code&gt;--ar 9:16&lt;/code&gt;；可上传人像&lt;/td&gt;&lt;td&gt;「主体身份」用参考图；蝴蝶色 / 负空间白底当对比旋钮&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;4&lt;/td&gt;&lt;td&gt;博物馆展览肖像&lt;/td&gt;&lt;td&gt;对角聚光、日式壁画、Portra&lt;/td&gt;&lt;td&gt;中近景；身份一致性参考图&lt;/td&gt;&lt;td&gt;服装色块 + 光束方向 + 负面提示；脸/发型锁参考&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;另类角色 · BAD SIGNAL&quot; loading=&quot;lazy&quot; width=&quot;806&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-03-alt-character.BqkcuiwB_Z9c25x.webp&quot; /&gt;&lt;figcaption&gt;另类角色 · BAD SIGNAL&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;槽位怎么写（别整段重写）&lt;/h2&gt;&lt;p&gt;另类角色是本包最「模板」的一组：脸与线稿语法固定，换三槽就出系列海报。&lt;/p&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;槽位&lt;/th&gt;&lt;th&gt;干什么&lt;/th&gt;&lt;th&gt;成图示例&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;[CLOTHING]&lt;/code&gt;&lt;/td&gt;&lt;td&gt;宽大图形块衣服 + 少褶皱&lt;/td&gt;&lt;td&gt;连帽衫 / 背心 / 外套……&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;[BACKGROUND]&lt;/code&gt;&lt;/td&gt;&lt;td&gt;大面积平涂底，细节克制&lt;/td&gt;&lt;td&gt;色块墙、抽象平面&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;[TEXT]&lt;/code&gt;&lt;/td&gt;&lt;td&gt;粗糙手绘大字&lt;/td&gt;&lt;td&gt;BAD SIGNAL · PERMANENT VACATION · MAKE NOISE&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;吉他少女没有方括号槽，但可变项同样清晰：发色（黑 / 棕两变体）、Strat 珊瑚色、耳机红、米色连帽衫——改一项就能出变体，不必推翻「Lo-fi + 吉卜力 + 新海诚」句。&lt;/p&gt;&lt;p&gt;水墨组把主体写成「男人（已上传图片）」——口令默认走图生/参考；没参考就先换成具体外貌描述，别空喊「男人」。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;水墨水彩 · 蝴蝶&quot; loading=&quot;lazy&quot; width=&quot;576&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-06-ink-watercolor.DS7qn3mL_Z1PPk17.webp&quot; /&gt;&lt;figcaption&gt;水墨水彩 · 蝴蝶&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;身份一致性：博物馆组在教什么&lt;/h2&gt;&lt;p&gt;第 4 组开头不是氛围词，是合同：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;先喂参考图，再写场景&lt;/li&gt;
&lt;li&gt;明示锁定：面部、发型、刘海、比例、肤色、姿态、轮廓&lt;/li&gt;
&lt;li&gt;场景侧用对角聚光 + 日式壁画 + Portra 胶片拉情绪&lt;/li&gt;
&lt;li&gt;负面提示清动漫/多肢体/霓虹/糊脸——写实肖像比插画更吃这一刀&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;商用前：参考人脸与示例图都要过授权；本帖示例只供学习，不授权二创出货。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;博物馆展览肖像&quot; loading=&quot;lazy&quot; width=&quot;682&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-07-museum-portrait.8DHPCKgt_h7w8N.webp&quot; /&gt;&lt;figcaption&gt;博物馆展览肖像&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;什么时候抄哪一套&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;要干净二次元海报、好物点缀清楚 → 吉他少女&lt;/li&gt;
&lt;li&gt;要角色 IP / 系列字报、同一张脸换衣服换标语 → 另类图形 + 三槽&lt;/li&gt;
&lt;li&gt;要手绘感肖像、竖版封面 → 水墨水彩 + 9&amp;lt;16&amp;gt;&lt;/li&gt;
&lt;li&gt;要电影感环境人像、同一个人多场景 → 博物馆 + 参考图锁身份&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;完整四段 Prompt 与七张原图顺序映射见源素材；未在本机重跑生图。玩法盘点 / 高张力海报仍待发布，链接后补。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>Hermes 别只装个壳：七层装修到无限记忆</title><link>https://fork-firefly.vercel.app/posts/hermes-agent-seven-levels/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/hermes-agent-seven-levels/</guid><description>把 Hermes 当 7×24 独立电脑：VPS、入口、Curator、备份、看板、Holographic 记忆、暴露成 MCP。附录一张双端斜杠命令速查。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;很多人装完 Hermes，还是在对话框里当聊天机器人用。David André 那套讲法更狠：Agent 是一台要 7×24 跑的独立电脑，要从 VPS、入口、打扫、备份、看板、记忆一路装到暴露成 MCP。他自己靠 Agent 把 Vectl 做到约 &lt;strong&gt;&lt;span&gt;&lt;span&gt;155kARR∗∗，月API账单约∗∗155k ARR**，月 API 账单约 **&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;155&lt;/span&gt;&lt;span&gt;k&lt;/span&gt;&lt;span&gt;A&lt;/span&gt;&lt;span&gt;R&lt;/span&gt;&lt;span&gt;R&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;∗&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;∗&lt;/span&gt;&lt;span&gt;，月&lt;/span&gt;&lt;span&gt;A&lt;/span&gt;&lt;span&gt;P&lt;/span&gt;&lt;span&gt;I&lt;/span&gt;&lt;span&gt;账单约&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;∗&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;∗&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;6k-10k&lt;/strong&gt;；钱砸得出去，是因为 harness 配全了，不是因为会多问两句 prompt。&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;7 Levels of Hermes Agent&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;576&quot; src=&quot;/_astro/cover.CE1-OD5A_2ciCTq.webp&quot; /&gt;&lt;figcaption&gt;7 Levels of Hermes Agent&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;梯子先看全貌&lt;/h2&gt;












































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Level&lt;/th&gt;&lt;th&gt;在补什么&lt;/th&gt;&lt;th&gt;没做到时的症状&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;L1 基础设施&lt;/td&gt;&lt;td&gt;独立 VPS、常开&lt;/td&gt;&lt;td&gt;本机关机 Agent 就死&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;L2 聊天工具&lt;/td&gt;&lt;td&gt;Discord 等 Gateway 派活&lt;/td&gt;&lt;td&gt;只能守在终端前&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;L3 Curator&lt;/td&gt;&lt;td&gt;废 skill 过期清理&lt;/td&gt;&lt;td&gt;上下文塞爆、越用越蠢、烧钱&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;L4 cron&lt;/td&gt;&lt;td&gt;&lt;code&gt;.hermes&lt;/code&gt; 定时私有备份&lt;/td&gt;&lt;td&gt;磁盘一炸，记忆归零&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;L5 Kanban&lt;/td&gt;&lt;td&gt;多角色并行看板&lt;/td&gt;&lt;td&gt;人肉串任务，扩不动&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;L6 Holographic Memory&lt;/td&gt;&lt;td&gt;本地结构化长期记忆&lt;/td&gt;&lt;td&gt;硬塞上下文 / 朴素 RAG 不够用&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;L7 MCP 服务器&lt;/td&gt;&lt;td&gt;给 CC / Codex / Pi 当后端&lt;/td&gt;&lt;td&gt;Hermes 困在自己壳里&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;本篇是 &lt;strong&gt;Hermes 运维层级总览&lt;/strong&gt;。文末附录是斜杠命令速查，别拿附录当主菜。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;L1-L2：先有常开电脑，再有派活入口&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;L1&lt;/strong&gt;：别钉在自己笔记本上。上 VPS（文中例：Hostinger KVM2，可同机 Hermes + OpenClaw + n8n + Web），SSH + 官方一行安装，目标是 7×24。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;L2&lt;/strong&gt;：Gateway 接到 Discord / Slack / Telegram / WhatsApp / iMessage / Teams / 邮件。Discord 里典型反馈链：&lt;code&gt;@&lt;/code&gt; Bot → 👀 → ✅。随时丢活，隔天回来收报告。这才叫「入口」，不是「再开一个聊天窗」。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;L3：Curator 不开，skill 会反噬&lt;/h2&gt;&lt;p&gt;Hermes 会自我进化、生 skill。短期爽，长期把上下文撑爆，模型变蠢，API 账单给废 skill 买单。&lt;/p&gt;




















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;动作&lt;/th&gt;&lt;th&gt;口径&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;标 stale&lt;/td&gt;&lt;td&gt;约 30 天&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;删除&lt;/td&gt;&lt;td&gt;约 90 天&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;例行命令&lt;/td&gt;&lt;td&gt;&lt;code&gt;hermes update&lt;/code&gt; · &lt;code&gt;hermes curator status&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;Curator 是运维岗，不是装饰开关。消息端也能 &lt;code&gt;/curator status|run|pin|archive&lt;/code&gt;，和附录里那条对得上。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;L4：凌晨备份，PAT 收紧&lt;/h2&gt;&lt;p&gt;每日 &lt;strong&gt;3am&lt;/strong&gt; 把 &lt;code&gt;.hermes&lt;/code&gt; 推到&lt;strong&gt;私有&lt;/strong&gt; GitHub；令牌用 fine-grained PAT，别甩一把全能 token。&lt;/p&gt;&lt;p&gt;落地姿势：用人话让 Agent 写脚本 → 注册 cron → 自己跑一轮验证。备份没验过，等于没备份。终端里 &lt;code&gt;/cron&lt;/code&gt; 就是摸定时任务的入口。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;L5：多 Agent 靠看板，不靠吼&lt;/h2&gt;&lt;p&gt;角色例：Researcher / Writer / Reviewer / Analyst；任务在 To Do → Done 上并行。文中 4-task pipeline：围着「无审查 AI」选题，吐出 3 个视频概念。&lt;/p&gt;&lt;p&gt;David 的判断很直：未来要管几百个 Agent；&lt;strong&gt;谁先解决管理问题，谁才碰得到规模&lt;/strong&gt;。单 Agent 聊天窗扩不出团队。双端都能敲 &lt;code&gt;/kanban &amp;lt;action&amp;gt;&lt;/code&gt;。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;L6：记忆四档，Holographic 偏本地&lt;/h2&gt;





























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;档位&lt;/th&gt;&lt;th&gt;做法&lt;/th&gt;&lt;th&gt;痛点&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;新手&lt;/td&gt;&lt;td&gt;几乎不存&lt;/td&gt;&lt;td&gt;每轮从零&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;硬塞上下文&lt;/td&gt;&lt;td&gt;全扔进 prompt&lt;/td&gt;&lt;td&gt;贵、慢、易糊&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;朴素 RAG&lt;/td&gt;&lt;td&gt;向量召回&lt;/td&gt;&lt;td&gt;结构化与矛盾检测弱&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Holographic&lt;/td&gt;&lt;td&gt;本地全息式记忆&lt;/td&gt;&lt;td&gt;要单独 setup，但隐私友好&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;插件名你会听到：Honcho / Mem0 / OpenViking / Super Memory。文中更推 &lt;strong&gt;Holographic&lt;/strong&gt;：本地、无 API key、少外泄。入口：&lt;code&gt;hermes memory setup&lt;/code&gt;。&lt;/p&gt;&lt;p&gt;实战向场景：视频元数据、赞助跟踪、VPS 自检、矛盾检测、跨主题洞察。通用「八策略怎么选」另有笔记（待发布）；这里只定 Hermes 这一层该上哪一档。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;L7：把自己暴露成 MCP&lt;/h2&gt;&lt;p&gt;Hermes 当 MCP 服务器，给 Claude Code / Codex / Pi 调用：壳在外面，记忆与文件在 Hermes 侧。&lt;/p&gt;




















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;场景&lt;/th&gt;&lt;th&gt;干什么&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;远程审批闸门&lt;/td&gt;&lt;td&gt;敏感动作先过你确认&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;走开模式推送&lt;/td&gt;&lt;td&gt;人不盯终端也能收进展&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;跨工具按需查&lt;/td&gt;&lt;td&gt;记忆 / 对话 / 文件按需拉，不整库灌&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;「MCP ≠ Skills」那篇讲层位（同批草稿 &lt;a href=&quot;/posts/mcp-vs-skills-layers/&quot;&gt;&lt;code&gt;mcp-vs-skills-layers&lt;/code&gt;&lt;/a&gt;）；本层讲的是 &lt;strong&gt;Hermes 如何成为被调用的那一端&lt;/strong&gt;。改完 MCP 配置记得 &lt;code&gt;/reload-mcp&lt;/code&gt;。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;旗舰模型才配得上这套 harness&lt;/h2&gt;&lt;p&gt;便宜小模型扛不住复杂 agentic harness：指令长、工具多、状态机深，省下来的模型费会从翻车和重跑里吐回去。文中口径：上 &lt;strong&gt;Opus 4.7 / GPT-5&lt;/strong&gt; 这一档旗舰。&lt;/p&gt;&lt;p&gt;真正拉开差距的，往往不是多会写一句 prompt，而是有没有一支 &lt;strong&gt;7×24 在线的 AI 团队&lt;/strong&gt;（机器常开 + 入口 + 打扫 + 备份 + 看板 + 记忆 + 可被别的工具调用）。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;附录：斜杠命令双端一张表&lt;/h2&gt;&lt;p&gt;Hermes 同时吃 CLI 和消息端，斜杠却不全一样。需要时翻表，别凭记忆猜「这条消息端有没有」。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Hermes Agent 斜杠命令速查&quot; loading=&quot;lazy&quot; width=&quot;682&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-02-slash-commands.B4D_I-Ug_Z5kQN2.webp&quot; /&gt;&lt;figcaption&gt;Hermes Agent 斜杠命令速查&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;




















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;标签&lt;/th&gt;&lt;th&gt;含义&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;双端&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;CLI + 消息都能用&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;终端&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;仅终端&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;消息&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;仅消息端&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;section&gt;&lt;h3&gt;会话流程（最高频）&lt;/h3&gt;
































































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;范围&lt;/th&gt;&lt;th&gt;命令&lt;/th&gt;&lt;th&gt;用途&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;双端&lt;/td&gt;&lt;td&gt;&lt;code&gt;/new&lt;/code&gt; 或 &lt;code&gt;/reset&lt;/code&gt;&lt;/td&gt;&lt;td&gt;新建会话&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;终端&lt;/td&gt;&lt;td&gt;&lt;code&gt;/clear&lt;/code&gt;&lt;/td&gt;&lt;td&gt;清屏 + 新会话&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;双端&lt;/td&gt;&lt;td&gt;&lt;code&gt;/status&lt;/code&gt;&lt;/td&gt;&lt;td&gt;会话摘要&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;双端&lt;/td&gt;&lt;td&gt;&lt;code&gt;/retry&lt;/code&gt;&lt;/td&gt;&lt;td&gt;重试上一轮&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;双端&lt;/td&gt;&lt;td&gt;&lt;code&gt;/undo&lt;/code&gt;&lt;/td&gt;&lt;td&gt;移除上次交流&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;双端&lt;/td&gt;&lt;td&gt;&lt;code&gt;/compress&lt;/code&gt;&lt;/td&gt;&lt;td&gt;压缩上下文&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;双端&lt;/td&gt;&lt;td&gt;&lt;code&gt;/rollback [N]&lt;/code&gt;&lt;/td&gt;&lt;td&gt;恢复检查点&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;双端&lt;/td&gt;&lt;td&gt;&lt;code&gt;/background &amp;lt;prompt&amp;gt;&lt;/code&gt;&lt;/td&gt;&lt;td&gt;独立会话运行&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;双端&lt;/td&gt;&lt;td&gt;&lt;code&gt;/steer &amp;lt;prompt&amp;gt;&lt;/code&gt;&lt;/td&gt;&lt;td&gt;运行中引导&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;双端&lt;/td&gt;&lt;td&gt;&lt;code&gt;/stop&lt;/code&gt;&lt;/td&gt;&lt;td&gt;停止运行中工作&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;终端&lt;/td&gt;&lt;td&gt;&lt;code&gt;/sessions&lt;/code&gt; · &lt;code&gt;/branch&lt;/code&gt; · &lt;code&gt;/handoff&lt;/code&gt;&lt;/td&gt;&lt;td&gt;切换 / 分支 / 转平台&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;配置、工具、信息（挑着用）&lt;/h3&gt;







































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;范围&lt;/th&gt;&lt;th&gt;命令&lt;/th&gt;&lt;th&gt;用途&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;双端&lt;/td&gt;&lt;td&gt;&lt;code&gt;/model&lt;/code&gt; · &lt;code&gt;/personality&lt;/code&gt; · &lt;code&gt;/fast&lt;/code&gt; · &lt;code&gt;/reasoning&lt;/code&gt; · &lt;code&gt;/voice&lt;/code&gt;&lt;/td&gt;&lt;td&gt;改行为&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;双端&lt;/td&gt;&lt;td&gt;&lt;code&gt;/yolo&lt;/code&gt;&lt;/td&gt;&lt;td&gt;跳过危险审批（慎用）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;终端&lt;/td&gt;&lt;td&gt;&lt;code&gt;/tools&lt;/code&gt; · &lt;code&gt;/skills&lt;/code&gt; · &lt;code&gt;/cron&lt;/code&gt; · &lt;code&gt;/browser&lt;/code&gt;&lt;/td&gt;&lt;td&gt;装完之后最常摸&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;双端&lt;/td&gt;&lt;td&gt;&lt;code&gt;/curator&lt;/code&gt; · &lt;code&gt;/kanban&lt;/code&gt; · &lt;code&gt;/reload-mcp&lt;/code&gt; · &lt;code&gt;/reload-skills&lt;/code&gt;&lt;/td&gt;&lt;td&gt;和七层运维对得上&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;双端&lt;/td&gt;&lt;td&gt;&lt;code&gt;/usage&lt;/code&gt; · &lt;code&gt;/insights&lt;/code&gt; · &lt;code&gt;/help&lt;/code&gt;&lt;/td&gt;&lt;td&gt;查用量与帮助&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;消息&lt;/td&gt;&lt;td&gt;&lt;code&gt;/start&lt;/code&gt; · &lt;code&gt;/approve&lt;/code&gt; · &lt;code&gt;/deny&lt;/code&gt; · &lt;code&gt;/update&lt;/code&gt; · &lt;code&gt;/restart&lt;/code&gt;&lt;/td&gt;&lt;td&gt;消息端专属&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;翻表时记住三件：前缀匹配（&lt;code&gt;/mod&lt;/code&gt; → &lt;code&gt;/model&lt;/code&gt;）；装上的 skill 会变成 &lt;code&gt;/&amp;lt;skill-name&amp;gt;&lt;/code&gt;；Quick commands 写在 &lt;code&gt;config.yaml&lt;/code&gt;。&lt;/p&gt;&lt;/section&gt;&lt;/section&gt;</content:encoded></item><item><title>沉浸式古诗词网页 Skill：值钱的是十步</title><link>https://fork-firefly.vercel.app/posts/immersive-poetry-skill/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/immersive-poetry-skill/</guid><description>Codex 创作型 Skill，把古典诗做成可滚动、可听、可细读的沉浸页；样张看《将进酒》与《念奴娇》。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;课本立体模型、手帐拼贴玩腻了，有人把「走进诗里」收成一个 Codex Skill：&lt;code&gt;$immersive-poetry-page&lt;/code&gt;。给一首古典诗，吐出能滚动、能听、能细读的沉浸页——不是 HTML 草图，是整条生产线。&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Skill 调用 chip&quot; loading=&quot;lazy&quot; width=&quot;754&quot; height=&quot;104&quot; src=&quot;/_astro/fig-skill-chip.BtB5-kyZ_1Ef8Nh.webp&quot; /&gt;&lt;figcaption&gt;Skill 调用 chip&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;p&gt;仓库：&lt;a href=&quot;https://github.com/zlbigger/immersive-poetry-page&quot; target=&quot;_blank&quot;&gt;zlbigger/immersive-poetry-page&lt;/a&gt;（2026-08-11 核对仍在；README 自称 Codex 创作型 Skill，MIT，★约 32）。同思路的金刚经演示：&lt;a href=&quot;https://www.praybuddha.com/diamond-sutra-immersive/&quot; target=&quot;_blank&quot;&gt;praybuddha.com/diamond-sutra-immersive&lt;/a&gt;。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;值钱的是十步，不是某一张图&lt;/h2&gt;&lt;p&gt;难点从来不在「写一页好看 HTML」，而在原文、分镜、图像世界、滚动节奏、移动端构图彼此不打架。Skill 把漏检钉死：&lt;/p&gt;



























































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;步&lt;/th&gt;&lt;th&gt;干嘛&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;1&lt;/td&gt;&lt;td&gt;查项目&lt;/td&gt;&lt;td&gt;前端栈、路由、未提交文件&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;核原文&lt;/td&gt;&lt;td&gt;作品信息、异文&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;5～8 视觉段&lt;/td&gt;&lt;td&gt;按情绪 / 视角切，禁止一句一图碎切&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;4&lt;/td&gt;&lt;td&gt;视觉圣经&lt;/td&gt;&lt;td&gt;时代·地理·人物·服饰·色板·镜头&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;5&lt;/td&gt;&lt;td&gt;ImageGen&lt;/td&gt;&lt;td&gt;主视觉 + &lt;strong&gt;每段独立&lt;/strong&gt;出图&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;6&lt;/td&gt;&lt;td&gt;联系表&lt;/td&gt;&lt;td&gt;人物漂移、时代错、画面乱字&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;7&lt;/td&gt;&lt;td&gt;网页&lt;/td&gt;&lt;td&gt;交叉淡入、视差、章节轨&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;8&lt;/td&gt;&lt;td&gt;朗诵&lt;/td&gt;&lt;td&gt;试自动播；拦了也留开关&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;9&lt;/td&gt;&lt;td&gt;细读&lt;/td&gt;&lt;td&gt;直译、关键词、技法、情绪结构&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;10&lt;/td&gt;&lt;td&gt;验收&lt;/td&gt;&lt;td&gt;生产构建 + 真浏览器 QA&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;背景音可另挂 &lt;strong&gt;mp3&lt;/strong&gt;，跟朗诵轨分开。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;样张长什么样&lt;/h2&gt;&lt;p&gt;《将进酒》序幕把黄河抬到宇宙尺度，右侧一轨章节：序→河→镜→宴→歌→愁→解。&lt;/p&gt;&lt;p&gt;分镜卡是固定配方：&lt;strong&gt;段号 · 原文 · 白话 · 微型图示 · 一句细读&lt;/strong&gt;。下面这张「悲至极处，转身尽欢」就是典型一卡。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;分镜卡·尽欢&quot; loading=&quot;lazy&quot; width=&quot;1080&quot; height=&quot;490&quot; src=&quot;/_astro/fig-storyboard.C5QkZ-Ji_Z2hXL1x.webp&quot; /&gt;&lt;figcaption&gt;分镜卡·尽欢&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;分析页把全诗压成四栏——体式 / 结构（悲→欢→愤→狂）/ 语言 / 核心——底下再串一根意象线。文学课要的骨架在这里，前面那些图是入口。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;《将进酒》收束分析&quot; loading=&quot;lazy&quot; width=&quot;1080&quot; height=&quot;537&quot; src=&quot;/_astro/fig-analysis.BPFbmtWA_Zqr2xd.webp&quot; /&gt;&lt;figcaption&gt;《将进酒》收束分析&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;同一套壳换《念奴娇·赤壁怀古》：江→垒→浪→瑜→战→月，人物与色温跟着换，导航和卡片结构不变。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;《念奴娇》Hero&quot; loading=&quot;lazy&quot; width=&quot;1080&quot; height=&quot;550&quot; src=&quot;/_astro/fig-chibi-hero.BtzQosNY_2fG2LA.webp&quot; /&gt;&lt;figcaption&gt;《念奴娇》Hero&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;适用边界，留言里那几枪&lt;/h2&gt;




















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;张力&lt;/th&gt;&lt;th&gt;怎么看&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;「画面多余 vs 涵咏」&lt;/td&gt;&lt;td&gt;当教辅入口 / 公开导读站，画面有用；当课堂慢读，优先原文安静时间，别拿视差顶掉涵咏&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;token 贵&lt;/td&gt;&lt;td&gt;5～8 段独立 ImageGen + 联系表重跑，本来就不是日更玩具；单首精品或示范站更划算&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;背景音怎么接&lt;/td&gt;&lt;td&gt;朗诵走页内开关（防自动播放拦截）；氛围 mp3 外挂即可，别绑死在自动播&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;想抄作业：先看仓库 README 的十步与 &lt;code&gt;references/&lt;/code&gt;（文学分镜 / 图像方向 / 页面模式），再决定要不要装进本机 Codex skills 目录。全样在素材 &lt;code&gt;source/images/&lt;/code&gt; 里有十六张；正文只留上面几张够讲清结构。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>被裁了别开馆子，围着技术转一圈再说 FDE</title><link>https://fork-firefly.vercel.app/posts/layoff-to-fde/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/layoff-to-fde/</guid><description>星思考随笔：裁员焦虑落到 FDE（前沿部署工程师）——驻场交付 ≠ 外包卖钟点。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;星思考（「星写·星观点」）火车上随笔。钩子是中年裁员焦虑，落点是一个岗位名：&lt;strong&gt;FDE（Forward Deployed Engineer，前沿部署工程师）&lt;/strong&gt;。原文没图，封面是后补的；读的时候把「岗位叙事」和「招聘真源」分开——这篇是认知随笔，不是 JD 数据库。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;铁板炒饭教的那一课&lt;/h2&gt;&lt;p&gt;南理工食堂铁板炒饭档口：自己 3 分钟一份，隔壁快餐老夫妇 3 分钟十几份。&lt;br /&gt;
作者结论很硬——&lt;strong&gt;别干能力之外的事&lt;/strong&gt;。开馆子对他来说是乱投资，不是第二曲线。&lt;/p&gt;&lt;p&gt;能力第一曲线他还认：技术 → 管技术团队 → 做产品（APP / 小程序 / 网站）。第二曲线也得围着技术，别跳场。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;AI 时代，技术人还剩什么壁垒&lt;/h2&gt;&lt;p&gt;工具把门槛砸矮了，但学习、动手、知识结构还在。作者吐槽：文科生玩 AI 短视频，很多是技术人玩烂的基础活——语气偏冲，当气氛就行，别当行业普查。&lt;/p&gt;&lt;p&gt;被裁后出路，他只愿意列&lt;strong&gt;围着技术&lt;/strong&gt;的几种；其中一条就是转 FDE。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;FDE：驻场交付，不是外包卖钟点&lt;/h2&gt;&lt;p&gt;作者眼里的企业 AI 交付核心，干两件事：&lt;/p&gt;



















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;块&lt;/th&gt;&lt;th&gt;干啥&lt;/th&gt;&lt;th&gt;别跟啥搞混&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;现场&lt;/td&gt;&lt;td&gt;驻场把业务 AI 落地，并对结果负责&lt;/td&gt;&lt;td&gt;≠ 外包卖工时；是陪跑卖产品、全周期、懂业务还写代码&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;回流&lt;/td&gt;&lt;td&gt;把现场踩出来的可复用点抽回产品&lt;/td&gt;&lt;td&gt;Skill / MCP / Agent、行业方案之类&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;复合画像是 T 型：技术基座 + 业务沟通 + 决策 + 产品化。作者把它当技术第二曲线；「高薪」只是听说，本地未核。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;读者反馈里有点用的几条&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;难搞论&lt;/strong&gt;：彩京说需求无穷、不验收不付尾款、小团队拖死 → Justin 回：这跟 FDE 无关，创业通病。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;预备役&lt;/strong&gt;：胡义说现在就攒 FDE 潜质，别等裁了再转——作者赞。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;叫法战&lt;/strong&gt;：南烟「AI 化的实施工程师」（作者赞）vs 强力小世界「就是实施工程师，别高大上」。名字吵归吵，活还是现场交付。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;供需与怀疑&lt;/strong&gt;：Jacky 说找 FDE 的很少；两个化骨龙「有这本事还会裁你？」；Alex「说白了就是骗」；乾「那你为啥现在不转？」——质疑区，留着当反方，别当论据。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;年龄门槛&lt;/strong&gt;：不二问 40+ 被裁再学新技术还有没有机会、是不是名校年轻人专属——原文没答满，这边也不脑补。&lt;/li&gt;
&lt;li&gt;其余「未雨绸缪 / 时刻准备被裁」、Flora「请来隔壁驻场」当气氛即可。&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;旁边几篇怎么并排&lt;/h2&gt;&lt;p&gt;同批还有软技能菜单 &lt;a href=&quot;/posts/eight-future-capabilities/&quot;&gt;未来人才八种能力&lt;/a&gt;，以及组织侧把隐性经验收进 Skill 的 &lt;a href=&quot;/posts/sop-to-skill/&quot;&gt;SOP 变 Skill&lt;/a&gt;——旁链互指即可，&lt;strong&gt;不并成一篇&lt;/strong&gt;。MCP / Skills 分层另见工程向笔记，本篇只收职业叙事 + FDE 定义。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>LogoLounge 2026：十五种标志刀法速查</title><link>https://fork-firefly.vercel.app/posts/logolounge-2026-trends/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/logolounge-2026-trends/</guid><description>LogoLounge 2026 标志趋势中文转述：立体化、字脚像素、情感亲和、符号指向十五刀。偷语法，别描成标。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;公众号几乎没写字，甩封面 + 15 张趋势页。封面明说是 LogoLounge 2026 标志趋势解析——中文转述，不是官方英文报告原文。&lt;/p&gt;
&lt;p&gt;同日视觉品味旁链：&lt;a href=&quot;/posts/solar-terms-red-wall/&quot;&gt;红墙上的节气&lt;/a&gt; · &lt;a href=&quot;/posts/creative-poster-gallery/&quot;&gt;六张海报刀法&lt;/a&gt;（均仍在草稿箱，本地可开）。&lt;/p&gt;
&lt;p&gt;版权先钉死：案例 Logo 归原设计师与品牌方。只当欣赏学习。禁止商用临摹、二创当己有。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;怎么记这十五刀&lt;/h2&gt;&lt;p&gt;我按四组扫：立体化、字体/像素、情感亲和、符号指向。做 PPT / 信息图时偷的是语法，不是人家成标。&lt;/p&gt;&lt;section&gt;&lt;h3&gt;立体化（平面硬拗空间）&lt;/h3&gt;


































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;中英&lt;/th&gt;&lt;th&gt;手法&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;01&lt;/td&gt;&lt;td&gt;平面盒子 Flat Box&lt;/td&gt;&lt;td&gt;等距透视三面明暗，盒子当空间错觉&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;02&lt;/td&gt;&lt;td&gt;角切 Corner Chop&lt;/td&gt;&lt;td&gt;切角出负三角，锐气与张力用正负形对冲&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;03&lt;/td&gt;&lt;td&gt;椭圆 Elliptic&lt;/td&gt;&lt;td&gt;椭圆秩序组合 → 洞口 / 轨道 / 透视深度&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;13&lt;/td&gt;&lt;td&gt;通道 Passages&lt;/td&gt;&lt;td&gt;连续形透视隧道，讲「穿越」叙事&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;14&lt;/td&gt;&lt;td&gt;雷达扫描 Radar Sweep&lt;/td&gt;&lt;td&gt;锥形/径向渐变模拟扫描运动与时间&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;平面盒子&quot; loading=&quot;lazy&quot; width=&quot;736&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-01-flat-box.DFK6wvn4_FyazR.webp&quot; /&gt;&lt;figcaption&gt;平面盒子&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;角切&quot; loading=&quot;lazy&quot; width=&quot;735&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-02-corner-chop.Cd3p3yGI_Z1jrqyM.webp&quot; /&gt;&lt;figcaption&gt;角切&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;椭圆&quot; loading=&quot;lazy&quot; width=&quot;736&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-03-elliptic.DjpjTaxM_1V4PVU.webp&quot; /&gt;&lt;figcaption&gt;椭圆&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;通道&quot; loading=&quot;lazy&quot; width=&quot;737&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-13-passages.CCQD3W8I_Z1eymlO.webp&quot; /&gt;&lt;figcaption&gt;通道&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;雷达扫描&quot; loading=&quot;lazy&quot; width=&quot;741&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-14-radar-sweep.ePTM3gpk_S2WU4.webp&quot; /&gt;&lt;figcaption&gt;雷达扫描&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;字体 / 像素 / 材质感&lt;/h3&gt;


































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;中英&lt;/th&gt;&lt;th&gt;手法&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;04&lt;/td&gt;&lt;td&gt;像素堆叠 Pixel Drop&lt;/td&gt;&lt;td&gt;像素格=个体单元；可「掉落」游离方块&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;05&lt;/td&gt;&lt;td&gt;喇叭裤 Bell Bottoms&lt;/td&gt;&lt;td&gt;字脚末端粗厚外扩——不是传统衬线&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;06&lt;/td&gt;&lt;td&gt;液态连接 Liquid Bridge&lt;/td&gt;&lt;td&gt;粘性圆润接头，柔流共生（常贴 ESG）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;07&lt;/td&gt;&lt;td&gt;错乱线条 Mix Stix&lt;/td&gt;&lt;td&gt;乱线筑巢，乱里藏秩序&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;09&lt;/td&gt;&lt;td&gt;贴纸 Stickers&lt;/td&gt;&lt;td&gt;阴影+模切边，倾斜松散更活&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;像素堆叠&quot; loading=&quot;lazy&quot; width=&quot;736&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-04-pixel-drop.e2M8ONR-_Zpy0Xp.webp&quot; /&gt;&lt;figcaption&gt;像素堆叠&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;喇叭裤字脚&quot; loading=&quot;lazy&quot; width=&quot;735&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-05-bell-bottoms._-rDQZdo_Zxpbkz.webp&quot; /&gt;&lt;figcaption&gt;喇叭裤字脚&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;液态连接&quot; loading=&quot;lazy&quot; width=&quot;736&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-06-liquid-bridge.x1I0-UrW_Z1UMdAi.webp&quot; /&gt;&lt;figcaption&gt;液态连接&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;错乱线条&quot; loading=&quot;lazy&quot; width=&quot;736&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-07-mix-stix.CTIFzKvk_Z3mtPE.webp&quot; /&gt;&lt;figcaption&gt;错乱线条&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;贴纸&quot; loading=&quot;lazy&quot; width=&quot;736&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-09-stickers.xe9iv2Lp_Z1ORvQE.webp&quot; /&gt;&lt;figcaption&gt;贴纸&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;情感 / 亲和&lt;/h3&gt;



















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;中英&lt;/th&gt;&lt;th&gt;手法&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;08&lt;/td&gt;&lt;td&gt;笑脸 Smiley&lt;/td&gt;&lt;td&gt;简笔笑脸嵌字标，拟人化 / IP&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;12&lt;/td&gt;&lt;td&gt;平衡艺术 Balance Act&lt;/td&gt;&lt;td&gt;不规则块当积木叠平衡，曲直混搭&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;笑脸&quot; loading=&quot;lazy&quot; width=&quot;737&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-08-smiley.B65HEt0o_1vGOVS.webp&quot; /&gt;&lt;figcaption&gt;笑脸&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;平衡艺术&quot; loading=&quot;lazy&quot; width=&quot;737&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-12-balance-act.h9fk9nTF_ZL11wf.webp&quot; /&gt;&lt;figcaption&gt;平衡艺术&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;符号 / 指向&lt;/h3&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;中英&lt;/th&gt;&lt;th&gt;手法&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;10&lt;/td&gt;&lt;td&gt;中心点 Center Point&lt;/td&gt;&lt;td&gt;向心团结——滥了，靠外围元素救新鲜&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;11&lt;/td&gt;&lt;td&gt;指针 Pointers&lt;/td&gt;&lt;td&gt;箭头并入字母，方向=号召力&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;15&lt;/td&gt;&lt;td&gt;新星 Nova Star&lt;/td&gt;&lt;td&gt;四角星当 AI/高科技符号：神秘、信任、未来感&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;中心点&quot; loading=&quot;lazy&quot; width=&quot;736&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-10-center-point.XOyaOtGv_Z1kj7QO.webp&quot; /&gt;&lt;figcaption&gt;中心点&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;指针&quot; loading=&quot;lazy&quot; width=&quot;737&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-11-pointers.pYcVQe8d_ZUgSSP.webp&quot; /&gt;&lt;figcaption&gt;指针&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;新星四角星&quot; loading=&quot;lazy&quot; width=&quot;736&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-15-nova-star.CkYNJF0s_2ca1z.webp&quot; /&gt;&lt;figcaption&gt;新星四角星&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;自己用时记这几条就够&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;想「薄标志有厚度」→ 先试 Flat Box / Elliptic / Passages / Radar Sweep，别一上来加阴影糊成伪 3D&lt;/li&gt;
&lt;li&gt;想字标有态度 → Bell Bottoms 或 Pixel Drop，二选一别叠满&lt;/li&gt;
&lt;li&gt;想亲和 → Smiley / Stickers；想科技未来感 → Nova Star（四角星，不是五角）&lt;/li&gt;
&lt;li&gt;中心点（10）官方转述都承认难出新：能不用就换刀&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;偷语法，别描成标。十五页署名与原图权属归设计师与品牌方。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>Spec 改到吐，仓库还是越写越烂：Matt 把锅甩回四本旧书</title><link>https://fork-firefly.vercel.app/posts/matt-pocock-four-books/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/matt-pocock-four-books/</guid><description>Matt Pocock 演讲向：Spec-to-Code 喂出软件熵；四本旧书挂失败模式；Grill Me / 统一语言 / TDD / Deep Module / 委托实现。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;「写规格 → AI 出码 → 有 bug 改规格重生」听起来像未来。干三个月你就知道：未来也可能是一坨谁都不敢动的糊。&lt;/p&gt;
&lt;p&gt;Matt Pocock 在 AI Engineer Europe 那档 &lt;em&gt;Software Fundamentals Matter More Than Ever&lt;/em&gt; 里，把流行口号拧了一下：代码打字变便宜了，坏代码却贵到离谱——因为烂结构会同时卡住你和模型。好库与烂库的差距，会被 AI 放大，不是抹平。&lt;/p&gt;
&lt;p&gt;同人不同题：早前拆过他的 skills 库骨架，见 &lt;a href=&quot;/posts/matt-pocock-engineering-method/&quot;&gt;40 个技能围着一个 grilling 转&lt;/a&gt;。本篇是演讲书单向，别当成同一篇复读。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;Spec-to-Code 为什么会喂出软件熵&lt;/h2&gt;&lt;p&gt;人尽量不读代码，只改文档再重生——短期交付好看，中期每次改动都让下一刀更贵。Ousterhout 那句被他打在大屏上：复杂度 = 任何让系统难懂、难改的结构因素。&lt;/p&gt;&lt;p&gt;所以真正贵的不是 token，是「生成错形状」的速度。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;失败模式怎么挂回四本书&lt;/h2&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;你撞上的坑&lt;/th&gt;&lt;th&gt;旧解法挂哪&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;AI 做对了「错题」&lt;/td&gt;&lt;td&gt;先共享 Design Concept；Brooks《设计的设计》+ &lt;code&gt;/grill-me&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;你和模型各说各话&lt;/td&gt;&lt;td&gt;Evans《领域驱动设计》· 统一语言&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;一次生成冲出车灯&lt;/td&gt;&lt;td&gt;TDD（Kent Beck）；《程序员修炼之道》的小步反馈&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Failure #4：Doing way too much&lt;/td&gt;&lt;td&gt;Ousterhout《软件设计的哲学》· Deep Module&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;功能在涨、脑子先炸&lt;/td&gt;&lt;td&gt;人守战略接口，AI 干战术实现&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;四本封面墙：&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;四本必读书&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;659&quot; src=&quot;/_astro/fig-four-books.DgI5AeUz_1IPQy9.webp&quot; /&gt;&lt;figcaption&gt;四本必读书&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;Kent Beck 不在墙上，但卡在「油门限制器」那一格——红绿重构不是仪式，是不让模型一次铺三层错。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;五步，别当鸡汤清单&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;五步法&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;885&quot; src=&quot;/_astro/fig-five-steps.lVacXJou_MmUKm.webp&quot; /&gt;&lt;figcaption&gt;五步法&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;Grill Me&lt;/strong&gt;：先逼问 40～100 个问题，决策树走完再动手。技能在 &lt;code&gt;mattpocock/skills&lt;/code&gt; 的 &lt;code&gt;grill-me&lt;/code&gt;（有库用 &lt;code&gt;grill-with-docs&lt;/code&gt;）。2026-08-11 核对：仓库约 21.2 万 star；公众号写的「13k+」口径不清，别拿去当唯一数字。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;统一语言&lt;/strong&gt;：一个概念一个词，术语表进上下文；同义漂移会同时脏 prompt 和代码。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;TDD&lt;/strong&gt;：把生成速度卡在反馈环上，而不是写完再祈祷绿。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Deep Module&lt;/strong&gt;：大量行为藏进小接口；浅模块堆多了，模型比你先迷路。&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Deep vs Shallow&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;576&quot; src=&quot;/_astro/fig-deep-vs-shallow.Dhkbz0aP_Z2eOE0D.webp&quot; /&gt;&lt;figcaption&gt;Deep vs Shallow&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;委托实现&lt;/strong&gt;：接口你定（战略），内部灰盒给模型（战术）。军事比喻就这句：别让战术天才上指挥席，也别自己去抠每一枪。&lt;/li&gt;
&lt;/ol&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;两种范式，选边很简单&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;两种范式&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;714&quot; src=&quot;/_astro/fig-two-paradigms.pgw6CAby_1J2bVK.webp&quot; /&gt;&lt;figcaption&gt;两种范式&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;




















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Spec-to-Code&lt;/th&gt;&lt;th&gt;软件基础驱动&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;改 Spec，不看代码&lt;/td&gt;&lt;td&gt;共识 → 语言 → 小步 → 深模块&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;bug → 改文档 → 重生&lt;/td&gt;&lt;td&gt;每天仍投一点系统设计&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;熵加速&lt;/td&gt;&lt;td&gt;人机分工清楚&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;没有第三种魔法范式。工具再换，挂不上旧书的那条路，还是会在第三个月撞墙。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;书先读哪本，看你最近在骂谁&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;模块切得又碎又透 → 先 Ousterhout&lt;/li&gt;
&lt;li&gt;词对不上、PR 里三种叫法 → 先 Evans&lt;/li&gt;
&lt;li&gt;计划本身像雾 → Brooks + 开一轮 grill&lt;/li&gt;
&lt;li&gt;生成太猛测太懒 → Beck 的循环先挂上，Pragmatic 当陪读&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;视频源：YouTube &lt;code&gt;v4F1gFy-hqg&lt;/code&gt;（检索日 2026-08-11）。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>MCP 和 Skills 不是一层，别硬比谁更强</title><link>https://fork-firefly.vercel.app/posts/mcp-vs-skills-layers/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/mcp-vs-skills-layers/</guid><description>MCP 管怎么接外面，Skills 管怎么把事做稳。缺的是插头还是菜谱，问错层位就会选型翻车。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;「都是给 AI 加能力，所以二选一」——这句把人带沟里了。加能力没错，&lt;strong&gt;层位&lt;/strong&gt;才是坑：一个管接进来，一个管怎么做。&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;MCP 和 Skills 不是一层&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;576&quot; src=&quot;/_astro/cover.CM4aZ9NR_ZNaeJC.webp&quot; /&gt;&lt;figcaption&gt;MCP 和 Skills 不是一层&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;MCP：统一怎么接外面&lt;/h2&gt;&lt;p&gt;MCP（Model Context Protocol）是&lt;strong&gt;开放连接标准&lt;/strong&gt;：AI 应用用同一套规矩发现、暴露、传递和调用外部能力——数据源、工具、工作流、外部应用。&lt;/p&gt;&lt;p&gt;官方说法（2026-08-11 核对）：开源标准，用来把 AI 应用接到外部系统；类比就是 AI 侧的 USB-C——值钱的是统一插头，不是某一个外设。见 &lt;a href=&quot;https://modelcontextprotocol.io/introduction&quot; target=&quot;_blank&quot;&gt;modelcontextprotocol.io/introduction&lt;/a&gt;。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;MCP 负责把能力接进来&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;576&quot; src=&quot;/_astro/fig-02-plug-in.fVMp_-iq_Z8CHN2.webp&quot; /&gt;&lt;figcaption&gt;MCP 负责把能力接进来&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;记住这句就够：&lt;strong&gt;重点不是某个工具，而是统一连接方式。&lt;/strong&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;Skills：把「做得对」打包带走&lt;/h2&gt;&lt;p&gt;Skills 是&lt;strong&gt;可复用能力包&lt;/strong&gt;：说明、知识、脚本、模板……把领域里怎么把事做稳的经验捆好，任务来了直接调用。&lt;/p&gt;





























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;&lt;/th&gt;&lt;th&gt;MCP&lt;/th&gt;&lt;th&gt;Skills&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;偏什么&lt;/td&gt;&lt;td&gt;连接&lt;/td&gt;&lt;td&gt;组织&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;回答&lt;/td&gt;&lt;td&gt;怎么接外部世界&lt;/td&gt;&lt;td&gt;怎么把任务做好&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;对 AI&lt;/td&gt;&lt;td&gt;接进来&lt;/td&gt;&lt;td&gt;按方法做&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;互替？&lt;/td&gt;&lt;td&gt;否&lt;/td&gt;&lt;td&gt;否&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;周报：接得上 × 做得对&lt;/h2&gt;&lt;p&gt;别空谈互补，看一张销售周报怎么叠。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;周报任务里它们怎么配合&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;576&quot; src=&quot;/_astro/fig-03-weekly-report.BQ6t4dBo_2krm2L.webp&quot; /&gt;&lt;figcaption&gt;周报任务里它们怎么配合&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;MCP&lt;/strong&gt;：数据库 / 文件系统 / 搜索——原料接得上&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Skills&lt;/strong&gt;：先查哪些表、周报结构、风险检查、脚本模板——方法复用&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;产出&lt;/strong&gt;：像样的销售周报&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;只有插头没有菜谱，会乱炖；只有菜谱接不上库，是纸上谈兵。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;三层栈：模型 · 连接 · 任务组织&lt;/h2&gt;&lt;p&gt;把 MCP / Skills 塞进成熟 AI 的分层里，误会基本消掉。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;成熟 AI 系统的三层结构&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;576&quot; src=&quot;/_astro/fig-04-three-layers.Cz6o9naX_vHCY0.webp&quot; /&gt;&lt;figcaption&gt;成熟 AI 系统的三层结构&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;层&lt;/th&gt;&lt;th&gt;干什么&lt;/th&gt;&lt;th&gt;落点&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;模型&lt;/td&gt;&lt;td&gt;推理 / 生成 / 理解&lt;/td&gt;&lt;td&gt;脑子&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;连接层&lt;/td&gt;&lt;td&gt;数据 · 工具 · 系统 · 工作流&lt;/td&gt;&lt;td&gt;&lt;strong&gt;MCP&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;任务组织层&lt;/td&gt;&lt;td&gt;拆解 · 领域流程 · 复用规范 · 资源打包&lt;/td&gt;&lt;td&gt;&lt;strong&gt;Skills&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;公式六个字：&lt;strong&gt;模型 + 连接 + 任务组织。&lt;/strong&gt;&lt;br /&gt;
选型时先问「我缺的是插头还是菜谱」，别再问「MCP 和 Skills 哪个更强」。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;跟旁边那张三件套卡别搅&lt;/h2&gt;&lt;p&gt;本篇不讲 CLI，也不讲具体怎么配某个 Host。若要「连接 / 方法 / 执行」三件一起看，站内已有：&lt;a href=&quot;/posts/mcp-skills-cli-relationship/&quot;&gt;一张图讲清 MCP、Skills 和 CLI 怎么分工&lt;/a&gt;。彼=三件选型；本篇=两概念层位 + 三层栈，别硬并成一篇。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>33B 的 MiniMax H3，16G 显存靠量化能本地跑</title><link>https://fork-firefly.vercel.app/posts/minimax-h3-comfyui/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/minimax-h3-comfyui/</guid><description>MiniMax H3 本地 ComfyUI 路径：INT8/NVFP4 四文件、显存档、关键参数与提示词骨架；数字均为作者实测转述。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;公众号「AIGC小顽童」2026-08-11 这篇，核心不是安利，是一条个人机能不能落地的实测路径：H3 开源权重很大，满血 BF16 别想了；走秋叶/桌面 ComfyUI + INT8/NVFP4 四文件，作者称 16G 推荐可用。&lt;/p&gt;
&lt;p&gt;下面只留能带走的：档位、文件落点、关键参数、提示词骨架、坑，以及和官方 API 的分界。文中数字均标作者实测/转述，本机未复跑。&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;模板里三张 MiniMax H3 卡：图生 / 参考生 / 文生&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;620&quot; src=&quot;/_astro/cover.C-MW6E0u_1mXqO4.webp&quot; /&gt;&lt;figcaption&gt;模板里三张 MiniMax H3 卡：图生 / 参考生 / 文生&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;H3 本地到底开了什么&lt;/h2&gt;








































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;项&lt;/th&gt;&lt;th&gt;口径&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;体量&lt;/td&gt;&lt;td&gt;33.1B dense Omni（非 MoE）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;时间线&lt;/td&gt;&lt;td&gt;约 2026-07-31 发布 · 08-03 开源权重&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;同 pass&lt;/td&gt;&lt;td&gt;文/图/参考 → 视频 + 原生立体声&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;文本塔&lt;/td&gt;&lt;td&gt;Qwen3-VL-32B&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;本地分辨率&lt;/td&gt;&lt;td&gt;默认约 768p；2K / Context-IR 作者称仅 API&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;帧/声&lt;/td&gt;&lt;td&gt;帧数 17n+5 · 24fps · 音频 32kHz 立体声&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;开源&lt;/td&gt;&lt;td&gt;FL2VA、Ref2VA&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;未开源&lt;/td&gt;&lt;td&gt;Context-IR、Regenerate-2K（作者口径）&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;许可证别跟着软文拍板：作者转述「排除美/欧/英/韩本地」+「社区许可年营收 &amp;lt;$20M 商用」——以官方 LICENSE 为准，本稿只记风险。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;显存 / 内存：个人机认量化档&lt;/h2&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;显存&lt;/th&gt;&lt;th&gt;作者结论&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;8G + NF4&lt;/td&gt;&lt;td&gt;勉强&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;12G + INT8&lt;/td&gt;&lt;td&gt;能跑&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;16G&lt;/td&gt;&lt;td&gt;推荐&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;24G+&lt;/td&gt;&lt;td&gt;舒服&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;满血 BF16&lt;/td&gt;&lt;td&gt;集群；个人别硬刚&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;系统内存：32G 底线，64G 甜点（动态卸载）。作者踩坑原话级别的提醒——内存往往要比「显卡够不够」更先爆。&lt;/p&gt;&lt;p&gt;正文里出现过 &lt;code&gt;RTX 6060&lt;/code&gt; / &lt;code&gt;34G&lt;/code&gt; 一类字样，留言也在嘲；对照留言环境更像 4060 系。当审核口误存疑，别按字面买卡。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;部署：Comfy 模板 + 四个文件约 42.5GB&lt;/h2&gt;&lt;p&gt;路径很短：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;秋叶启动器或桌面版先更新内核/依赖（原文配图：版本管理 / 一键更新）&lt;/li&gt;
&lt;li&gt;侧栏模板 → 加载 MiniMax H3（文生 / 图生 / 参考生）&lt;/li&gt;
&lt;li&gt;按 Model Links 把权重丢进对应目录&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;四文件与 ComfyUI/models 目录树&quot; loading=&quot;lazy&quot; width=&quot;916&quot; height=&quot;724&quot; src=&quot;/_astro/fig-06-model-links.BwoUWMmr_Z2rCOcJ.webp&quot; /&gt;&lt;figcaption&gt;四文件与 ComfyUI/models 目录树&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;文件&lt;/th&gt;&lt;th&gt;放哪&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;minimax_h3_video_vae_fp16.safetensors&lt;/code&gt;&lt;/td&gt;&lt;td&gt;&lt;code&gt;models/vae/&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;minimax_h3_audio_vae_fp32.safetensors&lt;/code&gt;&lt;/td&gt;&lt;td&gt;&lt;code&gt;models/vae/&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;minimax_h3_fl2va_pruned_int8_convrot.safetensors&lt;/code&gt;&lt;/td&gt;&lt;td&gt;&lt;code&gt;models/diffusion_models/&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;qwen3vl_32b_minimax_h3_nvfp4_awq.safetensors&lt;/code&gt;&lt;/td&gt;&lt;td&gt;&lt;code&gt;models/text_encoders/&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;目录名错一个，节点就空白——这是最高频的「下完了却跑不起来」。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;参数先钉这几个&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;分辨率 0.4MP×32 与 duration 红框&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;877&quot; src=&quot;/_astro/fig-08-duration-params.xOaY1BwA_Z2hxyVF.webp&quot; /&gt;&lt;figcaption&gt;分辨率 0.4MP×32 与 duration 红框&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;配图分辨率表（Multiple=32）：&lt;/p&gt;




















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;MP&lt;/th&gt;&lt;th&gt;约像素&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;0.4&lt;/td&gt;&lt;td&gt;864×480（低分试词）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;0.98&lt;/td&gt;&lt;td&gt;1344×768（≈768p）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;2.0&lt;/td&gt;&lt;td&gt;1920×1088（≈1080p）&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;另记：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;时长看节点 &lt;code&gt;duration&lt;/code&gt;（配图示例 5.0；提示词里若写 10s，以节点为准或自行对齐）&lt;/li&gt;
&lt;li&gt;帧数合法集：17n+5&lt;/li&gt;
&lt;li&gt;本地别指望文里吹的 2K 满血——那条在 API 侧&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;提示词：主题 / 时间轴 / 镜头 / 声音&lt;/h2&gt;&lt;p&gt;作者推「四行法」——时间段连续且不重叠：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;主题：…&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;主体时间轴：0-As …；A-Bs …；B-Xs …&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;镜头：…&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;声音：…&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;工作流里动作片提示词分段例&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;529&quot; src=&quot;/_astro/fig-05-action-prompt.DklmTx9k_Z1zPYFz.webp&quot; /&gt;&lt;figcaption&gt;工作流里动作片提示词分段例&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;和站内「把 MiniMax 当制片」那条（API 侧三字段/五模式）是同一家模型、两条轨：那边管云端提示词结构，这篇管本机权重与显存档。旁链即可，别硬并。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;坑与迭代节奏&lt;/h2&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;坑&lt;/th&gt;&lt;th&gt;怎么处理&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;OOM&lt;/td&gt;&lt;td&gt;降 MP / 缩短 duration；先查系统内存是否 &amp;lt;32G&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;找不到模型&lt;/td&gt;&lt;td&gt;对照上表四路径，vae 别塞进 checkpoints&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;糊&lt;/td&gt;&lt;td&gt;低分只负责定稿词；母版再抬到 ~0.9MP&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;音画飘&lt;/td&gt;&lt;td&gt;时长、帧数规则、音频 VAE 是否挂上&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;SageAttention&lt;/td&gt;&lt;td&gt;留言当加速手段；新手慎开，出问题先关&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;作者建议的四轮：低分试词 → 加参考 → ~0.9MP 母版 → 外部超分或 API 2K。&lt;/p&gt;&lt;p&gt;留言可采信程度一般，但有用数量级：768p + 16G 至少约 25 分钟（作者/读者口径）；另有 torch cu130 / TeaCache / SageAttention 加速讨论；Mac 体验差。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;本地和 API 怎么分&lt;/h2&gt;




















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;要这个&lt;/th&gt;&lt;th&gt;走哪&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;个人练手、省额度、FL2VA/Ref2VA/文生+立体声&lt;/td&gt;&lt;td&gt;本地量化 Comfy&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Context-IR、Regenerate-2K、正经 2K&lt;/td&gt;&lt;td&gt;官方 API&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Firefly 站内出片额度/脚本&lt;/td&gt;&lt;td&gt;&lt;code&gt;firefly-minimax-media&lt;/code&gt;（API 链路，与本文 Comfy 本地无关，勿混改）&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;网盘「全家桶福利」、加群领模型——原文若有，不要当知识收录。权重去官方/可信镜像自己核哈希。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>MoE：总参很大，每次只叫醒几位</title><link>https://fork-firefly.vercel.app/posts/moe-mixture-of-experts/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/moe-mixture-of-experts/</guid><description>读懂 122B-A10B：MoE 总参大、激活小；省算力不省显存。跟 Base/Instruct/蒸馏/量化不是互斥菜单。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;卡型号时老撞上 &lt;code&gt;122B-A10B&lt;/code&gt;、&lt;code&gt;671B&lt;/code&gt; 旁边又冒个 &lt;code&gt;37B&lt;/code&gt;——不是印错了，是 MoE（Mixture of Experts）在说话：库里养一堆专家，推理只点几名上场。&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;什么是 MoE：全能一人 vs 专家团&quot; loading=&quot;lazy&quot; width=&quot;773&quot; height=&quot;1024&quot; src=&quot;/_astro/cover.xJnkVga9_2jx8qS.webp&quot; /&gt;&lt;figcaption&gt;什么是 MoE：全能一人 vs 专家团&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;稠密一人队 vs 专家轮班&lt;/h2&gt;&lt;p&gt;稠密模型（图例 Llama-70B）像全能一个人：参数全在，推理也几乎全上。&lt;/p&gt;&lt;p&gt;MoE（图例 DeepSeek-V3）像专家团：总参可以很大，路由只激活最贴题的几位。图称 DeepSeek-V3 总参约 671B、单次激活约 37B——数字以原图为准，未对官方卡。&lt;/p&gt;&lt;p&gt;图里还甩了「更高效 / 更专业 / 更强大 / 更灵活」四连。带走判断就够：按需激活省的是算力路径，不是「变小所以到处都能塞」的魔法。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;&lt;code&gt;A&lt;/code&gt; = Active：总参大、激活小&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;总参数 vs 激活参数&quot; loading=&quot;lazy&quot; width=&quot;772&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-02-total-vs-active.DxeQ2All_1dsjv9.webp&quot; /&gt;&lt;figcaption&gt;总参数 vs 激活参数&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;读名习惯（图例 Qwen3.5-122B-A10B）：&lt;/p&gt;




















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;片段&lt;/th&gt;&lt;th&gt;意思&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;122B&lt;/code&gt;&lt;/td&gt;&lt;td&gt;总参数（要装进显存的那坨）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;A10B&lt;/code&gt;&lt;/td&gt;&lt;td&gt;Active ≈ 10B（每次真正算的）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;A&lt;/code&gt;&lt;/td&gt;&lt;td&gt;Active&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;图中还按「约 2 bytes/参」估了 &lt;code&gt;122B × 2 ≈ 244GB&lt;/code&gt; 量级——口径是示意图，真机还看精度、开销、并行切分。&lt;/p&gt;&lt;p&gt;坑在这句：省算力 ≠ 省显存。&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;省的是延迟 / FLOPs 一侧：每次只算激活子集，体感像「小模型在算」。&lt;/li&gt;
&lt;li&gt;不省的是权重占坑：专家们多半仍要常驻（或可加载到）显存，房还是大房。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;口头版：省钱（算力）不省房（显存）。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;跟 Base / Instruct / 蒸馏 / 量化不是互斥菜单&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;大模型版本一图&quot; loading=&quot;lazy&quot; width=&quot;773&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-03-model-variants.QKJDjtm6_6GhFF.webp&quot; /&gt;&lt;figcaption&gt;大模型版本一图&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;同一张「版本图」里其实叠了几条正交轴：&lt;/p&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;切面&lt;/th&gt;&lt;th&gt;改什么&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;Base&lt;/td&gt;&lt;td&gt;地基：会续写，未必会当助手&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Instruct&lt;/td&gt;&lt;td&gt;对话 / 听指令&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;蒸馏&lt;/td&gt;&lt;td&gt;老师教学生 → 体型仍小、相对更聪明&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;量化&lt;/td&gt;&lt;td&gt;降精度 → 体积与显存压力下来，「智商」可能略掉&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;MoE&lt;/td&gt;&lt;td&gt;架构：总参大、激活少&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;它们能叠。图里举例：蒸馏 + 量化 + MoE，常见于本地部署故事线。看到后缀别当成五选一货架。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;「最先进」先降温&lt;/h2&gt;&lt;p&gt;原文标题和页脚爱喊「目前最先进的架构」。更稳的边界：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;MoE 是主流稠密之外的一条架构路，旗舰与小模型都有人用；不等于永远碾压稠密，也不等于部署一定更省心。&lt;/li&gt;
&lt;li&gt;选型先问：你卡在算力/延迟，还是卡在显存装得下装不下？只听「总参巨大所以更强」容易买错房。&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;</content:encoded></item><item><title>Obsidian 当记忆：插件、编译器桥、kepano Skills</title><link>https://fork-firefly.vercel.app/posts/obsidian-agent-toolkit/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/obsidian-agent-toolkit/</guid><description>人用五插件、编译器+桥仓库、kepano Agent Skills 是三层货。Skills 仓库实核 5 个，「九技能」口述未核。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;把「Obsidian 装啥」塞进一张购物清单，最容易装错层。社区插件是给人用的；kepano 那包是给 Agent 读写开放格式的；「编译器 + 桥」又是另一层架构选型。三样都能让库变好用，但混着买只会越装越糊。&lt;/p&gt;
&lt;p&gt;今晚把三份素材并成一篇，文内硬分三节。读的时候先问自己：你现在要解决的是&lt;strong&gt;人用 Obsidian&lt;/strong&gt;，还是&lt;strong&gt;Agent 会不会写 vault&lt;/strong&gt;，还是&lt;strong&gt;第二大脑怎么编译、怎么连上&lt;/strong&gt;。&lt;/p&gt;
&lt;hr /&gt;
&lt;section&gt;&lt;h2&gt;先分清三层，别叠成一锅&lt;/h2&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;层&lt;/th&gt;&lt;th&gt;干啥&lt;/th&gt;&lt;th&gt;典型货&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;人用插件&lt;/td&gt;&lt;td&gt;结构、模板、剪藏、相关推荐&lt;/td&gt;&lt;td&gt;Dataview / Templater / Excalidraw…&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Agent Skills&lt;/td&gt;&lt;td&gt;Agent 按规范操作 Markdown / Bases / Canvas / CLI&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/kepano/obsidian-skills&quot; target=&quot;_blank&quot;&gt;kepano/obsidian-skills&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;编译器 + 桥&lt;/td&gt;&lt;td&gt;知识编译沉淀 + Claude↔本地库通道&lt;/td&gt;&lt;td&gt;LLM Wiki 系仓库 + second-brain MCP 系&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;Skills 在架构图里扮演「按需触发的能力包」；具体装哪几个，看第三节仓库实核。MCP 跟 Skills 为啥不能当同一层比，见待发布帖「MCP 和 Skills 不是一层」（&lt;code&gt;mcp-vs-skills-layers&lt;/code&gt;）。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;人用五插件：先把空壳救活&lt;/h2&gt;&lt;p&gt;装完 Obsidian 若啥都不加，它就是个会开 Markdown 的壳。潮汕炮王那张图说得很死：&lt;strong&gt;真正好用全靠插件&lt;/strong&gt;。下面五个够把碎片接成能复利的库——注意，这是&lt;strong&gt;插件清单&lt;/strong&gt;，别跟 Agent Skills 包混着装。&lt;/p&gt;


































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;插件&lt;/th&gt;&lt;th&gt;你拿它换什么&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;01&lt;/td&gt;&lt;td&gt;&lt;strong&gt;Dataview&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;笔记当数据库：属性一填，列表自动刷&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;02&lt;/td&gt;&lt;td&gt;&lt;strong&gt;Templater&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;新建就套模板，还能跑脚本&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;03&lt;/td&gt;&lt;td&gt;&lt;strong&gt;Excalidraw&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;库里直接画白板 / 流程图，再嵌回笔记&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;04&lt;/td&gt;&lt;td&gt;&lt;strong&gt;Web Clipper&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;官方剪藏：网页一键进本地库&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;05&lt;/td&gt;&lt;td&gt;&lt;strong&gt;Smart Connections&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;侧栏推相关旧笔记，靠相似度长链路&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;个人库我会这么排：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;Dataview + Templater&lt;/strong&gt; 先立住；没有属性与模板，后面再炫也是散沙。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Web Clipper&lt;/strong&gt; 打通入口；外面读的东西要进库，比先上 AI 推荐实在。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Excalidraw&lt;/strong&gt; 你常画流程再装；纯文字库可以后置。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Smart Connections&lt;/strong&gt; 库有一定存量再开；空库上 AI 相关推荐，噪声大于收益。&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;边界钉一次：这边的 &lt;strong&gt;Web Clipper&lt;/strong&gt; 是人用剪藏插件；kepano 包里的 &lt;strong&gt;defuddle&lt;/strong&gt;（以及口述里的 clipper）是给 Agent 吃网页的技能。名字像，层位不同。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;编译器 + 桥：第二大脑先定这两样&lt;/h2&gt;&lt;p&gt;闲游 AI 那张「Claude × Obsidian」架构图不教你装哪个社区插件，只钉死一层心法：&lt;strong&gt;一个编译器 + 一座桥&lt;/strong&gt;。没有编译的 RAG，图上那句便签写得很损——只是带着氛围感的 grep。&lt;/p&gt;&lt;p&gt;三种逻辑别叠锅：&lt;/p&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;层&lt;/th&gt;&lt;th&gt;叫啥&lt;/th&gt;&lt;th&gt;实际在干嘛&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;①&lt;/td&gt;&lt;td&gt;&lt;strong&gt;LLM Wiki&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;原料当源码 → AI 抽成互链 Wiki 页 → 后续查询省 token；偏沉淀&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;②&lt;/td&gt;&lt;td&gt;&lt;strong&gt;Skills&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;论文精读、会议整理等拆成技能包，用时才加载；偏调用能力&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;③&lt;/td&gt;&lt;td&gt;&lt;strong&gt;MCP 桥&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;Claude ↔ 本地库的实时通道；图里还分只读 / 读写；偏连接&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;进阶还有一条支线：时序知识图谱——沿 Past → Present → Future 追概念怎么变。本篇不展开企业向「六层验收」，只停在个人第二大脑选型卡。&lt;/p&gt;&lt;section&gt;&lt;h3&gt;编译器 · 三选一（2026-08-11 已核仓库存在）&lt;/h3&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;仓库&lt;/th&gt;&lt;th&gt;stars（核对日）&lt;/th&gt;&lt;th&gt;定位&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/AgriciDaniel/claude-obsidian&quot; target=&quot;_blank&quot;&gt;AgriciDaniel/claude-obsidian&lt;/a&gt;&lt;/td&gt;&lt;td&gt;~10.7k&lt;/td&gt;&lt;td&gt;Claude Code + Obsidian 自组织第二大脑；宣称跟 Karpathy LLM Wiki 模式&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/qhuang20/obsidian-skills&quot; target=&quot;_blank&quot;&gt;qhuang20/obsidian-skills&lt;/a&gt;&lt;/td&gt;&lt;td&gt;~27&lt;/td&gt;&lt;td&gt;Obsidian 向 Claude Code 插件；首技能 llm-wiki&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/ekadetov/llm-wiki&quot; target=&quot;_blank&quot;&gt;ekadetov/llm-wiki&lt;/a&gt;&lt;/td&gt;&lt;td&gt;~106&lt;/td&gt;&lt;td&gt;Claude Code 插件：持久、可复利的 Obsidian 知识库&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;桥 · 三选一&lt;/h3&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;仓库&lt;/th&gt;&lt;th&gt;stars（核对日）&lt;/th&gt;&lt;th&gt;定位&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/eugeniughelbur/obsidian-second-brain&quot; target=&quot;_blank&quot;&gt;eugeniughelbur/obsidian-second-brain&lt;/a&gt;&lt;/td&gt;&lt;td&gt;~3.9k&lt;/td&gt;&lt;td&gt;vault 当多 CLI Agent 的持久记忆（Markdown）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/noesskeetit/second-brain-mcp&quot; target=&quot;_blank&quot;&gt;noesskeetit/second-brain-mcp&lt;/a&gt;&lt;/td&gt;&lt;td&gt;~5&lt;/td&gt;&lt;td&gt;MCP：vault → 语义记忆，给任意 coding agent&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/CoMfUcIoS/second-brain-mcp&quot; target=&quot;_blank&quot;&gt;CoMfUcIoS/second-brain-mcp&lt;/a&gt;&lt;/td&gt;&lt;td&gt;~12&lt;/td&gt;&lt;td&gt;MCP：对 vault &lt;strong&gt;智能只读&lt;/strong&gt;，当 LLM 第二大脑&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;星数只说明热度。个人库更常先问：要不要写回 vault、能不能接受只读、编译器是「插件技能」还是「整套脚手架」。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;kepano Skills：仓库实核 5 个，「九技能」口述未核&lt;/h2&gt;&lt;p&gt;有人会把「9 个 Obsidian Agent Skills」和「五个最好用插件」放一张清单里——那就装错层了。kepano 这个仓库教的是 &lt;strong&gt;Agent 怎么操作 Obsidian 开放格式与 CLI&lt;/strong&gt;，跟 Dataview / Templater 不是一路货。&lt;/p&gt;&lt;p&gt;官方仓库：&lt;a href=&quot;https://github.com/kepano/obsidian-skills&quot; target=&quot;_blank&quot;&gt;kepano/obsidian-skills&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;搜证（2026-08-11，已核）&lt;/strong&gt;：&lt;code&gt;gh api repos/kepano/obsidian-skills/contents/skills&lt;/code&gt; → &lt;strong&gt;正好 5 个目录&lt;/strong&gt;；仓库约 4.5 万 star，未 archived；遵循 &lt;a href=&quot;https://agentskills.io/specification&quot; target=&quot;_blank&quot;&gt;Agent Skills&lt;/a&gt; 规范。公众号/口述里的「九技能」&lt;strong&gt;未在仓库出现&lt;/strong&gt;，下文标「口述 / 未核」。&lt;/p&gt;&lt;section&gt;&lt;h3&gt;官方仓库里实打实的 5 个（建议先装 · 已核）&lt;/h3&gt;


































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;简称&lt;/th&gt;&lt;th&gt;目录名&lt;/th&gt;&lt;th&gt;干什么&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;markdown&lt;/td&gt;&lt;td&gt;&lt;code&gt;obsidian-markdown&lt;/code&gt;&lt;/td&gt;&lt;td&gt;写 Obsidian Flavored Markdown：wikilink、embed、callout、properties…&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;bases&lt;/td&gt;&lt;td&gt;&lt;code&gt;obsidian-bases&lt;/code&gt;&lt;/td&gt;&lt;td&gt;写 &lt;code&gt;.base&lt;/code&gt;：视图、过滤、公式、汇总&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;canvas&lt;/td&gt;&lt;td&gt;&lt;code&gt;json-canvas&lt;/code&gt;&lt;/td&gt;&lt;td&gt;写 &lt;code&gt;.canvas&lt;/code&gt;：节点、边、组（JSON Canvas）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;defuddle&lt;/td&gt;&lt;td&gt;&lt;code&gt;defuddle&lt;/code&gt;&lt;/td&gt;&lt;td&gt;网页去噪抽干净 Markdown，省 token&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;cli&lt;/td&gt;&lt;td&gt;&lt;code&gt;obsidian-cli&lt;/code&gt;&lt;/td&gt;&lt;td&gt;经 Obsidian CLI 读写库；也覆盖插件/主题开发辅助&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;装法（官方）：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;/plugin marketplace add kepano/obsidian-skills&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;/plugin install obsidian@obsidian-skills&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;或：&lt;code&gt;npx skills add https://github.com/kepano/obsidian-skills&lt;/code&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;「按需 4」——口述有，仓库暂无（未核）&lt;/h3&gt;&lt;p&gt;用户策略常说：&lt;strong&gt;5 先装，4 按需。&lt;/strong&gt; 口述名单是 &lt;code&gt;qmd&lt;/code&gt; / &lt;code&gt;maintainer&lt;/code&gt; / &lt;code&gt;obsidian&lt;/code&gt; / &lt;code&gt;clipper&lt;/code&gt;。&lt;/p&gt;&lt;p&gt;2026-08-11 查 &lt;code&gt;skills/&lt;/code&gt;：&lt;strong&gt;只有上面 5 个目录&lt;/strong&gt;，这四个名字没出现。可能是旧文预告、另一发行渠道、或把别的工具误算进包。实装以仓库为准；需要时再盯 upstream。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;三层怎么并排读&lt;/h2&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;ul&gt;
&lt;li&gt;要选 &lt;strong&gt;人用插件&lt;/strong&gt; → 第二节那五个&lt;/li&gt;
&lt;li&gt;要定 &lt;strong&gt;编译器 / 桥仓库&lt;/strong&gt; → 第三节那六仓&lt;/li&gt;
&lt;li&gt;要让 &lt;strong&gt;Agent 会写 Obsidian 格式&lt;/strong&gt; → 先跑通已核的 5 个 Skills&lt;/li&gt;
&lt;li&gt;要搞清 MCP 跟 Skills 谁管连接、谁管做法 → 待发布的层位概念帖&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;先把人用结构立住，再谈编译与桥；Agent Skills 最后装，别一上来把插件超市和技能包当成同一张采购单。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>运维术语图鉴（节选）：海报里先能搜到的那批</title><link>https://fork-firefly.vercel.app/posts/ops-glossary-illustrated/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/ops-glossary-illustrated/</guid><description>公众号竖版术语海报宣称「100 个」，本批原料只有约 38 条可读条目。当可检索词表用，别当完整百科。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;这篇是&lt;strong&gt;节选 / 未完&lt;/strong&gt;，不是「运维必知 100 词」全本。&lt;/p&gt;
&lt;p&gt;公众号「一二攻防」甩过一组竖版术语海报，标题写着「100个运维工程师必知术语」。手上实际只有 &lt;strong&gt;5 张图&lt;/strong&gt;，正文全在图里。读图整理后，本批收录术语约 &lt;strong&gt;38&lt;/strong&gt; 条——缺的别当我漏抄，是原料就没给齐。&lt;/p&gt;
&lt;p&gt;用途很窄：面试前扫缩写、写文档时对齐中英叫法、从海报快速跳回原图。RAID 怎么选级、Prometheus 怎么挂 exporter、K8s Service 类型差异——海报一行定义盖不住，得另开坑。&lt;/p&gt;
&lt;p&gt;竖海报在站点里会走限高，点开 Fancybox 看清即可。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;本批到底有多少&lt;/h2&gt;




















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;口径&lt;/th&gt;&lt;th&gt;数量&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;海报宣称&lt;/td&gt;&lt;td&gt;100&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;本批图可读出的条目&lt;/td&gt;&lt;td&gt;&lt;strong&gt;约 38&lt;/strong&gt;（ELK Stack 按 1 条，内含 ES / Logstash / Kibana）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;缺口&lt;/td&gt;&lt;td&gt;约 62+，原料未提供&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;以后若补到「真 · 100 条」，在同主题上增补差分即可，别另开同构目录假装又一篇百科。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;网络&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;网络与存储海报&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/cover.C52zyKqg_prGE2.webp&quot; /&gt;&lt;figcaption&gt;网络与存储海报&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;术语&lt;/th&gt;&lt;th&gt;在说什么&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;IDC&lt;/td&gt;&lt;td&gt;互联网数据中心：托管、机柜、专线接入这类场地与带宽服务。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;ISP&lt;/td&gt;&lt;td&gt;互联网服务提供商：卖给你上网接入的那一方。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;CDN&lt;/td&gt;&lt;td&gt;内容分发网络：边缘节点就近取内容，压延迟。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;LVS&lt;/td&gt;&lt;td&gt;Linux 虚拟服务器：集群 + IP 负载均衡那条线。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;DNS&lt;/td&gt;&lt;td&gt;域名系统：域名 ↔ IP。&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;系统与存储&lt;/h2&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;术语&lt;/th&gt;&lt;th&gt;在说什么&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;RAID&lt;/td&gt;&lt;td&gt;多盘冗余阵列：可靠性和/或性能用冗余换。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;SAN&lt;/td&gt;&lt;td&gt;存储区域网：服务器到存储的高速专用网。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;NAS&lt;/td&gt;&lt;td&gt;网络附加存储：挂在以太网上的共享盘柜。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;虚拟化&lt;/td&gt;&lt;td&gt;把 CPU/内存/盘等封装成多个独立虚拟环境，各自跑 OS 和应用。&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;虚拟化条目在图 2；图见下一节。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;安全&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;虚拟化·安全·监控&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-02-virt-security.DIEvbh8X_2mR7za.webp&quot; /&gt;&lt;figcaption&gt;虚拟化·安全·监控&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;术语&lt;/th&gt;&lt;th&gt;在说什么&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;防火墙 Firewall&lt;/td&gt;&lt;td&gt;按规则放行/拦截流量，挡未授权访问。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;IDS&lt;/td&gt;&lt;td&gt;入侵检测：盯流量/活动，报可疑事件（偏「看见」）。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;IPS&lt;/td&gt;&lt;td&gt;入侵防御：类似 IDS，但能自动拦攻击（偏「动手」）。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;SSL/TLS&lt;/td&gt;&lt;td&gt;传输层加密协议，网上数据别裸奔。&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;IDS 看、IPS 拦——面试爱问这对，海报也是这么切的。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;监控与可观测&lt;/h2&gt;


































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;术语&lt;/th&gt;&lt;th&gt;在说什么&lt;/th&gt;&lt;th&gt;图&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;Zabbix&lt;/td&gt;&lt;td&gt;开源监控，网络/主机/应用状态都能盯。&lt;/td&gt;&lt;td&gt;02&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Nagios&lt;/td&gt;&lt;td&gt;老牌开源监控，偏基础设施可用性。&lt;/td&gt;&lt;td&gt;02&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;ELK Stack&lt;/td&gt;&lt;td&gt;Elasticsearch 搜析 + Logstash 采集解析 + Kibana 可视化。&lt;/td&gt;&lt;td&gt;04&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Prometheus&lt;/td&gt;&lt;td&gt;开源监控告警工具包，出身 SoundCloud。&lt;/td&gt;&lt;td&gt;05&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Grafana&lt;/td&gt;&lt;td&gt;度量分析与可视化面板，常接各类时序源。&lt;/td&gt;&lt;td&gt;05&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;库·日志·K8s&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-04-db-elk-k8s.BzQD0qr1_2nGXEk.webp&quot; /&gt;&lt;figcaption&gt;库·日志·K8s&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Prom·配置管理·云厂商&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-05-prom-cloud.BAGh9_5h_13frXw.webp&quot; /&gt;&lt;figcaption&gt;Prom·配置管理·云厂商&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;Zabbix/Nagios 是「传统主机监控」那一挂；Prom+Grafana 是云原生指标栈常见组合；ELK 主攻日志。别混成一个「监控」糊过去。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;自动化与配置管理&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Ansible 与云模型&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-03-ansible-cloud.BeDPAn23_2mN17E.webp&quot; /&gt;&lt;figcaption&gt;Ansible 与云模型&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;术语&lt;/th&gt;&lt;th&gt;在说什么&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;Puppet&lt;/td&gt;&lt;td&gt;配置管理：批量部署/配置/管机。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Ansible&lt;/td&gt;&lt;td&gt;走 SSH 远程跑命令或剧本，无 Agent 味重。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Chef&lt;/td&gt;&lt;td&gt;配置管理自动化，部署与环境收敛。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;SaltStack&lt;/td&gt;&lt;td&gt;Python 远程执行框架，配置管理 + 远程命令。&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;海报把 Puppet 写在「监控与管理」里，Ansible/Chef/Salt 散在后面——检索时仍归&lt;strong&gt;配置管理&lt;/strong&gt;一栏更清楚。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;云服务模型与 SLA&lt;/h2&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;术语&lt;/th&gt;&lt;th&gt;在说什么&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;SLA&lt;/td&gt;&lt;td&gt;服务等级协议：提供方和客户之间的标准与期望（可用性数字常挂这里）。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;IaaS&lt;/td&gt;&lt;td&gt;基础设施即服务：算力、存储、网络当服务卖。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;PaaS&lt;/td&gt;&lt;td&gt;平台即服务：把应用运行平台直接给你。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;SaaS&lt;/td&gt;&lt;td&gt;软件即服务：浏览器里用成品软件。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;AIOps&lt;/td&gt;&lt;td&gt;智能化运维：AI + 大数据 + 云，想抬效率和准确度。&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;IaaS / PaaS / SaaS 是「你管到哪一层」的尺子，别跟具体厂商名搅在一起记。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;容器与 Kubernetes&lt;/h2&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;术语&lt;/th&gt;&lt;th&gt;在说什么&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;Docker&lt;/td&gt;&lt;td&gt;用容器打包、分发、跑应用（不是整机虚拟机那条路）。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Kubernetes&lt;/td&gt;&lt;td&gt;容器编排：部署、扩缩、管理容器化应用。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Pod&lt;/td&gt;&lt;td&gt;K8s 最小部署单元，里面装一个或多个容器。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Service&lt;/td&gt;&lt;td&gt;一组 Pod 的稳定访问入口，常带负载均衡转发。&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;数据库与缓存&lt;/h2&gt;




















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;术语&lt;/th&gt;&lt;th&gt;在说什么&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;MySQL&lt;/td&gt;&lt;td&gt;常见关系型库，SQL 管数据。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Redis&lt;/td&gt;&lt;td&gt;内存型（可持久化）Key-Value，多语言 API。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Memcached&lt;/td&gt;&lt;td&gt;分布式内存对象缓存，给动态站减库压。&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;Redis 能干的事比「缓存」宽；Memcached 更偏纯缓存——海报定义也是这个分工。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;云厂商与虚拟化产品&lt;/h2&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;术语&lt;/th&gt;&lt;th&gt;在说什么&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;AWS&lt;/td&gt;&lt;td&gt;亚马逊云：计算、库、存储、CDN 等一大桌。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Azure&lt;/td&gt;&lt;td&gt;微软云，能力面与 AWS 同级对照。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;GCP&lt;/td&gt;&lt;td&gt;谷歌云：计算、存储、大数据、ML 等。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;VMware&lt;/td&gt;&lt;td&gt;虚拟化产品线（服务器/桌面/应用虚拟化等）。&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;按图回源&lt;/h2&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;图文件&lt;/th&gt;&lt;th&gt;板块&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;fig-01-network-storage.jpg&lt;/code&gt;&lt;/td&gt;&lt;td&gt;网络、RAID/SAN/NAS&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;fig-02-virt-security.jpg&lt;/code&gt;&lt;/td&gt;&lt;td&gt;虚拟化、防火墙/IDS/IPS/TLS、Zabbix/Nagios/Puppet&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;fig-03-ansible-cloud.jpg&lt;/code&gt;&lt;/td&gt;&lt;td&gt;Ansible、SLA/IaaS/PaaS/SaaS/AIOps、Docker&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;fig-04-db-elk-k8s.jpg&lt;/code&gt;&lt;/td&gt;&lt;td&gt;MySQL/Redis/Memcached、ELK、K8s/Pod/Service&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;fig-05-prom-cloud.jpg&lt;/code&gt;&lt;/td&gt;&lt;td&gt;Prometheus/Grafana、Chef/SaltStack、AWS/Azure/GCP/VMware&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;这张表能干什么&lt;/h2&gt;&lt;p&gt;能：扫缩写、对齐叫法、跳回原图。&lt;/p&gt;&lt;p&gt;不能：当操作手册。原料补齐之前，别把这篇当成「运维必知完整百科」转发。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>五种 RAG 怎么选：先认清会在哪失败</title><link>https://fork-firefly.vercel.app/posts/rag-five-architectures/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/rag-five-architectures/</guid><description>Hybrid / GraphRAG / Agentic / CRAG / Multimodal 按失败模式选型；可叠用，别当五选一考卷。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;卡在「要不要上 RAG」这一层时，选型往往从品牌对比开始——向量库谁家热、embedding 哪家分高。更稳的问法是：&lt;strong&gt;系统会在哪失败？&lt;/strong&gt; 失败模式定了，检索架构才有得选。&lt;/p&gt;
&lt;p&gt;RAG 不是勾选项。Demo 能跑、生产抖三抖，多半是失败模式没对齐，不是「少接了一个向量库」。&lt;/p&gt;
&lt;hr /&gt;
&lt;section&gt;&lt;h2&gt;先问五句，再谈架构名&lt;/h2&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;你会撞上哪类失败&lt;/th&gt;&lt;th&gt;优先看&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;关键词对不上、专名漏检&lt;/td&gt;&lt;td&gt;Hybrid&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;答案藏在实体关系里&lt;/td&gt;&lt;td&gt;GraphRAG&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;一步检索不够，要拆任务调工具&lt;/td&gt;&lt;td&gt;Agentic&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;检索脏了还硬答，可信度崩&lt;/td&gt;&lt;td&gt;Corrective（CRAG）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;料在 PDF 图 / 表 / 扫描页里&lt;/td&gt;&lt;td&gt;Multimodal&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;五种怎么走&lt;/h2&gt;


































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;架构&lt;/th&gt;&lt;th&gt;在补什么&lt;/th&gt;&lt;th&gt;流程骨架&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Hybrid&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;语义 + 精确关键词&lt;/td&gt;&lt;td&gt;查询 → 向量 + BM25 → 融合排序 → LLM&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;GraphRAG&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;实体关系推理&lt;/td&gt;&lt;td&gt;查询 → 实体抽取 → 知识图谱 → 子图检索 → LLM&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Agentic&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;多步规划与工具&lt;/td&gt;&lt;td&gt;查询 → 规划 Agent → 搜索 / SQL 等工具 → 推理 Agent → 答案&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Corrective / CRAG&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;检索质量门禁&lt;/td&gt;&lt;td&gt;查询 → 检索 → 质量评估（过→LLM；不足→重搜）→ 答案&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Multimodal&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;文 / 图 / 表统一进索引&lt;/td&gt;&lt;td&gt;多模态输入 → 多模态嵌入 → 统一索引 → 多模态 LLM&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;Hybrid 解决的是「搜得到字面」；Graph 解决的是「绕得过关系」；Agentic 解决的是「一步不够」；CRAG 解决的是「搜错了还装懂」；Multimodal 解决的是「料根本不在纯文本里」。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;选型时别踩的坑&lt;/h2&gt;&lt;p&gt;先买向量库再找场景：品牌对比可以后置；失败模式要前置。&lt;/p&gt;&lt;p&gt;五种当互斥菜单：生产里常见叠用（Hybrid + CRAG 很常见），图是选型地图，不是五选一考卷。&lt;/p&gt;&lt;p&gt;把 Agentic 当默认升级包：多一步 Agent 就多一截延迟与失控面；任务不复杂时别硬上。&lt;/p&gt;&lt;p&gt;CRAG 只加评估不设重搜出口：门禁开了却无处可逃，评估等于白做。&lt;/p&gt;&lt;p&gt;认清自己会撞上哪一种失败，比背全五种名字有用。旁边那篇「Agent 记忆八选一」管的是上下文账单；这篇管的是检索失败模式——两道题别糊成一道。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>做界面前，先把六家规范官网钉在书签栏</title><link>https://fork-firefly.vercel.app/posts/six-app-design-systems/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/six-app-design-systems/</guid><description>Apple / Material / Fluent / Ant / TDesign / Semi 六家设计规范官网速查：带走什么、怎么选，不当教程。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;别一上来从零画按钮、从零定色板。苹果系、Android 系、微软桌面、国内三大 B 端——各有一套官网把 HIG / 组件 / 开发文档捆在一起。余枫这组资源卡把六站压成一张表，够收藏、不够当教程。&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;封面：6 个 UI 规范网站&quot; loading=&quot;lazy&quot; width=&quot;915&quot; height=&quot;582&quot; src=&quot;/_astro/cover.DtohDELb_Z1j3rdH.webp&quot; /&gt;&lt;figcaption&gt;封面：6 个 UI 规范网站&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;六站速查&lt;/h2&gt;














































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;系统&lt;/th&gt;&lt;th&gt;URL&lt;/th&gt;&lt;th&gt;带走什么&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;01&lt;/td&gt;&lt;td&gt;Apple Design&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://developer.apple.com/&quot; target=&quot;_blank&quot;&gt;https://developer.apple.com/&lt;/a&gt;&lt;/td&gt;&lt;td&gt;全生态 HIG、平台特性、视觉标准、模板/工具&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;02&lt;/td&gt;&lt;td&gt;Material Design&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://m3.material.io/&quot; target=&quot;_blank&quot;&gt;https://m3.material.io/&lt;/a&gt;&lt;/td&gt;&lt;td&gt;材质光影、色字动效组件、响应式多端（M3）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;03&lt;/td&gt;&lt;td&gt;Fluent Design&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://fluent2.microsoft.design/&quot; target=&quot;_blank&quot;&gt;https://fluent2.microsoft.design/&lt;/a&gt;&lt;/td&gt;&lt;td&gt;Fluent 2、多端组件、Figma kits、无障碍、微软生态一致&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;04&lt;/td&gt;&lt;td&gt;Ant Design&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://ant.design/index-cn&quot; target=&quot;_blank&quot;&gt;https://ant.design/index-cn&lt;/a&gt;&lt;/td&gt;&lt;td&gt;阿里企业级、6.0、海量组件、多端+数据可视化、AI 助手&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;05&lt;/td&gt;&lt;td&gt;TDesign&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://tdesign.tencent.com/&quot; target=&quot;_blank&quot;&gt;https://tdesign.tencent.com/&lt;/a&gt;&lt;/td&gt;&lt;td&gt;腾讯开源；Vue/React/小程序；PC+移动；图提 Uniapp / MCP online&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;06&lt;/td&gt;&lt;td&gt;Semi Design&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://semi.design/zh-CN&quot; target=&quot;_blank&quot;&gt;https://semi.design/zh-CN&lt;/a&gt;&lt;/td&gt;&lt;td&gt;字节抖音团队；Figma+React；设计转代码；主题/多语言/无障碍&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Apple Design 卡&quot; loading=&quot;lazy&quot; width=&quot;900&quot; height=&quot;1200&quot; src=&quot;/_astro/fig-01-apple.C6vyoC2q_Z2tkMyu.webp&quot; /&gt;&lt;figcaption&gt;Apple Design 卡&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Ant Design 6.0 卡&quot; loading=&quot;lazy&quot; width=&quot;900&quot; height=&quot;1200&quot; src=&quot;/_astro/fig-04-ant.ZF2UfMqt_ZvmiPd.webp&quot; /&gt;&lt;figcaption&gt;Ant Design 6.0 卡&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;怎么选，别全开六标签&lt;/h2&gt;
































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;你在做&lt;/th&gt;&lt;th&gt;优先翻&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;iOS / macOS / 苹果生态感&lt;/td&gt;&lt;td&gt;Apple&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Android / Material You 气质&lt;/td&gt;&lt;td&gt;Material（m3）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Windows / 微软系桌面&lt;/td&gt;&lt;td&gt;Fluent 2&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;国内中后台、表格表单堆料&lt;/td&gt;&lt;td&gt;Ant Design&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;腾讯系技术栈（含小程序 / Uniapp 线索）&lt;/td&gt;&lt;td&gt;TDesign&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;要 Figma↔React、设计转代码更紧&lt;/td&gt;&lt;td&gt;Semi&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;规范站解决「标准与组件从哪抄」；审美旋钮、风格 Prompt、海报刀法是另一条线。同桶旅行 App 信息架构案例见 &lt;a href=&quot;/posts/travel-app-ui-cases-02/&quot;&gt;旅行 App：先砍首页再谈好看&lt;/a&gt;（草稿箱同批）；ui-styles / design-beautify / 创意海报品味另夹旁链，别跟本表并成一篇。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>Skill 怎么写，上下文怎么省</title><link>https://fork-firefly.vercel.app/posts/skill-md-and-context-budget/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/skill-md-and-context-budget/</guid><description>SKILL.md 七根柱子怎么钉；装得起门牌、拿不出正文——两篇教程合成一份写薄纪律。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;Skill 别写成说明书前言，写成新员工 SOP。另一边还有一句更硬的：装一堆 Skill 不心疼，是因为启动只挂门牌——&lt;strong&gt;正文一旦被触发，整会话常驻，没有 LRU&lt;/strong&gt;。&lt;/p&gt;
&lt;p&gt;两篇教程本来各说各的：一篇讲怎么写、怎么叫；一篇讲上下文预算和分级加载。并在一起只为一件事——&lt;strong&gt;写薄不是文风，是内存纪律&lt;/strong&gt;。&lt;/p&gt;
&lt;p&gt;口径先说死：目录结构、词数建议、以及 100 / 1% / 5000 / 25000 等数字，均为作者教程转述，本轮未逐条核对 Anthropic / Cursor 官方原文。成帖当作业笔记用，落地前对照你宿主文档。&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;写法入门：目录、YAML、七要素&quot; loading=&quot;lazy&quot; width=&quot;682&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-write-thin.Dlrk1MDK_Z1BbnK9.webp&quot; /&gt;&lt;figcaption&gt;写法入门：目录、YAML、七要素&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;文件放哪，门牌怎么写&lt;/h2&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;skills/&amp;lt;skill-name&amp;gt;/SKILL.md&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;一技能一文件夹；文件夹名英文小写 + 连字符；主文件名写死 &lt;code&gt;SKILL.md&lt;/code&gt;。&lt;/p&gt;&lt;p&gt;YAML 只管两样：&lt;/p&gt;
















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;字段&lt;/th&gt;&lt;th&gt;只干一件事&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;name&lt;/code&gt;&lt;/td&gt;&lt;td&gt;小写连字符 ID（&lt;code&gt;checking-code&lt;/code&gt; 可以；空格 / 中文 / 下划线不行）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;description&lt;/code&gt;&lt;/td&gt;&lt;td&gt;&lt;strong&gt;只写触发条件&lt;/strong&gt;——别把整套流程塞进去&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;---&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;name&lt;/span&gt;&lt;span&gt;: &lt;/span&gt;&lt;span&gt;checking-code&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;description&lt;/span&gt;&lt;span&gt;: &lt;/span&gt;&lt;span&gt;Use when the user asks to review code or identify bugs&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;---&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;&lt;code&gt;description&lt;/code&gt; 是门牌，不是操作手册。流程写正文。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;正文七根柱子&lt;/h2&gt;&lt;p&gt;照抄版把正文钉成七块；万能模板里常多一节「输入要求」：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;目标&lt;/li&gt;
&lt;li&gt;什么时候用&lt;/li&gt;
&lt;li&gt;什么时候别用&lt;/li&gt;
&lt;li&gt;执行步骤（编号、可执行）&lt;/li&gt;
&lt;li&gt;禁止事项（漏了最容易翻车）&lt;/li&gt;
&lt;li&gt;输出格式&lt;/li&gt;
&lt;li&gt;完成标准&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;写薄：作者建议 &lt;code&gt;SKILL.md&lt;/code&gt; &lt;strong&gt;&amp;lt;500 英文词&lt;/strong&gt;；细则、大例子、脚本拆到同目录的 &lt;code&gt;references/&lt;/code&gt; / &lt;code&gt;examples/&lt;/code&gt; / &lt;code&gt;scripts/&lt;/code&gt;，别全塞进主文件。&lt;/p&gt;&lt;p&gt;&lt;code&gt;checking-code&lt;/code&gt; 那例记住三条禁令就够：别评论不存在的代码；别顺手改无关代码；没验证别说「修好了」。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;调用：目标 + 技能名 + 输入 + 输出&lt;/h2&gt;&lt;p&gt;公式就四段拼起来。三种叫法都行——直接点名、说场景让它对上 Skill、顺带钉死输出格式。&lt;/p&gt;&lt;p&gt;四步不跳：说清任务 → 指定 Skill → 补齐输入 → 说明输出。缺材料就先让模型指出缺什么，别空跑。&lt;/p&gt;&lt;p&gt;万能调用（可粘贴）：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;请使用 [skill-name]，帮我完成 [任务]。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;背景信息：[...]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;输入材料：[...]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;输出要求：[...]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;若关键信息缺失，请先指出。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;装得起，正文拿不出&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;总览：分级加载与压力线&quot; loading=&quot;lazy&quot; width=&quot;819&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-budget-overview.P3CthteN_Z2v5tun.webp&quot; /&gt;&lt;figcaption&gt;总览：分级加载与压力线&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;和 CLAUDE.md / MCP / 提示词怎么分：&lt;/p&gt;





























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;&lt;/th&gt;&lt;th&gt;偏什么&lt;/th&gt;&lt;th&gt;常驻怎么付&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;CLAUDE.md&lt;/td&gt;&lt;td&gt;稳定事实&lt;/td&gt;&lt;td&gt;启动全量进&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;工具 / MCP&lt;/td&gt;&lt;td&gt;动作接口&lt;/td&gt;&lt;td&gt;schema 常驻&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;提示词&lt;/td&gt;&lt;td&gt;当次对话&lt;/td&gt;&lt;td&gt;每次重贴&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Skill&lt;/td&gt;&lt;td&gt;流程包&lt;/td&gt;&lt;td&gt;~100 token/技能（官方口径转述）；正文触发才读&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;分界线就一句：&lt;strong&gt;事实留常驻，流程抽 Skill。&lt;/strong&gt;&lt;br /&gt;
&lt;code&gt;CLAUDE.md&lt;/code&gt; 某段从「一条事实」长成「一套流程」——抽出去。MCP 和 Skills 不在一层，那是另一篇的事；这里只盯 Skills &lt;strong&gt;自己怎么吃上下文&lt;/strong&gt;。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;三级披露：什么时候进窗口&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;L1 门牌 → L2 正文 → L3 按需&quot; loading=&quot;lazy&quot; width=&quot;819&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-three-levels.C75N8yY7_27vxkf.webp&quot; /&gt;&lt;figcaption&gt;L1 门牌 → L2 正文 → L3 按需&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;级&lt;/th&gt;&lt;th&gt;进什么&lt;/th&gt;&lt;th&gt;时机&lt;/th&gt;&lt;th&gt;约束&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;L1&lt;/td&gt;&lt;td&gt;name + description&lt;/td&gt;&lt;td&gt;启动永远挂&lt;/td&gt;&lt;td&gt;~&lt;strong&gt;100&lt;/strong&gt; token/技能&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;L2&lt;/td&gt;&lt;td&gt;&lt;code&gt;SKILL.md&lt;/code&gt;&lt;/td&gt;&lt;td&gt;匹配触发&lt;/td&gt;&lt;td&gt;建议 &lt;strong&gt;&amp;lt;5k&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;L3+&lt;/td&gt;&lt;td&gt;资源 / 脚本&lt;/td&gt;&lt;td&gt;真读才进&lt;/td&gt;&lt;td&gt;未读 = 0；脚本&lt;strong&gt;只出输出&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;运行时像翻盘：不读的文件不进上下文。省的是「没摸到的那块」，不是把正文写胖还能白嫖。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;四条压力线（数字标出处）&lt;/h2&gt;&lt;p&gt;下列数字均为&lt;strong&gt;作者转述官方口径&lt;/strong&gt;，未在本轮核对原文。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;装得起&lt;/strong&gt;——常驻 ≈ N × 100。装得多不等于「随便装几百个都没事」；列表还有 1% 天花板。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;拿不出&lt;/strong&gt;——L2 一旦进窗口，整会话常驻；后续不重读、&lt;strong&gt;无淘汰&lt;/strong&gt;。例外：&lt;code&gt;allowed-tools&lt;/code&gt; 下一条消息清空。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;会被砍&lt;/strong&gt;——技能列表预算 = 上下文窗口 &lt;strong&gt;1%&lt;/strong&gt;。超了从最少用的砍 description。单技能 &lt;code&gt;description&lt;/code&gt; + &lt;code&gt;when_to_use&lt;/code&gt; ≤ &lt;strong&gt;1536&lt;/strong&gt; 字符；关键用例写前面。被砍掉的关键词，可能就是匹配触发词——砍完等于这技能死了。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;会被丢&lt;/strong&gt;——会话压缩后重挂：每技能最近调用前 &lt;strong&gt;5000&lt;/strong&gt; token，全体技能共享 &lt;strong&gt;25000&lt;/strong&gt;。老的整条丢；再调可回流恢复。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;压缩后重挂：5000 / 25000&quot; loading=&quot;lazy&quot; width=&quot;819&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-compress-rehang.CA-gpVGg_ZTc9mU.webp&quot; /&gt;&lt;figcaption&gt;压缩后重挂：5000 / 25000&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;两边都爱踩的坑&lt;/h2&gt;





























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;写 Skill&lt;/th&gt;&lt;th&gt;调 Skill&lt;/th&gt;&lt;th&gt;上下文&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;写成科普前言&lt;/td&gt;&lt;td&gt;「帮我处理一下」任务不清&lt;/td&gt;&lt;td&gt;正文写厚还指望白嫖&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;流程塞进 &lt;code&gt;description&lt;/code&gt;&lt;/td&gt;&lt;td&gt;不点名 Skill，流程被乱选&lt;/td&gt;&lt;td&gt;触发词被列表砍刀削掉&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;缺禁止事项&lt;/td&gt;&lt;td&gt;不给输入却指望准&lt;/td&gt;&lt;td&gt;压缩后以为技能「丢了」其实是重挂预算&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;改完不验证&lt;/td&gt;&lt;td&gt;不说输出格式&lt;/td&gt;&lt;td&gt;把脚本当免费常驻文档&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;安全另记一句：Skill 带着脚本和工具授权进来。只信可信源，用前逐文件审。外拉内容可能夹指令；授权别给得比任务宽。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;认清撞上哪一层就行&lt;/h2&gt;&lt;p&gt;写的时候盯七根柱子和「门牌别塞流程」。跑的时候先问：是门牌被砍了，还是正文写太厚，还是压缩把老技能整条踢了。&lt;/p&gt;&lt;p&gt;装得多不怕。怕的是触发后的常驻、列表 1% 被砍、压缩后 25000 共享丢光。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>红墙上的节气：瓶口里的紫禁城</title><link>https://fork-firefly.vercel.app/posts/solar-terms-red-wall/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/solar-terms-red-wall/</guid><description>二十四节气 × 红墙瓶口插画的构图语法：有色窗 + 无色延展。版权红线写死，只当审美参考。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;公众号几乎没写技法长文，甩出来的是一整套「节气 × 红墙」插画。对我来说够用了：审美参考进库，版权红线写死，别当免费素材库。&lt;/p&gt;
&lt;p&gt;同日视觉品味旁链：&lt;a href=&quot;/posts/logolounge-2026-trends/&quot;&gt;LogoLounge 2026 十五刀&lt;/a&gt; · &lt;a href=&quot;/posts/creative-poster-gallery/&quot;&gt;六张海报刀法&lt;/a&gt;（均仍在草稿箱，本地可开）。&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;合集网格 A&quot; loading=&quot;lazy&quot; width=&quot;960&quot; height=&quot;1280&quot; src=&quot;/_astro/fig-grid-a.OuB8HlzF_m7u4L.webp&quot; /&gt;&lt;figcaption&gt;合集网格 A&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;这套图到底好看在哪&lt;/h2&gt;&lt;p&gt;同一套母题打二十四节气（目标如此），辨识度拉满：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;瓶形开窗：粗黑瓶廓当取景框，瓶口形状会随节气换（梅瓶、葫芦、琮式等）&lt;/li&gt;
&lt;li&gt;瓶内：彩绘紫禁城——红墙、黄瓦、斗拱彩绘，再叠当季花木物候&lt;/li&gt;
&lt;li&gt;瓶外：线稿把屋顶、枝干、地面砌砖延出去，像草稿没上色，和瓶内饱和色硬碰&lt;/li&gt;
&lt;li&gt;角落固定「二十四节气 / THE 24 SOLAR TERMS」+「京 / Beijing Impression」印章位&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;看一眼就知道是系列，不是散张网图。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;构图语法：有色窗 + 无色延展&lt;/h2&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;层&lt;/th&gt;&lt;th&gt;做什么&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;轮廓&lt;/td&gt;&lt;td&gt;瓶 / 壶剪影 = 色块边界&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;内景&lt;/td&gt;&lt;td&gt;建筑恒定（红墙黄瓦），物候换季&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;外延&lt;/td&gt;&lt;td&gt;同场景线稿溢出，纸本底纹托住留白&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;信息&lt;/td&gt;&lt;td&gt;左上节气名竖排，右下地点印&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;做 PPT / 信息图时，记「有色窗 + 无色延展」这一刀就够。别去描人家的紫禁城细节——描了就是踩红线。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;春分&quot; loading=&quot;lazy&quot; width=&quot;960&quot; height=&quot;1280&quot; src=&quot;/_astro/cover.CMlK_-cb_ZRxLti.webp&quot; /&gt;&lt;figcaption&gt;春分&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;本批实际收了哪些&lt;/h2&gt;&lt;p&gt;诚实说：未收齐二十四。原料是两套 12 格合集 + 8 张单幅；&lt;code&gt;大暑&lt;/code&gt; 在 A/B 两套合集里各出现一次。去重后可见 23 个节气名，缺大寒（留言也有人喊缺节气；另有「猫儿不见了」——原作彩蛋或后续补图，本批图里没对上猫）。&lt;/p&gt;&lt;section&gt;&lt;h3&gt;合集网格 A（12）&lt;/h3&gt;&lt;p&gt;清明 · 小满 · 秋分 · 冬至 · 春分 · 大暑 · 霜降 · 小雪 · 谷雨 · 小暑 · 寒露 · 小寒&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;合集网格 B（12）&lt;/h3&gt;&lt;p&gt;立春 · 立夏 · 立秋 · 立冬 · 雨水 · 芒种 · 处暑 · 大暑 · 惊蛰 · 夏至 · 白露 · 大雪&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;合集网格 B&quot; loading=&quot;lazy&quot; width=&quot;960&quot; height=&quot;1280&quot; src=&quot;/_astro/fig-grid-b.B7UJhkNc_ChIgu.webp&quot; /&gt;&lt;figcaption&gt;合集网格 B&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;单幅代表&lt;/h3&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;节气&lt;/th&gt;&lt;th&gt;本稿&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;春分&lt;/td&gt;&lt;td&gt;有&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;霜降&lt;/td&gt;&lt;td&gt;有&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;立春&lt;/td&gt;&lt;td&gt;有&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;白露&lt;/td&gt;&lt;td&gt;有&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;霜降&quot; loading=&quot;lazy&quot; width=&quot;960&quot; height=&quot;1280&quot; src=&quot;/_astro/fig-shuangjiang.B9ChSgSM_Z2gbq1n.webp&quot; /&gt;&lt;figcaption&gt;霜降&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;立春&quot; loading=&quot;lazy&quot; width=&quot;960&quot; height=&quot;1280&quot; src=&quot;/_astro/fig-lichun.C4pj6cUx_ZRF3bU.webp&quot; /&gt;&lt;figcaption&gt;立春&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;白露&quot; loading=&quot;lazy&quot; width=&quot;960&quot; height=&quot;1280&quot; src=&quot;/_astro/fig-bailu.DQkGKne__Z1htgwq.webp&quot; /&gt;&lt;figcaption&gt;白露&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;版权红线（别装没看见）&lt;/h2&gt;&lt;p&gt;原文口径很硬，归档时原样遵守：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;原图约 3000×4000 / 300dpi（本批落盘为公众号压缩预览图，勿当印刷母版）&lt;/li&gt;
&lt;li&gt;禁商用 · 禁临摹 · 禁二创&lt;/li&gt;
&lt;li&gt;使用须书面授权；转载保留水印&lt;/li&gt;
&lt;li&gt;本稿 = 个人学习归档，不授权二次传播、不授权改图出周边、不授权当 AI 训练集样张去「复刻同款」&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;留言区有人夸好看——夸归夸，手别伸。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>200 页 SOP 落灰，真正转得动的是老李的脑子</title><link>https://fork-firefly.vercel.app/posts/sop-to-skill/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/sop-to-skill/</guid><description>虚虚老师：企业护城河从拼模型拧到拼 Skill——隐性经验怎么进罐，五招撬老师傅。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;虚虚老师这篇把企业护城河从「拼模型」拧到「拼 Skill」：模型谁都能接，&lt;strong&gt;隐性经验&lt;/strong&gt;才难抄。框架挂 AI-OIT（Observe-Implant-Train）。原文链接没给，下面按要点压薄；案例数字一律&lt;strong&gt;作者转述、本地未核&lt;/strong&gt;。&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;老师傅脑子→Skill罐 vs 落灰 SOP&quot; loading=&quot;lazy&quot; width=&quot;1080&quot; height=&quot;608&quot; src=&quot;/_astro/cover.BhpEezni_2nDOxE.webp&quot; /&gt;&lt;figcaption&gt;老师傅脑子→Skill罐 vs 落灰 SOP&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;人墙比文档墙更贵&lt;/h2&gt;&lt;p&gt;车间里常见戏码：厚 SOP 长蛛网；真正救人的是老师傅听异响、闻金属味、扫一眼报错码。&lt;br /&gt;
Skill 干的事，不是再写一本更厚的手册，而是把「老李会、别人不会」的口令，收成&lt;strong&gt;可调用的小步骤罐&lt;/strong&gt;。&lt;/p&gt;&lt;p&gt;人墙不拆，Agent 再强也只会在门口排队。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;模型像电，Skill 像电器&lt;/h2&gt;&lt;p&gt;通用模型是插座里的电；公司偏好（编码习惯、排查口令、工单结构）是变压器；Skill 才是能稳定出活的电器。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;模型像电→公司偏好→Skill&quot; loading=&quot;lazy&quot; width=&quot;1080&quot; height=&quot;608&quot; src=&quot;/_astro/fig-02-model-as-electricity.BSiXgkyC_1GDsEf.webp&quot; /&gt;&lt;figcaption&gt;模型像电→公司偏好→Skill&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;没有偏好层，电再强也只是乱闪。护城河不在电表读数，在你家电器柜里有没有&lt;strong&gt;别人抄不走的偏好&lt;/strong&gt;。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;两类 Skill，别囤错货&lt;/h2&gt;



















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;类型&lt;/th&gt;&lt;th&gt;跟着什么变&lt;/th&gt;&lt;th&gt;建议&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;能力提升型&lt;/td&gt;&lt;td&gt;模型 / 工具版本&lt;/td&gt;&lt;td&gt;易过时，少囤勤汰&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;编码偏好型 / 组织口令&lt;/td&gt;&lt;td&gt;你们怎么干活&lt;/td&gt;&lt;td&gt;&lt;strong&gt;优先囤&lt;/strong&gt;，这是持久资产&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;「会用某模型的新功能」一年后可能作废；「我们遇到 E07 + 金属味先停机」不会跟风过期。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;示例骨架：设备异常初判&lt;/h2&gt;&lt;p&gt;把感官信号压成可执行卡，而不是散文 SOP：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;输入&lt;/strong&gt;：异响 + 金属味 + &lt;code&gt;E07&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;动作&lt;/strong&gt;：观察 → 预警 → &lt;strong&gt;停机&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;升级&lt;/strong&gt;：一周内同类三次 → 拉高一级处理&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;异响/金属味/E07 冲压成 Skill&quot; loading=&quot;lazy&quot; width=&quot;1080&quot; height=&quot;608&quot; src=&quot;/_astro/fig-03-anomaly-stamped-into-skill.pAlQraQi_L3DlK.webp&quot; /&gt;&lt;figcaption&gt;异响/金属味/E07 冲压成 Skill&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;骨架够短，老师傅才愿意改；改完才能进罐。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;作者甩出的几组数（先降温）&lt;/h2&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;说法&lt;/th&gt;&lt;th&gt;口径&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;电机诊断 17 → 3.2 分钟，复用率 68%&lt;/td&gt;&lt;td&gt;作者转述，未核&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;企微代码生成率 94%&lt;/td&gt;&lt;td&gt;同上&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;腾讯云 Skills 替全量检索：首字延迟 −45%、token −92%&lt;/td&gt;&lt;td&gt;同上&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;协鑫内训师互动 +42%、NPS 4.8&lt;/td&gt;&lt;td&gt;同上&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;当「方向感」看可以；当 KPI 抄进自家 OKR 之前，先找原出处。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;五招撬老师傅（心理战大于文档战）&lt;/h2&gt;&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;改不写&lt;/strong&gt;：别逼从零写；他改比他写便宜一百倍&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;被封神&lt;/strong&gt;：口令抬成标准，不是「被掏空」&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;挑顺风口人&lt;/strong&gt;：先找愿意被看见的，别一上来硬刚最难搞的那位&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;一把手保底&lt;/strong&gt;：对外口径固定：&lt;strong&gt;augment ≠ replace&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;只要 80% 可重复&lt;/strong&gt;：剩下 20% 判断留在人手里&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;80% 重复交 Skill，20% 判断留下&quot; loading=&quot;lazy&quot; width=&quot;1080&quot; height=&quot;608&quot; src=&quot;/_astro/fig-05-80-repeat-20-judgment.O1c62Sqz_1obxLH.webp&quot; /&gt;&lt;figcaption&gt;80% 重复交 Skill，20% 判断留下&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;本周三件实事&lt;/h2&gt;&lt;ol&gt;
&lt;li&gt;列出「离了某人就转不动」的事（人墙清单）&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;先捞 → 草拟 → 他来改&lt;/strong&gt;（真实过程进网，再出草稿）&lt;/li&gt;
&lt;li&gt;每条 Skill 配 &lt;strong&gt;1–3 组真实 I/O&lt;/strong&gt;（输入信号 / 输出动作），空口令不要&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;先捞→草拟→他来改&quot; loading=&quot;lazy&quot; width=&quot;1080&quot; height=&quot;608&quot; src=&quot;/_astro/fig-04-scoop-draft-expert-edit.CcaV8l3R_ZAyIC9.webp&quot; /&gt;&lt;figcaption&gt;先捞→草拟→他来改&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;跟旁边几篇怎么并排&lt;/h2&gt;&lt;p&gt;同周库里已有「怎么写 Skill」「上下文预算」「团队十大 Skill」——那是&lt;strong&gt;写法 / 工程预算 / 清单选型&lt;/strong&gt;。本篇是&lt;strong&gt;组织侧：隐性经验怎么进罐&lt;/strong&gt;。旁链互指即可，&lt;strong&gt;不要合并成一篇大杂烩&lt;/strong&gt;。&lt;/p&gt;&lt;p&gt;职业叙事向的 FDE 陪跑，另见 &lt;a href=&quot;/posts/layoff-to-fde/&quot;&gt;被裁了别开馆子&lt;/a&gt;。&lt;/p&gt;&lt;p&gt;文末「回复 Skill」领模板：私链不进库；留言区多是领福利，别当成验证证据。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>中文故事进竖屏手绘轨：这仓库把 Skill 和 Remotion 焊在一起</title><link>https://fork-firefly.vercel.app/posts/story-to-handdrawn-video/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/story-to-handdrawn-video/</guid><description>story-to-handdrawn-video：中文故事或有序图 → 3:4 竖屏手绘日记漫画静音 MP4；Skill 契约 + Remotion 画面轨。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;GitHub 上这仓库一句定位很清楚：中文故事文案，或一组有序图片 → 3&amp;lt;4&amp;gt; 竖屏手绘日记漫画动画（静音 MP4）。核对日 2026-08-11，约 1190★（MIT）。公众号水印来自 CodeAI研习社。&lt;/p&gt;
&lt;a href=&quot;https://github.com/gnipbao/story-to-handdrawn-video&quot; target=&quot;_blank&quot;&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;gnipbao&lt;/div&gt;&lt;/div&gt;&lt;div&gt;/&lt;/div&gt;&lt;div&gt;story-to-handdrawn-video&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;Waiting for api.github.com...&lt;/div&gt;&lt;div&gt;&lt;div&gt;00K&lt;/div&gt;&lt;div&gt;0K&lt;/div&gt;&lt;div&gt;0K&lt;/div&gt;&lt;span&gt;Waiting...&lt;/span&gt;&lt;/div&gt;&lt;/a&gt;
&lt;p&gt;它不是「再写一个 prompt 模板」。根目录是 Remotion 渲染器；&lt;code&gt;skill-package/&lt;/code&gt; 才是可拷进 &lt;code&gt;~/.codex/skills/&lt;/code&gt;（或 &lt;code&gt;~/.claude/skills/&lt;/code&gt;）的 Agent Skill。自然语言驱动，底层仍走 &lt;code&gt;scripts/run_story_video.py&lt;/code&gt;。&lt;/p&gt;
&lt;p&gt;跟 baoyu-comic 知识漫画拆解别并成一篇：那边是翻页漫画 PDF；这边是竖屏揭示/翻书视频轨。本机若已有同名 skill 目录，那是可执行包——本篇是开源项目文档提炼，勿与本地 skill 目录混淆，也别往 Firefly 仓里装。&lt;/p&gt;
&lt;p&gt;仓库示例故事带医院冲突画面——样例叙事敏感，仅技术演示。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;两条进线，六种模式&lt;/h2&gt;
















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;输入&lt;/th&gt;&lt;th&gt;结果&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;中文故事&lt;/td&gt;&lt;td&gt;分句 → 分镜 → 生图 → 渲染&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;有序图片&lt;/td&gt;&lt;td&gt;直切揭示，或翻书（要完整页）&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;入口永远是 &lt;code&gt;scripts/run_story_video.py&lt;/code&gt;。模式：&lt;code&gt;plan&lt;/code&gt; / &lt;code&gt;preview&lt;/code&gt; / &lt;code&gt;full&lt;/code&gt; / &lt;code&gt;generate&lt;/code&gt; / &lt;code&gt;import&lt;/code&gt; / &lt;code&gt;render&lt;/code&gt;。&lt;/p&gt;&lt;p&gt;文本默认走 Codex Image2；OpenAI 要显式选 API 生成器并自备 Key。敏感情节（时间跳跃、指代乱、医疗、年龄）先 &lt;code&gt;--mode plan&lt;/code&gt; 或丢 &lt;code&gt;--visual-plan&lt;/code&gt; JSON，人眼过一遍再生图——别一上来 &lt;code&gt;full&lt;/code&gt;。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;画面怎么动&lt;/h2&gt;&lt;p&gt;正式画布 1080×1440（预览 720×960），字幕在上、插画在下，插画 &lt;code&gt;contain&lt;/code&gt; 不裁。&lt;/p&gt;&lt;p&gt;直切节拍从左到右：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;文字 → 黑白画稿 → 彩色插画&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;黑白画稿层&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-04-bw-plate.lXcjaJyo_1caGW6.webp&quot; /&gt;&lt;figcaption&gt;黑白画稿层&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;彩色插画层（无字幕）&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-05-color-layer.CFgDw_VD_Z24MdCc.webp&quot; /&gt;&lt;figcaption&gt;彩色插画层（无字幕）&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;翻书另一套规矩：上传页原样静置，再从右下角卷页；不要再叠字幕/黑白/上色。纸背留淡化原页。翻书素材必须是完整页，别塞半截裁图。&lt;/p&gt;&lt;p&gt;成片是 H.264 静音画面轨——配音和 BGM 是后期的事。&lt;/p&gt;&lt;p&gt;彩铅日记四格（字幕+插画）长这样：&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;四格彩铅+字幕示例&quot; loading=&quot;lazy&quot; width=&quot;682&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-02-colored-pencil.BI0owhNY_1QrSYb.webp&quot; /&gt;&lt;figcaption&gt;四格彩铅+字幕示例&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;20 种风格，默认彩铅日记&lt;/h2&gt;&lt;p&gt;风格库二十档，编号 / 英文 id / 中文名 / 别名都能查；默认 &lt;code&gt;colored-pencil-diary&lt;/code&gt;（彩铅日记漫画）。同场景对照网格一眼能选风：&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;20 风格同场景网格&quot; loading=&quot;lazy&quot; width=&quot;702&quot; height=&quot;1024&quot; src=&quot;/_astro/cover.DC_-k15I_Z2c32j3.webp&quot; /&gt;&lt;figcaption&gt;20 风格同场景网格&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;完整表与 prompt 块在仓库 &lt;code&gt;references/handdrawn-style-library.json&lt;/code&gt;，笔记里不复读二十段形容词。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;装起来怎么预览&lt;/h2&gt;&lt;p&gt;环境：Node 20+、Python 3.10+、FFmpeg、npm、Chrome/Remotion。&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;Terminal window&lt;/span&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;git&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;clone&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;https://github.com/gnipbao/story-to-handdrawn-video.git&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;cd&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;story-to-handdrawn-video&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;npm&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;ci&lt;/span&gt;&lt;span&gt; &amp;amp;&amp;amp; &lt;/span&gt;&lt;span&gt;npm&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;run&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;check&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;cp&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;-R&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;skill-package/story-to-handdrawn-video&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;~/.codex/skills/&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;export&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;STORY_VIDEO_PROJECT&lt;/span&gt;&lt;span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt;/&lt;/span&gt;&lt;/span&gt;&lt;span&gt;absolute&lt;/span&gt;&lt;span&gt;/&lt;/span&gt;&lt;span&gt;path&lt;/span&gt;&lt;span&gt;/&lt;/span&gt;&lt;span&gt;to&lt;/span&gt;&lt;span&gt;/&lt;/span&gt;&lt;span&gt;story-to-handdrawn-video&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;Agent 里：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;使用 $story-to-handdrawn-video 先给这个故事生成一个预览版。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;或脚本：&lt;code&gt;--mode preview&lt;/code&gt; 看 720×960，确认后再正式渲染。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;边界写在前面&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;故事文本路径只认中文；无内置配音。&lt;/li&gt;
&lt;li&gt;复杂分格不会自动拆成多镜。&lt;/li&gt;
&lt;li&gt;留言区老问题：烧 Token——多镜多风格会啃额度；先 plan/preview。换其它大模型不在默认契约里，得自己改生成器。&lt;/li&gt;
&lt;li&gt;易翻车点：时间跳跃、指代、医疗与年龄敏感 → 先 JSON 规划，人工确认。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;认清它卖的是「Skill 契约 + Remotion 画面轨」，不是万能漫剧工作室，选型会轻松很多。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>交换机：先认清面板口，再谈 VLAN 在干嘛</title><link>https://fork-firefly.vercel.app/posts/switch-ports-to-vlan/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/switch-ports-to-vlan/</guid><description>从 RJ45 / SFP / Console / PoE 认口开始，再讲广播域、Access/Trunk、802.1Q 与跨 VLAN 必须过三层。面板是手感，VLAN 是分组。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;很多人一上来就背 &lt;code&gt;switchport mode access&lt;/code&gt;，面板上那些口还分不清。口认错了，VLAN 配得再漂亮也是空转。这篇按现场顺序走：先把面板摸清楚，再讲 VLAN 到底切的是什么。&lt;/p&gt;
&lt;p&gt;材料合了两份笔记：端口详解（面板物理口）+ VLAN 在干嘛（广播域 / Trunk / 三层）。厂商私有堆叠口另说，这里只覆盖常见面板。&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;总览：转发 vs 分组&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/cover.CAUAM9h6_Z11cJ7Q.webp&quot; /&gt;&lt;figcaption&gt;总览：转发 vs 分组&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;面板先认一遍&lt;/h2&gt;&lt;p&gt;常见机型大致是：一排 RJ45 业务口 → 右侧 SFP+ 上联 → CONSOLE / MGMT → 指示灯（PWR / SYS / STAT / PoE）。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;交换机端口总览&quot; loading=&quot;lazy&quot; width=&quot;766&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-port-01-overview.MTyGxrya_1YKgro.webp&quot; /&gt;&lt;figcaption&gt;交换机端口总览&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;记这句就够：&lt;strong&gt;业务走电口或光口，运维走 Console / MGMT，供电看 PoE。&lt;/strong&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;六类口，别按长相分组&lt;/h2&gt;







































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;类型&lt;/th&gt;&lt;th&gt;干什么&lt;/th&gt;&lt;th&gt;典型场景&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;RJ45 电口&lt;/td&gt;&lt;td&gt;网线接终端，传数据&lt;/td&gt;&lt;td&gt;电脑、打印机、摄像头、AP、话机&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;SFP 光口&lt;/td&gt;&lt;td&gt;插光模块，中长距离 / 高速链路&lt;/td&gt;&lt;td&gt;楼宇互联、上联&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;SFP+&lt;/td&gt;&lt;td&gt;常见万兆上联&lt;/td&gt;&lt;td&gt;交换机互连、服务器高速接入&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Console&lt;/td&gt;&lt;td&gt;本地 CLI，初始配置 / 救场&lt;/td&gt;&lt;td&gt;没配 IP、SSH 挂了&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;MGMT&lt;/td&gt;&lt;td&gt;独立管理通道，不跑业务流量&lt;/td&gt;&lt;td&gt;远程运维、权限隔离&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;PoE&lt;/td&gt;&lt;td&gt;网线同时传数据 + 供电&lt;/td&gt;&lt;td&gt;AP、话机、摄像头、门禁&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;常见交换机端口一览&quot; loading=&quot;lazy&quot; width=&quot;766&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-port-02-types.DzsnDnje_PQE4P.webp&quot; /&gt;&lt;figcaption&gt;常见交换机端口一览&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;section&gt;&lt;h3&gt;RJ45：近距离接入首选&lt;/h3&gt;&lt;p&gt;外观就是插水晶头的电口，面板上最常见。速率从 10M / 100M / 1000M 到 2.5G、5G、10G 电口都有。&lt;/p&gt;&lt;p&gt;两点别踩：双绞线有效距离大致 ≤100 米；线规（Cat5e / Cat6）、协商速率、指示灯要一起看。设备就在附近、用网线就能到 → 默认先想 RJ45。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;RJ45 电口&quot; loading=&quot;lazy&quot; width=&quot;766&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-port-03-rj45.DSmunxXH_Z2nUSRm.webp&quot; /&gt;&lt;figcaption&gt;RJ45 电口&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;SFP 和 SFP+：槽长得像，速率差一截&lt;/h3&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;&lt;/th&gt;&lt;th&gt;SFP&lt;/th&gt;&lt;th&gt;SFP+&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;常见速率&lt;/td&gt;&lt;td&gt;千兆&lt;/td&gt;&lt;td&gt;万兆&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;典型用途&lt;/td&gt;&lt;td&gt;中长距离光链路&lt;/td&gt;&lt;td&gt;交换机上联、高速互连&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;注意&lt;/td&gt;&lt;td&gt;要先插模块；也可用电口模块&lt;/td&gt;&lt;td&gt;同样要匹配模块与光纤&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;插槽本身不能直接插裸纤。模块速率、接口类型、传输距离要对齐；单模 / 多模、双纤 / 单纤也要和现场光缆匹配。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;SFP vs SFP+&quot; loading=&quot;lazy&quot; width=&quot;766&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-port-04-sfp.UBobZvKi_1Rc6fx.webp&quot; /&gt;&lt;figcaption&gt;SFP vs SFP+&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;Console：本地救场口&lt;/h3&gt;&lt;p&gt;Console &lt;strong&gt;不跑业务流量&lt;/strong&gt;。干的是：本地登录，做初始配置、排障、系统恢复。常见接法：电脑 → Console 线 → CONSOLE 口，再用 PuTTY / SecureCRT 进 CLI。&lt;/p&gt;&lt;p&gt;IP 还没配上、SSH 进不去、远程全挂时，它往往是唯一还能说话的口。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Console 口&quot; loading=&quot;lazy&quot; width=&quot;766&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-port-06-console.DtfWwdNO_giQvu.webp&quot; /&gt;&lt;figcaption&gt;Console 口&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;MGMT ≠ 业务口&lt;/h3&gt;&lt;p&gt;管理口和普通业务口外观可能都是 RJ45，职责完全分开：MGMT 接独立管理网、不转发一般用户业务；业务口才承载 VLAN、速率、链路状态这些日常关注点。别把管理口当成「多一个普通网口」乱用。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;管理口 vs 业务口&quot; loading=&quot;lazy&quot; width=&quot;766&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-port-05-mgmt.C2sWeOcH_Z8O5IS.webp&quot; /&gt;&lt;figcaption&gt;管理口 vs 业务口&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;PoE：一根线解决数据和电&lt;/h3&gt;&lt;p&gt;常见落点：无线 AP、IP 电话、监控摄像头、门禁。标准常见 802.3af / at / bt，功率逐级抬高。上手前确认三件事：交换机是否支持 PoE、标准是否对得上终端、&lt;strong&gt;整机功率预算&lt;/strong&gt;够不够（不是单口标了 PoE 就能全插满）。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;PoE&quot; loading=&quot;lazy&quot; width=&quot;766&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-port-07-poe.DNIb0Mea_Z1DYdJ0.webp&quot; /&gt;&lt;figcaption&gt;PoE&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;看端口时盯住这四件事&lt;/h2&gt;&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;形态&lt;/strong&gt;：RJ45 / 光口槽 / Console / MGMT，先分清是谁&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;速率&lt;/strong&gt;：1G、10G、25G、40G+，决定性能天花板&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;介质&lt;/strong&gt;：网线、光纤、模块类型，两端必须匹配&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;场景&lt;/strong&gt;：终端接入、上联、远程运维、还是 PoE 供电&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;选型四看&quot; loading=&quot;lazy&quot; width=&quot;766&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-port-08-checklist.7ugVUKeF_1MRIMV.webp&quot; /&gt;&lt;figcaption&gt;选型四看&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;常见误区：光口不是插上光纤就通（模块与光纤要对）；管理口不是普通业务口；PoE 要看整机功率预算。端口认清了，后面配 VLAN、查链路、选型号都会顺手很多。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;交换机先学 MAC，再决定往哪扔&lt;/h2&gt;&lt;p&gt;口接对了，帧进交换机还要看两样：源 MAC 用来记「谁从哪个口进来」，目的 MAC 用来决定往哪送。&lt;/p&gt;




















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;目的 MAC&lt;/th&gt;&lt;th&gt;行为&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;表里有&lt;/td&gt;&lt;td&gt;单播，只送到对应口&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;表里没有&lt;/td&gt;&lt;td&gt;泛洪到同 VLAN 其它口&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;广播&lt;/td&gt;&lt;td&gt;也只在同 VLAN 内铺&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;交换机的本职是二层转发；VLAN 不是换一台机器，是在同一台物理交换机上把流量切成逻辑组。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;二层转发与 MAC 表&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-vlan-02-mac.2eIJCDxj_1UUTE9.webp&quot; /&gt;&lt;figcaption&gt;二层转发与 MAC 表&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;VLAN 切的是广播域，不是「安全银弹」&lt;/h2&gt;&lt;p&gt;不划 VLAN：整机一个大广播域，ARP 一类广播跟着设备数一起涨，管理也糊成一锅。&lt;/p&gt;&lt;p&gt;划了之后：物理一张网，逻辑多个广播域——同 VLAN 二层通，不同 VLAN 默认二层隔离。常见切法按部门、业务（办公 / 访客 / 服务器）、或管理需要。&lt;/p&gt;&lt;p&gt;VLAN ≠ IP 子网。前者二层广播域，后者三层地址段；实务常一对一映射，别当成同义词。同一 VLAN 也能跨多台交换机延伸，前提是中间链路（多半是 Trunk）真的在扛这个 VLAN。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;为什么需要 VLAN&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-vlan-03-broadcast.CIh_rYJA_1Xfdc8.webp&quot; /&gt;&lt;figcaption&gt;为什么需要 VLAN&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;VLAN 本质与跨交换机&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-vlan-04-cross.CjAZJ2_z_Z1PNjTx.webp&quot; /&gt;&lt;figcaption&gt;VLAN 本质与跨交换机&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;Access / Trunk，加上 802.1Q 那张「行李牌」&lt;/h2&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;&lt;/th&gt;&lt;th&gt;Access&lt;/th&gt;&lt;th&gt;Trunk&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;常接&lt;/td&gt;&lt;td&gt;PC、打印机&lt;/td&gt;&lt;td&gt;交换机、路由器上联&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;承载&lt;/td&gt;&lt;td&gt;通常一个 VLAN&lt;/td&gt;&lt;td&gt;多个 VLAN&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;标签&lt;/td&gt;&lt;td&gt;终端侧常见帧不带标签&lt;/td&gt;&lt;td&gt;靠标签区分 VLAN&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;Access = 单 VLAN 接入口；Trunk = 多 VLAN 运输通道。终端走 Access，交换机互连走 Trunk——记这个比背命令有用。&lt;/p&gt;&lt;p&gt;Trunk 上多出来的那截是 802.1Q：插在源 MAC 和 Type 之间。TPID 多半是 &lt;code&gt;0x8100&lt;/code&gt;，真正要命的是 12 bit 的 VLAN ID。标签服务交换机之间的链路，不是让你在终端上手搓解析。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Access vs Trunk&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-vlan-05-access-trunk.q6Kz6QiV_Z2e5I4G.webp&quot; /&gt;&lt;figcaption&gt;Access vs Trunk&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;802.1Q 标签&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-vlan-06-8021q.CWFTwpXx_Z6Og0U.webp&quot; /&gt;&lt;figcaption&gt;802.1Q 标签&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;跨 VLAN：必须撞上三层&lt;/h2&gt;&lt;p&gt;同 VLAN：同一个广播域，交换机二层就能转。&lt;br /&gt;
不同 VLAN：普通二层交换机不会把它们桥在一起——这不是 bug，是隔离本身。&lt;/p&gt;&lt;p&gt;谁来打通：默认网关 / 路由器 / 三层交换机。常见做法是三层交换机上每个 VLAN 一个网关口（SVI 一类）。&lt;/p&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;p&gt;不同 VLAN 互通 = 三层转发。没网关，Access/Trunk 配得再漂亮也白搭。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;跨 VLAN 要三层&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-vlan-07-l3.h2W1l1Z6_Z1ng7jM.webp&quot; /&gt;&lt;figcaption&gt;跨 VLAN 要三层&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;企业落地就这几句&lt;/h2&gt;&lt;p&gt;示意划分：VLAN 10 办公、20 访客、30 服务器、99 管理。终端口 Access，上联 Trunk，核心三层交换机扛各 VLAN 网关。&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;交换机：二层转发&lt;/li&gt;
&lt;li&gt;VLAN：隔离广播域&lt;/li&gt;
&lt;li&gt;跨 VLAN：必须过三层设备&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;VLAN 让广播域和管理边界清楚，别当成 ACL、零信任或「划完就安全」。网安往下学，这只是地板，不是天花板。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;企业拓扑示意&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-vlan-08-enterprise.BSDC2uUf_Z27Hvto.webp&quot; /&gt;&lt;figcaption&gt;企业拓扑示意&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;适合谁，我怎么记&lt;/h2&gt;&lt;p&gt;如果你还在「口都分不清就开配 VLAN」的阶段，先把面板六类口过一遍，再回来看广播域这三句。已经会配 Access/Trunk 但跨 VLAN 总不通——先查有没有三层网关，别在命令字上空转。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>旅行 App 信息太多时，先砍首页，再谈好看</title><link>https://fork-firefly.vercel.app/posts/travel-app-ui-cases-02/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/travel-app-ui-cases-02/</guid><description>旅行类 UI 案例 02：场景化首页、行程卡片、实景取色——怎么把决策焦虑压下去；欣赏对照，别当商用模板。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;旅行产品的坑通常不是「不够美」，是选项叠太多：机票、酒店、攻略、约车、地图同时抢注意力，用户还没出发就累了。紫草设计日记这组「旅行类 02」拼图，钩子写得很直——怎么把决策焦虑压下去。下面只留能带走的几条，案例当对照表，不当审美鸡汤。&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;六屏总览：场景首页与卡片整合&quot; loading=&quot;lazy&quot; width=&quot;676&quot; height=&quot;1024&quot; src=&quot;/_astro/cover.CbaZ2cK__2ePFgF.webp&quot; /&gt;&lt;figcaption&gt;六屏总览：场景首页与卡片整合&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;决策焦虑从哪来&lt;/h2&gt;&lt;p&gt;信息密度高，不等于信息架构清楚。功能入口墙一排图标，等于把「你自己想该点哪」甩给用户。&lt;/p&gt;&lt;p&gt;这组案例反复出现的解法是同一方向：&lt;/p&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;做法&lt;/th&gt;&lt;th&gt;在屏上长什么样&lt;/th&gt;&lt;th&gt;焦虑被砍掉的是什么&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;场景化首页&lt;/td&gt;&lt;td&gt;目的地大图 / 「Explore Now」/ Good Evening，而不是九宫格入口&lt;/td&gt;&lt;td&gt;先选场景，再进功能&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;行程/结果卡片&lt;/td&gt;&lt;td&gt;酒店+评分+距离、航班+价+余票，挤在一张卡&lt;/td&gt;&lt;td&gt;少跳页、少对照&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;实景取色&lt;/td&gt;&lt;td&gt;草原金、沙漠暖、阿尔卑斯绿进按钮与点缀&lt;/td&gt;&lt;td&gt;界面跟目的地同温，少「模板蓝紫」&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;不是说功能入口可以永远消失——是首页别当工具箱封面。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;八个案例，按「一屏在干嘛」读&lt;/h2&gt;&lt;p&gt;设计师署名以图面为准；公众号水印为紫草设计日记 / @紫草_Design。&lt;/p&gt;

















































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;设计师&lt;/th&gt;&lt;th&gt;产品/主题线索&lt;/th&gt;&lt;th&gt;这一屏主要在解决&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;Paperpillar&lt;/td&gt;&lt;td&gt;浅色机票流&lt;/td&gt;&lt;td&gt;列表筛选 → 选座 → 航班详情，步骤拆开但不碎屏&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Ronas IT&lt;/td&gt;&lt;td&gt;Africa / 草原&lt;/td&gt;&lt;td&gt;实景开屏 + 分类卡（Safari / Cultural）+ 地图进度&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Fazlur Rahman&lt;/td&gt;&lt;td&gt;约车 + 地图&lt;/td&gt;&lt;td&gt;From/To + 车型 → 地图选乘 → 选司机，路径短&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Harunur Rashid&lt;/td&gt;&lt;td&gt;Fearless Travel（深色）&lt;/td&gt;&lt;td&gt;发现首页叠推荐卡；当日行程挂路线&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Juice Lab&lt;/td&gt;&lt;td&gt;Petra / 暗色体验&lt;/td&gt;&lt;td&gt;问候式首页 + 房间指南卡 + 目的地网格&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Md. Shakil Hawlader&lt;/td&gt;&lt;td&gt;Elvara（浅绿）&lt;/td&gt;&lt;td&gt;Find your place 分类条；My Trips 状态标签&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Mohammad Ali&lt;/td&gt;&lt;td&gt;Odyssey / Bavarian Alps&lt;/td&gt;&lt;td&gt;地图底 + 大卡推荐 + 酒店详情浮层&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Budiarti R.&lt;/td&gt;&lt;td&gt;机票结果 / 登机牌&lt;/td&gt;&lt;td&gt;排序芯片 + 选航班；登机牌一页带走&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;总览拼图把上述几类压成六格对照，适合先扫一眼再钻单案。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;机票选座流（Paperpillar）&quot; loading=&quot;lazy&quot; width=&quot;676&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-02-flight-seat.B5sJwxkA_2nX2Gq.webp&quot; /&gt;&lt;figcaption&gt;机票选座流（Paperpillar）&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Fearless Travel 深色发现（Harunur Rashid）&quot; loading=&quot;lazy&quot; width=&quot;676&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-05-fearless.Cjh0_fMR_1CtPL2.webp&quot; /&gt;&lt;figcaption&gt;Fearless Travel 深色发现（Harunur Rashid）&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Odyssey / Bavarian Alps（Mohammad Ali）&quot; loading=&quot;lazy&quot; width=&quot;676&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-08-odyssey.8_aqCwSj_ZFM80u.webp&quot; /&gt;&lt;figcaption&gt;Odyssey / Bavarian Alps（Mohammad Ali）&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;拿来用时的边界&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;欣赏与对照：看信息怎么折叠进卡片、首页怎么先讲场景。&lt;/li&gt;
&lt;li&gt;别当商用模板：图上作品归属各设计师 / 工作室；公众号是二次编排分享。直接扒布局、插画、摄影去上线产品，版权风险自担。&lt;/li&gt;
&lt;li&gt;系列：标题带「旅行类 02」；Knowledge 近 7 日无同题「紫草 / 旅行 UI」撞车，本篇独立落盘。若日后补到「01」，再互相写对照即可。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;规范官网速查见同批 &lt;a href=&quot;/posts/six-app-design-systems/&quot;&gt;六家设计系统书签&lt;/a&gt;（草稿箱）。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>神话树、十二母题、宗教对照——先当地图用</title><link>https://fork-firefly.vercel.app/posts/world-myth-religion-maps/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/world-myth-religion-maps/</guid><description>世界神话体系、十二母题与宗教对照图速查。信徒数/起源年均为图称未核，保持中立。</description><pubDate>Tue, 11 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;公众号标题写「两张图」，实际塞了神话体系、母题、宗教（还带浅色 / 深蓝两套布局）。正文几乎没有，能带走的就是图里的索引骨架。&lt;/p&gt;
&lt;p&gt;用途很窄：&lt;strong&gt;速查地图&lt;/strong&gt;。不是宗教学教材，也不是神话学论文。数字、起源年代一律按「作者图画的」看待，&lt;strong&gt;图称未核&lt;/strong&gt;——没对过 Pew 或一手文献。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;世界神话树（图 1）&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;世界神话体系&quot; loading=&quot;lazy&quot; width=&quot;680&quot; height=&quot;1024&quot; src=&quot;/_astro/cover.Cs8v9vdx_ZYavFR.webp&quot; /&gt;&lt;figcaption&gt;世界神话体系&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;





























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;大区&lt;/th&gt;&lt;th&gt;支系&lt;/th&gt;&lt;th&gt;抓手（图称）&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;西&lt;/td&gt;&lt;td&gt;希腊 / 罗马&lt;/td&gt;&lt;td&gt;奥林匹斯；罗马神名对应 + 建城传说&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;北欧&lt;/td&gt;&lt;td&gt;阿萨神族&lt;/td&gt;&lt;td&gt;世界树、九界、诸神黄昏&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;东&lt;/td&gt;&lt;td&gt;中 / 印 / 日&lt;/td&gt;&lt;td&gt;盘古女娲；三相神与史诗；天照与八百万神&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;其他&lt;/td&gt;&lt;td&gt;埃及 / 美洲 / 凯尔特 / 非洲 / 大洋洲&lt;/td&gt;&lt;td&gt;太阳与冥界；玛雅阿兹特克印加；自然英雄；祖先与自然；梦创时代&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;共同主题（图称）：创世、神与自然、英雄成长、生死与超越。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;十二母题 + 对照（图 2）&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;世界神话母题&quot; loading=&quot;lazy&quot; width=&quot;669&quot; height=&quot;1024&quot; src=&quot;/_astro/02-myth-motifs-12.CYV4piVK_2wKFtH.webp&quot; /&gt;&lt;figcaption&gt;世界神话母题&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;





































































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;母题&lt;/th&gt;&lt;th&gt;跨文化举例（图称，摘）&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;1&lt;/td&gt;&lt;td&gt;宇宙起源&lt;/td&gt;&lt;td&gt;希腊混沌 · 盘古 · 梵天创世 · 伊米尔&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;洪水与重生&lt;/td&gt;&lt;td&gt;诺亚 · 大禹 · 摩奴 · 贝尔格勒米尔&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;英雄冒险&lt;/td&gt;&lt;td&gt;奥德修斯 · 孙悟空 · 罗摩 · 托尔出行&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;4&lt;/td&gt;&lt;td&gt;神人冲突&lt;/td&gt;&lt;td&gt;普罗米修斯 · 共工撞山 · 因陀罗战弗栗多&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;5&lt;/td&gt;&lt;td&gt;爱与牺牲&lt;/td&gt;&lt;td&gt;俄耳甫斯 · 牛郎织女 · 伊邪那岐寻妻&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;6&lt;/td&gt;&lt;td&gt;死亡与复活&lt;/td&gt;&lt;td&gt;奥西里斯 · 狄俄尼索斯 · 鲍尔德尔叙事&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;7&lt;/td&gt;&lt;td&gt;天界与地下&lt;/td&gt;&lt;td&gt;奥林匹斯/哈迪斯 · 杜阿特 · 丰都 · 阿斯加德/赫尔海姆&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;8&lt;/td&gt;&lt;td&gt;智慧追求&lt;/td&gt;&lt;td&gt;奥丁求智 · 伊卡洛斯（图中例）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;9&lt;/td&gt;&lt;td&gt;混沌 vs 秩序&lt;/td&gt;&lt;td&gt;提坦之战 · 女娲补天 · 托尔战巨人&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;10&lt;/td&gt;&lt;td&gt;文化英雄&lt;/td&gt;&lt;td&gt;盗火/授农耕文字 · 羽蛇 · 炎帝&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;11&lt;/td&gt;&lt;td&gt;变形与化身&lt;/td&gt;&lt;td&gt;《变形记》· 狐精 · 哪吒&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;12&lt;/td&gt;&lt;td&gt;时间循环&lt;/td&gt;&lt;td&gt;衔尾蛇 · 轮回 · 四季&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;图下方还有古希腊 / 埃及 / 印度 / 中国 / 北欧 / 美洲原住民对母题 1–7 的对照表，标了「示例」——当索引行，别当严谨母题学。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;世界宗教对照（图 3–4）&lt;/h2&gt;&lt;p&gt;浅色格与深蓝版同一主题，布局不同；道教在图里有太极。信徒数、百分比、起源年：&lt;strong&gt;图称 · 源注 Pew 2023 · 未核&lt;/strong&gt;。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;世界宗教体系·浅色&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;723&quot; src=&quot;/_astro/03-world-religion-light.BphGOZ-g_Z1eMjkK.webp&quot; /&gt;&lt;figcaption&gt;世界宗教体系·浅色&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;世界宗教体系·深蓝&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;745&quot; src=&quot;/_astro/04-world-religion-dark.-dxErzcB_Z12crAQ.webp&quot; /&gt;&lt;figcaption&gt;世界宗教体系·深蓝&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;


























































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;宗教&lt;/th&gt;&lt;th&gt;起源（图称）&lt;/th&gt;&lt;th&gt;信徒规模（图称）&lt;/th&gt;&lt;th&gt;经典（图称）&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;基督教&lt;/td&gt;&lt;td&gt;公元 1 世纪，巴勒斯坦&lt;/td&gt;&lt;td&gt;~24.5 亿（~31%）&lt;/td&gt;&lt;td&gt;《圣经》&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;伊斯兰教&lt;/td&gt;&lt;td&gt;公元 7 世纪，阿拉伯半岛&lt;/td&gt;&lt;td&gt;~20 亿（~25%）&lt;/td&gt;&lt;td&gt;《古兰经》&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;印度教&lt;/td&gt;&lt;td&gt;~前 1500，南亚&lt;/td&gt;&lt;td&gt;~11.2 亿（~14%）&lt;/td&gt;&lt;td&gt;吠陀等&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;佛教&lt;/td&gt;&lt;td&gt;~前 6 世纪，古印度&lt;/td&gt;&lt;td&gt;~5.2 亿（~7%）&lt;/td&gt;&lt;td&gt;三藏&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;传统 / 土著信仰&lt;/td&gt;&lt;td&gt;自古至今&lt;/td&gt;&lt;td&gt;~6 亿+（~8%）&lt;/td&gt;&lt;td&gt;（无统一经典）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;犹太教&lt;/td&gt;&lt;td&gt;~前 2000，近东&lt;/td&gt;&lt;td&gt;~1400 万（~0.2%）&lt;/td&gt;&lt;td&gt;托拉 / 塔纳赫等&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;道教&lt;/td&gt;&lt;td&gt;图称东汉成型（时间轴两版不一致）&lt;/td&gt;&lt;td&gt;~1 亿+（含民俗口径）&lt;/td&gt;&lt;td&gt;《道德经》等&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;锡克教&lt;/td&gt;&lt;td&gt;公元 15 世纪，印度&lt;/td&gt;&lt;td&gt;~2500 万（~0.3%）&lt;/td&gt;&lt;td&gt;《阿迪·格兰思》&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;另有「无宗教」等柱状项（图称）。两版时间轴对道教落点写法不一，以图为准、不当史实定稿。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;边界与风险&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;科普速查，非权威教材。&lt;/strong&gt; 信徒数、起源年代、百分比一律「图称未核」；引用前请自行对 Pew 或其它一级来源。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;中立。&lt;/strong&gt; 不褒贬任何信仰；不扩写成传教或反宗教文。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;版权。&lt;/strong&gt; 图中人物插画可能刻板，仅本地欣赏归档，不默认再分发。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;读者争议（留言）：&lt;/strong&gt; 克苏鲁不是历史神话；有人觉得框架偏西方模板、祖先信仰被低估——记一笔争议，不在此仲裁。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;神话 ≠ 宗教。&lt;/strong&gt; 图 1–2 与图 3–4 是两套索引，别混成一张「世界精神地图」。&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;</content:encoded></item><item><title>100种普通人不知道的冷门职业（图鉴）</title><link>https://fork-firefly.vercel.app/posts/100-niche-jobs-gallery/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/100-niche-jobs-gallery/</guid><description>一百种冷门职业图鉴，长见识也当选题库。</description><pubDate>Mon, 10 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;有些岗位你「听说过名字」，但从来不会想到有人靠它吃饭；另一些则是完全没听过。社区长图文按十类各列十个，凑成一百种——图面总标题用「不知道」，用户粘贴标题写成「不会想到」，意思差不多，正文以图面为准。&lt;sup&gt;&lt;a href=&quot;#user-content-fn-source&quot;&gt;1&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;
&lt;p&gt;导语原意保留：不少职业大家知道，但一般想不到自己要从事；还有一些，则完全没听说过。&lt;/p&gt;
&lt;hr /&gt;
&lt;section&gt;&lt;h2&gt;生活服务职业&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;生活服务职业&quot; loading=&quot;lazy&quot; width=&quot;576&quot; height=&quot;1024&quot; src=&quot;/_astro/cover.CuczfB9t_ZBWWr4.webp&quot; /&gt;&lt;figcaption&gt;生活服务职业&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
















































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;职业&lt;/th&gt;&lt;th&gt;一句话&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;开锁师&lt;/td&gt;&lt;td&gt;处理锁具故障&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;配钥师&lt;/td&gt;&lt;td&gt;复制打磨钥匙&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;家具修复师&lt;/td&gt;&lt;td&gt;修复旧家具&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;石材养护师&lt;/td&gt;&lt;td&gt;养护石材表面&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;皮具修复师&lt;/td&gt;&lt;td&gt;修补皮包皮鞋&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;地毯清洗师&lt;/td&gt;&lt;td&gt;深度清洁地毯&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;玻璃贴膜师&lt;/td&gt;&lt;td&gt;安装隔热贴膜&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;家电清洗师&lt;/td&gt;&lt;td&gt;清洁空调油烟机&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;收纳整理师&lt;/td&gt;&lt;td&gt;规划家庭收纳&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;除螨师&lt;/td&gt;&lt;td&gt;治理居家螨虫&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;特殊辅助职业&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;特殊辅助职业&quot; loading=&quot;lazy&quot; width=&quot;576&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-02-02.CZuekGWQ_ZlUckT.webp&quot; /&gt;&lt;figcaption&gt;特殊辅助职业&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
















































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;职业&lt;/th&gt;&lt;th&gt;一句话&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;数据标注师&lt;/td&gt;&lt;td&gt;训练人工智能数据&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;声纹采集员&lt;/td&gt;&lt;td&gt;采集语音样本&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;手语翻译员&lt;/td&gt;&lt;td&gt;帮助听障沟通&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;盲文校对员&lt;/td&gt;&lt;td&gt;校对盲文内容&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;医疗器械消毒员&lt;/td&gt;&lt;td&gt;处理医疗消杀&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;睡眠监测技师&lt;/td&gt;&lt;td&gt;记录睡眠数据&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;义肢装配师&lt;/td&gt;&lt;td&gt;定制安装义肢&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;假发定制师&lt;/td&gt;&lt;td&gt;制作专属假发&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;助听器验配师&lt;/td&gt;&lt;td&gt;调试听力设备&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;无障碍测评员&lt;/td&gt;&lt;td&gt;体验评估无障碍环境&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;极端环境职业&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;极端环境职业&quot; loading=&quot;lazy&quot; width=&quot;576&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-03-03.hV7qOu7V_Q66rl.webp&quot; /&gt;&lt;figcaption&gt;极端环境职业&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
















































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;职业&lt;/th&gt;&lt;th&gt;一句话&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;高空清洗员&lt;/td&gt;&lt;td&gt;高层外墙清洁&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;冰川向导&lt;/td&gt;&lt;td&gt;带队穿越冰川&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;攀岩路线设计员&lt;/td&gt;&lt;td&gt;设计攀登路线&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;野外生存教练&lt;/td&gt;&lt;td&gt;教授荒野技能&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;火山监测员&lt;/td&gt;&lt;td&gt;观察火山活动&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;洞穴探测员&lt;/td&gt;&lt;td&gt;勘查地下洞穴&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;雪崩搜救员&lt;/td&gt;&lt;td&gt;雪地搜救抢险&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;绳索救援员&lt;/td&gt;&lt;td&gt;实施高空救援&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;荒野护林员&lt;/td&gt;&lt;td&gt;巡护森林资源&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;极地科考保障员&lt;/td&gt;&lt;td&gt;保障极地后勤&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;动物相关职业&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;动物相关职业&quot; loading=&quot;lazy&quot; width=&quot;576&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-04-04.nJmbr51C_15AN4M.webp&quot; /&gt;&lt;figcaption&gt;动物相关职业&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
















































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;职业&lt;/th&gt;&lt;th&gt;一句话&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;训犬师&lt;/td&gt;&lt;td&gt;训练工作犬技能&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;动物麻醉师&lt;/td&gt;&lt;td&gt;保障手术麻醉&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;昆虫饲养员&lt;/td&gt;&lt;td&gt;繁育观察昆虫&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;宠物殡葬师&lt;/td&gt;&lt;td&gt;处理宠物身后事&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;兽医影像技师&lt;/td&gt;&lt;td&gt;拍摄动物影像&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;动物营养师&lt;/td&gt;&lt;td&gt;制定饲养配方&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;熊猫饲养员&lt;/td&gt;&lt;td&gt;照护国宝日常&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;赛马理疗师&lt;/td&gt;&lt;td&gt;护理赛马肌肉&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;水族造景师&lt;/td&gt;&lt;td&gt;设计鱼缸景观&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;野生动物追踪员&lt;/td&gt;&lt;td&gt;追踪监测野生动物&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;气味与味觉职业&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;气味与味觉职业&quot; loading=&quot;lazy&quot; width=&quot;576&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-05-05.oN9Dx9h8_2ugOoY.webp&quot; /&gt;&lt;figcaption&gt;气味与味觉职业&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
















































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;职业&lt;/th&gt;&lt;th&gt;一句话&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;调香师&lt;/td&gt;&lt;td&gt;设计香味配方&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;品茶师&lt;/td&gt;&lt;td&gt;评审茶叶风味&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;咖啡烘焙师&lt;/td&gt;&lt;td&gt;控制烘焙曲线&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;巧克力品鉴师&lt;/td&gt;&lt;td&gt;评测可可风味&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;评香员&lt;/td&gt;&lt;td&gt;测试香水表现&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;嗅辨师&lt;/td&gt;&lt;td&gt;识别复杂气味&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;品水师&lt;/td&gt;&lt;td&gt;判断水质口感&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;侍酒师&lt;/td&gt;&lt;td&gt;搭配管理酒水&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;芝士熟成师&lt;/td&gt;&lt;td&gt;控制奶酪熟成&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;食品感官评价员&lt;/td&gt;&lt;td&gt;评估食品口感&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;交通与航运职业&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;交通与航运职业&quot; loading=&quot;lazy&quot; width=&quot;576&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-06-06.BGK_Dy2R_Zx3KmV.webp&quot; /&gt;&lt;figcaption&gt;交通与航运职业&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
















































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;职业&lt;/th&gt;&lt;th&gt;一句话&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;飞机除冰员&lt;/td&gt;&lt;td&gt;清除机翼积冰&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;飞机牵引车司机&lt;/td&gt;&lt;td&gt;牵引飞机滑行&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;塔台气象观测员&lt;/td&gt;&lt;td&gt;提供机场气象&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;机场驱鸟员&lt;/td&gt;&lt;td&gt;减少鸟击风险&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;飞机清舱员&lt;/td&gt;&lt;td&gt;检查客舱安全&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;航海引航员&lt;/td&gt;&lt;td&gt;引导船舶进港&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;船舶轮机员&lt;/td&gt;&lt;td&gt;管理船舶动力&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;集装箱绑扎工&lt;/td&gt;&lt;td&gt;固定货柜安全&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;航标养护员&lt;/td&gt;&lt;td&gt;维护浮标灯标&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;火车随车机械师&lt;/td&gt;&lt;td&gt;保障列车设备&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;影视与舞台职业&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;影视与舞台职业&quot; loading=&quot;lazy&quot; width=&quot;576&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-07-07.DMJAAIa5_1yLbVb.webp&quot; /&gt;&lt;figcaption&gt;影视与舞台职业&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
















































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;职业&lt;/th&gt;&lt;th&gt;一句话&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;拟音师&lt;/td&gt;&lt;td&gt;为画面补录声音&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;道具师&lt;/td&gt;&lt;td&gt;制作管理道具&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;动物驯演员&lt;/td&gt;&lt;td&gt;训练表演动物&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;烟火特效师&lt;/td&gt;&lt;td&gt;设计安全烟火&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;替身演员&lt;/td&gt;&lt;td&gt;完成危险镜头&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;配音导演&lt;/td&gt;&lt;td&gt;指导角色配音&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;字幕校对员&lt;/td&gt;&lt;td&gt;核对字幕文本&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;灯光师&lt;/td&gt;&lt;td&gt;设计现场光效&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;调色师&lt;/td&gt;&lt;td&gt;统一画面色彩&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;舞台机械师&lt;/td&gt;&lt;td&gt;控制升降转台&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;工业与检测职业&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;工业与检测职业&quot; loading=&quot;lazy&quot; width=&quot;576&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-08-08.n-o1uHZB_Z2s0Bfd.webp&quot; /&gt;&lt;figcaption&gt;工业与检测职业&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
















































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;职业&lt;/th&gt;&lt;th&gt;一句话&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;无损检测员&lt;/td&gt;&lt;td&gt;检测金属内部缺陷&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;电梯试验员&lt;/td&gt;&lt;td&gt;测试电梯性能&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;桥梁检测师&lt;/td&gt;&lt;td&gt;评估桥梁安全&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;电力巡线员&lt;/td&gt;&lt;td&gt;巡检高压线路&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;钻井平台司钻&lt;/td&gt;&lt;td&gt;管理钻井作业&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;风电运维工程师&lt;/td&gt;&lt;td&gt;维护风力机组&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;铁路探伤工&lt;/td&gt;&lt;td&gt;排查钢轨隐患&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;管道内窥检测员&lt;/td&gt;&lt;td&gt;检查管道内部&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;水下焊工&lt;/td&gt;&lt;td&gt;水下焊接维修&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;锅炉水质化验员&lt;/td&gt;&lt;td&gt;监控锅炉水质&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;修复与传承职业&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;修复与传承职业&quot; loading=&quot;lazy&quot; width=&quot;576&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-09-09.DF_MlAqV_Zek0En.webp&quot; /&gt;&lt;figcaption&gt;修复与传承职业&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
















































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;职业&lt;/th&gt;&lt;th&gt;一句话&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;古籍修复师&lt;/td&gt;&lt;td&gt;修补装帧旧书&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;壁画修复师&lt;/td&gt;&lt;td&gt;保护古代壁画&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;钟表修复师&lt;/td&gt;&lt;td&gt;修理老式时计&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;珠宝鉴定师&lt;/td&gt;&lt;td&gt;鉴别珠宝真伪&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;旧书估价师&lt;/td&gt;&lt;td&gt;评估旧书价值&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;文物修复师&lt;/td&gt;&lt;td&gt;修复历史器物&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;漆器修复师&lt;/td&gt;&lt;td&gt;修护传统漆器&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;乐器修复师&lt;/td&gt;&lt;td&gt;修复旧乐器&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;拍卖征集顾问&lt;/td&gt;&lt;td&gt;寻找收藏珍品&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;档案修复员&lt;/td&gt;&lt;td&gt;修复纸质档案&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;海洋与水下职业&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;海洋与水下职业&quot; loading=&quot;lazy&quot; width=&quot;576&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-10-10.DfO_s4gr_xjwBW.webp&quot; /&gt;&lt;figcaption&gt;海洋与水下职业&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
















































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;职业&lt;/th&gt;&lt;th&gt;一句话&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;深海潜水员&lt;/td&gt;&lt;td&gt;深海作业与维修&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;海上救捞员&lt;/td&gt;&lt;td&gt;海上打捞救援&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;潜艇声呐员&lt;/td&gt;&lt;td&gt;水下目标监听&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;灯塔守护员&lt;/td&gt;&lt;td&gt;航标值守维护&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;远洋观察员&lt;/td&gt;&lt;td&gt;海况与生物记录&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;海龟保育员&lt;/td&gt;&lt;td&gt;海龟救护繁育&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;珊瑚养护师&lt;/td&gt;&lt;td&gt;珊瑚修复培育&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;海藻栽培员&lt;/td&gt;&lt;td&gt;海藻养殖管理&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;渔具设计师&lt;/td&gt;&lt;td&gt;渔具研发改良&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;水下摄影师&lt;/td&gt;&lt;td&gt;记录海底世界&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;「冷门」到底冷在哪&lt;/h2&gt;&lt;p&gt;十类一百岗扫下来，多数不是玄学：开锁、配钥、灯光、文物修复，路人都能叫出名字。真正「冷」的，往往是——&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;路径冷&lt;/strong&gt;：知道有这行，但不知道怎么进、要什么证、招不招人&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;场景冷&lt;/strong&gt;：极地后勤、飞机除冰、集装箱绑扎——普通人日常碰不到&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;边界糊&lt;/strong&gt;：有人觉得除螨、收纳更像家政技能，未必算独立职业&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;纪录片能把文物修复师推成网红岗，不等于街道办门口挂着招聘牌。曝光和从业机会，经常是两回事。&lt;/p&gt;&lt;p&gt;旁链同日另一份图鉴体裁（题材无关，不硬并）：&lt;a href=&quot;/posts/newspaper-scroll-layout-gallery/&quot;&gt;报纸卷轴创意排版图鉴&lt;/a&gt;。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;附录：评论区吵什么&lt;/h2&gt;&lt;p&gt;择要，不展开辩论：&lt;/p&gt;








































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;声音&lt;/th&gt;&lt;th&gt;要点&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;Woody&lt;/td&gt;&lt;td&gt;开锁 / 配钥 / 配音算「不知道」吗？&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;作者&lt;/td&gt;&lt;td&gt;一般人不会立志让孩子做这些&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;猛哥&lt;/td&gt;&lt;td&gt;标题与内容不太符&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;易群先&lt;/td&gt;&lt;td&gt;文物修复师不冷门（故宫纪录片）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;天命才子&lt;/td&gt;&lt;td&gt;可补「试睡师」；海藻栽培员招聘极窄&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;可以了&lt;/td&gt;&lt;td&gt;水库管理员、森林员&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;独步寒秋&lt;/td&gt;&lt;td&gt;有些只是家政技能，不是独立职业&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;其他补岗&lt;/td&gt;&lt;td&gt;阴阳师 / 风水、灯塔国内少见、法医、攀树师、品酒师、美术向等&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;Footnotes&lt;/h2&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;原料为用户粘贴的社区图文 + 10 张分类整页截图；&lt;strong&gt;缺原始 URL&lt;/strong&gt;，未编造链接。图面总标题「不知道」与用户标题「不会想到」并存，转录以图为准。职业中文名与一句话描述均按图面 OCR；十页各 10 条，合计 &lt;strong&gt;100&lt;/strong&gt;。工业页图面为左右栏交错排版，正文表序按用户对照清单（左栏自上而下，再右栏），条目与图一致无漏。 &lt;a href=&quot;#user-content-fnref-source&quot;&gt;↩&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;/section&gt;</content:encoded></item><item><title>很多公司只会砍成本，高手从省钱走到赚钱</title><link>https://fork-firefly.vercel.app/posts/cost-efficiency-four-tiers/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/cost-efficiency-four-tiers/</guid><description>降本增效四段位、十二种方法，按段位选招。</description><pubDate>Mon, 10 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;一喊「降本增效」，最先动手的往往是：裁人、砍预算、压供应商。&lt;/p&gt;
&lt;p&gt;短期账面好看几天——现金没真多，组织却越来越虚。&lt;/p&gt;
&lt;p&gt;真正拉开差距的，不是砍得狠不狠，是段位：暴力 → 管控 → 流程 → 经营。低段位在省钱，高段位在赚钱。&lt;/p&gt;
&lt;p&gt;旁链提醒：同日队列里还有「人效差，答案多半不在人身上」——相关，但&lt;strong&gt;不硬并&lt;/strong&gt;。那边讲人效公式怎么拆（个人 / 流程 / 组织 / 经营）；这边讲&lt;strong&gt;降本增效路径从砍成本一路爬到重构生意&lt;/strong&gt;。&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;01｜降本增效四段位阶梯：暴力→管控→流程→经营；低段位省钱→高段位赚钱&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/cover.B5Y_qOnz_2vJxS2.webp&quot; /&gt;&lt;figcaption&gt;01｜降本增效四段位阶梯：暴力→管控→流程→经营；低段位省钱→高段位赚钱&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;hr /&gt;
&lt;section&gt;&lt;h2&gt;四段位总览&lt;/h2&gt;&lt;p&gt;很多公司只会砍成本；真正高手会一路从「省钱」走到「赚钱」。&lt;/p&gt;


































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;段位&lt;/th&gt;&lt;th&gt;一句话&lt;/th&gt;&lt;th&gt;三个方法&lt;/th&gt;&lt;th&gt;主逻辑&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;① 暴力型降本&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;先活下来&lt;/td&gt;&lt;td&gt;裁员降薪 / 砍预算福利 / 压供应商&lt;/td&gt;&lt;td&gt;哪里花钱多，就砍哪里&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;② 管控型降本&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;少花冤枉钱&lt;/td&gt;&lt;td&gt;集中采购 / 库存优化 / 外包与账期&lt;/td&gt;&lt;td&gt;把漏出去的钱堵回来&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;③ 流程型提效&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;把流程理顺&lt;/td&gt;&lt;td&gt;标准化 / 精益化 / 自动化数据化&lt;/td&gt;&lt;td&gt;不是让人更辛苦，是把做事方式理顺&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;④ 经营型增效&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;重构赚钱方式&lt;/td&gt;&lt;td&gt;产品工艺重构 / 收入结构优化 / 商业模式重构&lt;/td&gt;&lt;td&gt;不是省钱，是换一种活法赚钱&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;越往上，越接近「赚钱」；停在最底两层，省的是账面，伤的是组织。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;第一段位：暴力型降本&lt;/h2&gt;&lt;p&gt;哪里花钱多，就砍哪里。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;02｜暴力型降本：裁员降薪 / 砍预算福利 / 压供应商&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-02-02-tier1-violent-cost-cut.zrM98Ljw_Z1WzCmx.webp&quot; /&gt;&lt;figcaption&gt;02｜暴力型降本：裁员降薪 / 砍预算福利 / 压供应商&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;




































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;方法&lt;/th&gt;&lt;th&gt;干什么&lt;/th&gt;&lt;th&gt;难度&lt;/th&gt;&lt;th&gt;见效&lt;/th&gt;&lt;th&gt;副作用 / 条件&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;1&lt;/td&gt;&lt;td&gt;&lt;strong&gt;裁员与降薪&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;优化人力成本&lt;/td&gt;&lt;td&gt;低&lt;/td&gt;&lt;td&gt;极快&lt;/td&gt;&lt;td&gt;&lt;strong&gt;大&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;&lt;strong&gt;砍预算与福利&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;压缩日常开支&lt;/td&gt;&lt;td&gt;低&lt;/td&gt;&lt;td&gt;快&lt;/td&gt;&lt;td&gt;&lt;strong&gt;中&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;&lt;strong&gt;压供应商&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;转移成本压力&lt;/td&gt;&lt;td&gt;低&lt;/td&gt;&lt;td&gt;快&lt;/td&gt;&lt;td&gt;&lt;strong&gt;看实力&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;这一段位的本质：&lt;strong&gt;转移成本，不是消灭成本&lt;/strong&gt;。&lt;/p&gt;&lt;p&gt;短期应急可以；长期靠它，公司会越来越虚。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;第二段位：管控型降本&lt;/h2&gt;&lt;p&gt;少花冤枉钱，把漏出去的钱堵回来。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;03｜管控型降本：集中采购 / 库存 SKU / 外包账期&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-03-03-tier2-control-cost-cut.CCn5JdeD_1XNBkV.webp&quot; /&gt;&lt;figcaption&gt;03｜管控型降本：集中采购 / 库存 SKU / 外包账期&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;




































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;方法&lt;/th&gt;&lt;th&gt;干什么&lt;/th&gt;&lt;th&gt;难度&lt;/th&gt;&lt;th&gt;见效&lt;/th&gt;&lt;th&gt;副作用&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;4&lt;/td&gt;&lt;td&gt;&lt;strong&gt;集中采购&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;供应商整合；分散成本打包处理&lt;/td&gt;&lt;td&gt;中&lt;/td&gt;&lt;td&gt;中&lt;/td&gt;&lt;td&gt;小&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;5&lt;/td&gt;&lt;td&gt;&lt;strong&gt;库存优化&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;SKU 精简；少压货 = 少占钱&lt;/td&gt;&lt;td&gt;中&lt;/td&gt;&lt;td&gt;中&lt;/td&gt;&lt;td&gt;小&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;6&lt;/td&gt;&lt;td&gt;&lt;strong&gt;外包与账期管理&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;固定成本变可变成本&lt;/td&gt;&lt;td&gt;中&lt;/td&gt;&lt;td&gt;中&lt;/td&gt;&lt;td&gt;小&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;这一段位的关键：不只是砍，而是把钱花得更集中、更可控、更有效。&lt;/p&gt;&lt;p&gt;钱没多赚，但不再白白漏掉。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;第三段位：流程型提效&lt;/h2&gt;&lt;p&gt;不是让人更辛苦，而是把做事方式理顺。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;04｜流程型提效：标准化 / 精益化 / 自动化数据化&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-04-04-tier3-process-efficiency.CGn88leg_Z229LR8.webp&quot; /&gt;&lt;figcaption&gt;04｜流程型提效：标准化 / 精益化 / 自动化数据化&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;




































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;方法&lt;/th&gt;&lt;th&gt;干什么&lt;/th&gt;&lt;th&gt;难度&lt;/th&gt;&lt;th&gt;见效&lt;/th&gt;&lt;th&gt;价值属性&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;7&lt;/td&gt;&lt;td&gt;&lt;strong&gt;标准化&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;把动作变成 SOP&lt;/td&gt;&lt;td&gt;中&lt;/td&gt;&lt;td&gt;中&lt;/td&gt;&lt;td&gt;可持续&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;8&lt;/td&gt;&lt;td&gt;&lt;strong&gt;精益化&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;消灭等待、返工、重复录入&lt;/td&gt;&lt;td&gt;中高&lt;/td&gt;&lt;td&gt;中&lt;/td&gt;&lt;td&gt;可持续&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;9&lt;/td&gt;&lt;td&gt;&lt;strong&gt;自动化与数据化&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;系统干重复活，决策更聪明&lt;/td&gt;&lt;td&gt;中高&lt;/td&gt;&lt;td&gt;中&lt;/td&gt;&lt;td&gt;价值持续放大&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;这一段位的变化：从「少花钱」，走向更快、更准、更少返工——流程更顺、错误更少、响应更快、决策更准。&lt;/p&gt;&lt;p&gt;省下来的不只是钱，是组织会做事的能力。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;第四段位：经营型增效&lt;/h2&gt;&lt;p&gt;不是省钱，而是换一种活法赚钱。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;05｜经营型增效：产品工艺 / 收入结构 / 商业模式&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-05-05-tier4-business-efficiency.DpkuumbS_Z1lwztU.webp&quot; /&gt;&lt;figcaption&gt;05｜经营型增效：产品工艺 / 收入结构 / 商业模式&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;




































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;方法&lt;/th&gt;&lt;th&gt;干什么&lt;/th&gt;&lt;th&gt;难度&lt;/th&gt;&lt;th&gt;见效&lt;/th&gt;&lt;th&gt;价值&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;10&lt;/td&gt;&lt;td&gt;&lt;strong&gt;产品和工艺重构&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;从设计源头降低成本&lt;/td&gt;&lt;td&gt;高&lt;/td&gt;&lt;td&gt;慢&lt;/td&gt;&lt;td&gt;持久&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;11&lt;/td&gt;&lt;td&gt;&lt;strong&gt;收入结构优化&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;同样资产多赚一份（订阅制 / 增值服务 / 会员制）&lt;/td&gt;&lt;td&gt;高&lt;/td&gt;&lt;td&gt;慢&lt;/td&gt;&lt;td&gt;持久&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;12&lt;/td&gt;&lt;td&gt;&lt;strong&gt;商业模式重构&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;平台化 / 小单快反 / 垂直整合&lt;/td&gt;&lt;td&gt;极高&lt;/td&gt;&lt;td&gt;最慢&lt;/td&gt;&lt;td&gt;最持久&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;这一段位的关键：不再跟成本死磕，而是重构「钱从哪来」。&lt;/p&gt;&lt;p&gt;最高段位，不是省钱，是重构生意。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;卡在哪一层，就开哪一层的方&lt;/h2&gt;





























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;信号&lt;/th&gt;&lt;th&gt;先动哪一段位&lt;/th&gt;&lt;th&gt;别拿错药&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;现金流快断、必须止血&lt;/td&gt;&lt;td&gt;&lt;strong&gt;暴力&lt;/strong&gt;（短期）&lt;/td&gt;&lt;td&gt;别把裁员当长期经营战略&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;钱在漏：分散采购、SKU 膨胀、账期乱&lt;/td&gt;&lt;td&gt;&lt;strong&gt;管控&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;别只砍人头不堵漏点&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;人很忙、事很慢、返工多&lt;/td&gt;&lt;td&gt;&lt;strong&gt;流程&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;别用加班治流程病&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;大家很努力，利润仍薄、生意不值钱&lt;/td&gt;&lt;td&gt;&lt;strong&gt;经营&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;别用再砍一轮预算治模式病&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;应急可以掉回低段位；活过来之后，段位要往上爬——否则永远停在「省钱」，到不了「赚钱」。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;评论里几条值得留&lt;/h2&gt;&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;新技术别只当费用砍&lt;/strong&gt;：有人提醒——该投的数字化 / 自动化是资产投资，不是「预算里先砍掉的那一项」。砍错了，第三、四段位永远上不去。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;价值链是利益共同体&lt;/strong&gt;：压供应商到极限，短期好看，长期断链。第二段位「管控」是整合与可控，不是零和压榨。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;精益的价值来源是客户&lt;/strong&gt;：精益化不是内部自嗨的流程图；砍掉的应是客户不付钱的等待与返工。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;价格战之后看品牌竞争力&lt;/strong&gt;：第四段位若只拼更低价，收入结构与模式仍薄；重构「钱从哪来」，才撑得住价格战后的竞争位。&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;嘲讽裁员段子、无信息量跟风可略；有判断的留言，比再贴一张「降本增效」口号有用。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;来源与交接&lt;/h2&gt;




















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;项&lt;/th&gt;&lt;th&gt;内容&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;来源&lt;/td&gt;&lt;td&gt;&lt;code&gt;paste-md&lt;/code&gt; · @商业分析家Suri / 精英打工人们&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;原文 URL&lt;/td&gt;&lt;td&gt;无&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;合并&lt;/td&gt;&lt;td&gt;&lt;strong&gt;新建&lt;/strong&gt;；与人效四层分笔记互链，不硬并&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;














&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;旁链&lt;/th&gt;&lt;th&gt;彼篇主线&lt;/th&gt;&lt;th&gt;与本篇边界&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;a href=&quot;/posts/people-efficiency-four-layers/&quot;&gt;人效差，答案多半不在人身上&lt;/a&gt;&lt;/td&gt;&lt;td&gt;人效公式 + 个人/流程/组织/经营四层&lt;/td&gt;&lt;td&gt;彼=人效怎么拆、对症查哪层；本=降本增效路径段位（暴力→经营）与 12 法&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;</content:encoded></item><item><title>人效差，答案多半不在人身上</title><link>https://fork-firefly.vercel.app/posts/people-efficiency-four-layers/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/people-efficiency-four-layers/</guid><description>人效提升的四层框架，别只在最表层抠工时。</description><pubDate>Mon, 10 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;公司一喊「提人效」，套路往往先冲人：裁人、加班、冻结招聘，再加一轮培训。&lt;/p&gt;
&lt;p&gt;人少了、工时长了，人效数字偶尔好看几天——产出没涨、利润没涨，只是把压力压到剩下的人身上。&lt;/p&gt;
&lt;p&gt;人效 ≠ 人少。真正拉开差距的，是个人、流程、组织、经营这四层；培训、加班、裁员常常治错病。&lt;/p&gt;
&lt;p&gt;旁链提醒：同日队列里还有「缺人才还是缺阵型」「AI 员工五件脏活」「AI 落地七层」「局部最优与全局观」，以及「很多公司只会砍成本，高手从省钱走到赚钱」——相关，但&lt;strong&gt;不硬并&lt;/strong&gt;。阵型 / AI 落地 / 认知全局那边各管各的；降本增效那篇讲&lt;strong&gt;暴力→管控→流程→经营&lt;/strong&gt;路径段位；这边讲&lt;strong&gt;人效公式怎么拆、四层怎么对症&lt;/strong&gt;。&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;01｜提人效要看四层：个人→流程→组织→经营，越往上越根本&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;572&quot; src=&quot;/_astro/cover.DQB--86w_25TigW.webp&quot; /&gt;&lt;figcaption&gt;01｜提人效要看四层：个人→流程→组织→经营，越往上越根本&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;hr /&gt;
&lt;section&gt;&lt;h2&gt;人效 ≈ 产出 ÷ 人力&lt;/h2&gt;&lt;p&gt;说人话：分子是产出 / 价值，分母是时间 / 消耗（人头、工时、成本）。&lt;/p&gt;&lt;p&gt;两条路：&lt;/p&gt;



















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;路径&lt;/th&gt;&lt;th&gt;做什么&lt;/th&gt;&lt;th&gt;常见误区&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;做大分子&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;同样的人，做出更多、更值钱的结果&lt;/td&gt;&lt;td&gt;只盯忙碌，不问价值&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;缩小分母&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;同样的产出，少用人、少耗时、少内耗&lt;/td&gt;&lt;td&gt;默认「裁人 = 提效」&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;裁人加班主要动分母；若分子本身是低毛利、碎片化业务，分母再压也抬不起真正的人效。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;02｜提升效率的四个段位：各层解什么题、对分子分母怎么动&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-02-02-four-levels-numerator-denominator.DA-Tkz4M_Zn15yC.webp&quot; /&gt;&lt;figcaption&gt;02｜提升效率的四个段位：各层解什么题、对分子分母怎么动&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;section&gt;&lt;h3&gt;四段位总表&lt;/h3&gt;







































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;段位&lt;/th&gt;&lt;th&gt;解的问题&lt;/th&gt;&lt;th&gt;分子&lt;/th&gt;&lt;th&gt;分母&lt;/th&gt;&lt;th&gt;主逻辑&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;个人提效&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;一个人怎么更快更好&lt;/td&gt;&lt;td&gt;主要 ↑&lt;/td&gt;&lt;td&gt;可能 ↓&lt;/td&gt;&lt;td&gt;单位时间个人产出上去&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;流程提效&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;事情怎么流转更顺&lt;/td&gt;&lt;td&gt;↑&lt;/td&gt;&lt;td&gt;↓&lt;/td&gt;&lt;td&gt;砍等待、返工、审批、交接&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;组织提效&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;人怎么配、怎么分、怎么协作&lt;/td&gt;&lt;td&gt;↑&lt;/td&gt;&lt;td&gt;主要 ↓&lt;/td&gt;&lt;td&gt;减冗余配置，提升人岗匹配&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;经营提效&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;公司做什么生意、怎么赚钱&lt;/td&gt;&lt;td&gt;主要 ↑&lt;/td&gt;&lt;td&gt;通常 ≈&lt;/td&gt;&lt;td&gt;客户 / 产品 / 模式的价值上去&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;越往上，越根本。个人层再卷，挡不住流程堵、组织扯皮、生意本身不值钱。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;个人提效：让个人更能干&lt;/h2&gt;&lt;p&gt;定义：升级一个人的能力、工具、方法——同样时间做更多，或同样工作更短时间做完。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;03｜个人提效：补能力、用模板、借工具；经营分析师案例&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-03-03-individual-efficiency.BqcCAW9P_Z2t87Jg.webp&quot; /&gt;&lt;figcaption&gt;03｜个人提效：补能力、用模板、借工具；经营分析师案例&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;section&gt;&lt;h3&gt;三种方法&lt;/h3&gt;




















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;方法&lt;/th&gt;&lt;th&gt;干嘛&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;补能力&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;技能培训、专业能力、工作方法&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;用模板&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;SOP、模板库、知识库，少踩个人操作坑&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;借工具&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;AI / 数字化工具，砍低价值手工&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;案例：经营分析师&lt;/h3&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;&lt;/th&gt;&lt;th&gt;以前&lt;/th&gt;&lt;th&gt;现在&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;取数 / 整理&lt;/td&gt;&lt;td&gt;收集 3 天 + 报表 2 天&lt;/td&gt;&lt;td&gt;统一口径自动取数半天 + 模板出基础报告半天&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;高价值分析&lt;/td&gt;&lt;td&gt;不到 1 天&lt;/td&gt;&lt;td&gt;识别异常、追因、给建议——时间明显更多&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;痛点&lt;/td&gt;&lt;td&gt;大半辈子在 scrub 数据&lt;/td&gt;&lt;td&gt;整理从 3 天压到半天，时间砸在决策上&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;核心：少做无效事，多做有价值的事。这一层解决的是「这个人能不能干」——不是公司整个人效的全部答案。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;流程提效：让事情更顺畅&lt;/h2&gt;&lt;p&gt;定义：把一件事从发起到完成的路径理清；少等人、少重复、少返工、少交接、少审批——业务产出上去，人力消耗下来。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;04｜流程提效：删并并行；报价从 5 天串行到 1 天并行&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-04-04-process-efficiency.-mPoi8ur_Z2uHt4y.webp&quot; /&gt;&lt;figcaption&gt;04｜流程提效：删并并行；报价从 5 天串行到 1 天并行&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;section&gt;&lt;h3&gt;三种方法&lt;/h3&gt;




















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;方法&lt;/th&gt;&lt;th&gt;干嘛&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;删除&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;砍掉没必要的环节&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;合并&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;重复审批并成一刀&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;并行&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;串行改并行，别干等&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;重点查五类时间&lt;/h3&gt;&lt;p&gt;处理时间 · 等待时间 · 沟通时间 · 返工时间 · 审批时间——人跑得快，路歪了也白搭。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;案例：报价流程&lt;/h3&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;&lt;/th&gt;&lt;th&gt;以前（串行，均 5 天）&lt;/th&gt;&lt;th&gt;现在（并行，约 1 天）&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;路径&lt;/td&gt;&lt;td&gt;销售填需求 → 产品确认 → 财务算成本 → 法务审合同 → 负责人终审（各约 1 天）&lt;/td&gt;&lt;td&gt;销售填需求 → 产品/财务/法务&lt;strong&gt;标准模板并行审&lt;/strong&gt; → 负责人仅超权限才批&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;症状&lt;/td&gt;&lt;td&gt;信息不全、来回改、等审批&lt;/td&gt;&lt;td&gt;周期短、流转顺&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;问题从&lt;/td&gt;&lt;td&gt;「这人怎么这么慢」&lt;/td&gt;&lt;td&gt;「这件事在组织里为什么走这么慢」&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;流程提效不是让人跑更快，是把路修好。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;组织提效：让团队更协同&lt;/h2&gt;&lt;p&gt;定义：调职责、层级、协作关系、资源配置——对的人做对的事，少管理摩擦、少重复岗位；权责清、决策快、产出增。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;05｜组织提效：划职责、减层级、配岗位；运营总部/区域/城市三级&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-05-05-org-efficiency.DibKX_yh_Z1y23w4.webp&quot; /&gt;&lt;figcaption&gt;05｜组织提效：划职责、减层级、配岗位；运营总部/区域/城市三级&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;section&gt;&lt;h3&gt;三种方法&lt;/h3&gt;




















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;方法&lt;/th&gt;&lt;th&gt;干嘛&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;划职责&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;重划部门职责，取消重复汇报&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;减层级&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;砍多余管理层级，拉大管理幅度&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;配岗位&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;核心人才放关键岗；非核心可外包&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;案例：运营三级&lt;/h3&gt;



















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;&lt;/th&gt;&lt;th&gt;以前&lt;/th&gt;&lt;th&gt;现在&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;总部 / 区域 / 城市&lt;/td&gt;&lt;td&gt;三层都在「收数、做表、开会」；前线问题谁都解不了&lt;/td&gt;&lt;td&gt;&lt;strong&gt;总部&lt;/strong&gt;：规则、系统、数据平台；&lt;strong&gt;区域&lt;/strong&gt;：诊断、推动改进；&lt;strong&gt;城市&lt;/strong&gt;：执行、服务一线&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;结果&lt;/td&gt;&lt;td&gt;重复劳动 + 层层上报，时间耗在报告链&lt;/td&gt;&lt;td&gt;砍冗余报告、人头可减、时间花在刀刃上&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;组织提效的核心：对的人、对的岗、做值钱的事——把「汇报时间」换成「出业务结果的时间」。&lt;/p&gt;&lt;p&gt;（与「缺阵型」那篇相邻：那边讲任务·站位·协作·权力怎么搭；这边讲人效视角下职责/层级/岗位怎么减内耗——主题不同，不硬并。）&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;经营提效：让努力更值钱&lt;/h2&gt;&lt;p&gt;定义：选更好的客户、产品、渠道、生意模式——同样的人，做更值钱的事。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;06｜经营提效：优化结构、调模式、聚焦资源；软件定制转产品&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-06-06-business-efficiency.DjremHlG_Ztnejc.webp&quot; /&gt;&lt;figcaption&gt;06｜经营提效：优化结构、调模式、聚焦资源；软件定制转产品&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;section&gt;&lt;h3&gt;为什么这一层往往最关键&lt;/h3&gt;&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;低毛利生意陷阱&lt;/strong&gt;：人再拼，人均也难好看。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;最大浪费&lt;/strong&gt;：不是动作慢，是长期做不赚钱的事。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;资源投向&lt;/strong&gt;：把人财物砸进更有价值、可复制的业务。&lt;/li&gt;
&lt;/ol&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;三种方法&lt;/h3&gt;




















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;方法&lt;/th&gt;&lt;th&gt;干嘛&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;优化结构&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;砍低毛利产品；聚焦高价值客户；选高效渠道&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;调整模式&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;非标服务 → 标准产品；一次性交付 → 持续收费&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;聚焦资源&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;人财物集中在高收入、高毛利、高复购处&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;案例：软件公司&lt;/h3&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;&lt;/th&gt;&lt;th&gt;以前&lt;/th&gt;&lt;th&gt;后来&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;打法&lt;/td&gt;&lt;td&gt;长期定制项目；需求碎；营收看着还行，&lt;strong&gt;毛利低&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;共性需求产品化；高定制涨价+边界；研发盯相似需求、愿付费客户&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;人力&lt;/td&gt;&lt;td&gt;研发交付跟着项目涨&lt;/td&gt;&lt;td&gt;人数基本不动&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;结果&lt;/td&gt;&lt;td&gt;忙、扩编、利润薄&lt;/td&gt;&lt;td&gt;重复开发少；&lt;strong&gt;人均毛利 / 人均经营利润上去&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;经营提效不是把人「挤满」，是让他们做的事更值钱——分子做大，分母往往几乎不动。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;出了问题，按这个顺序查&lt;/h2&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;信号&lt;/th&gt;&lt;th&gt;先怀疑哪一层&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;个别人&lt;/strong&gt;慢 / 错 / 不会&lt;/td&gt;&lt;td&gt;个人（能力、模板、工具）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;同一环节&lt;/strong&gt;大家都卡&lt;/td&gt;&lt;td&gt;流程（删并并行、五类时间）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;跨部门&lt;/strong&gt;扯皮、重复汇报、没人拍板&lt;/td&gt;&lt;td&gt;组织（职责、层级、岗位）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;大家很努力，&lt;strong&gt;利润 / 人均价值仍差&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;经营（客户、产品、模式、资源）&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;别用培训治流程病，别用加班治组织病，别用裁员治经营病。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;评论里两条值得留&lt;/h2&gt;&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;逆推也成立&lt;/strong&gt;：有人建议从上往下压——先看经营值不值，再看组织乱不乱，再看流程堵不堵，最后才动个人。和「越往上越根本」同一件事，只是排查方向反过来。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;「降本增效」被骂，多半是路径不对症&lt;/strong&gt;：拿裁人加班当万能药，污名的是错位药方，不是「效率」这两个字本身。&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;认清撞上哪一层，比再开一轮全员动员有用。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;来源与交接&lt;/h2&gt;




















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;项&lt;/th&gt;&lt;th&gt;内容&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;来源&lt;/td&gt;&lt;td&gt;&lt;code&gt;paste-md&lt;/code&gt; · @商业分析家Suri / 精英打工人们&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;原文 URL&lt;/td&gt;&lt;td&gt;无&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;合并&lt;/td&gt;&lt;td&gt;&lt;strong&gt;新建&lt;/strong&gt;；与下列互链不硬并&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;


































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;旁链&lt;/th&gt;&lt;th&gt;彼篇主线&lt;/th&gt;&lt;th&gt;与本篇边界&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;很多企业不是缺人才，而是缺阵型（待发布）&lt;/td&gt;&lt;td&gt;组织阵型（任务·站位·协作·权力）&lt;/td&gt;&lt;td&gt;彼=怎么摆阵；本=人效四层与分子分母&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;先让 AI 懂公司，再让它在公司里办事（待发布）&lt;/td&gt;&lt;td&gt;AI 员工脏活 + 落地链路&lt;/td&gt;&lt;td&gt;彼=AI 运行时；本=人效分层诊断&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;前六层是工程，第七层才是老板看见的成果（待发布）&lt;/td&gt;&lt;td&gt;企业 AI 七层工程&lt;/td&gt;&lt;td&gt;彼=AI 落地叠法；本=人效段位&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;你以为自己在做正确的事，可能只是陷入了局部最优（待发布）&lt;/td&gt;&lt;td&gt;认知局部最优 / 全局观&lt;/td&gt;&lt;td&gt;彼=个人系统思维；本=企业人效对症&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;a href=&quot;/posts/cost-efficiency-four-tiers/&quot;&gt;很多公司只会砍成本，高手从省钱走到赚钱&lt;/a&gt;&lt;/td&gt;&lt;td&gt;降本增效四段位 + 12 法&lt;/td&gt;&lt;td&gt;彼=暴力→管控→流程→经营路径；本=人效公式与四层诊断&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;</content:encoded></item><item><title>从控制者到赋能者：精益领导力先改自己</title><link>https://fork-firefly.vercel.app/posts/lean-leadership-empowerment/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/lean-leadership-empowerment/</guid><description>精益领导力：从管人管事，走到现场赋能。</description><pubDate>Mon, 10 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;精益推不动，很多人先怪工具、怪员工、怪「文化不行」。&lt;/p&gt;
&lt;p&gt;更常见的卡点在领导自己：还在命令与控制，还在办公室听二手汇报，还在替团队做决定、替团队解题。角色不换，工具学再多也是空转。&lt;/p&gt;
&lt;p&gt;这条路的本质转变就一句：从控制者到赋能者，从管理者到教练。&lt;/p&gt;
&lt;p&gt;旁链提醒：同日队列里还有「人效差，答案多半不在人身上」「很多公司只会砍成本，高手从省钱走到赚钱」——相关，但&lt;strong&gt;不硬并&lt;/strong&gt;。人效篇拆分子分母与四层对症；降本篇讲暴力→管控→流程→经营路径；这边讲&lt;strong&gt;领导角色怎么转身&lt;/strong&gt;（Gemba / 教练 / A3 / Kotter）。&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;01｜精益领导力转型：传统管理者 vs 精益领导者；认知→行为→文化&quot; loading=&quot;lazy&quot; width=&quot;682&quot; height=&quot;1024&quot; src=&quot;/_astro/cover.BrSKVF6C_Z1NSjjP.webp&quot; /&gt;&lt;figcaption&gt;01｜精益领导力转型：传统管理者 vs 精益领导者；认知→行为→文化&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;hr /&gt;
&lt;section&gt;&lt;h2&gt;01 精益领导力转型&lt;/h2&gt;&lt;p&gt;精益领导力的第一步，是认知转变——从传统管理者变成精益领导者。&lt;/p&gt;&lt;section&gt;&lt;h3&gt;传统管理者 vs 精益领导者&lt;/h3&gt;&lt;p&gt;传统管理者的六个特征：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;命令与控制。&lt;/strong&gt; 上级说、下级做，不容置疑。员工是执行工具，不是思考主体。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;关注结果数字。&lt;/strong&gt; 只看产量、只看利润、只看 KPI，不看过程、不看方法、不看人的成长。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;发现问题追责。&lt;/strong&gt; 出了问题，先找谁的责任，先罚谁。结果是人人自保，问题被掩盖。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;坐在办公室。&lt;/strong&gt; 决策靠报表、靠汇报，不到现场去。报表是二手信息，汇报是过滤过的信息，离真相越来越远。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;自上而下决策。&lt;/strong&gt; 所有决策由领导做，员工不参与。员工没有参与感，就没有认同感，执行就打折扣。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;强调个人权威。&lt;/strong&gt; 领导是权威、是专家，员工要服从。这种权威文化，压制了员工的创造力和主动性。&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;精益领导者的六个特征：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;教练与赋能。&lt;/strong&gt; 领导不是给答案的人，是引导员工自己找到答案的人。赋能，就是让员工有能力、有权力、有信心去做。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;关注过程改善。&lt;/strong&gt; 结果重要，但过程更重要。过程对了，结果自然对。过程改善了，能力就提升了，结果是可持续的。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;解决问题根因。&lt;/strong&gt; 出了问题，不追责，找根因。用 5Why、鱼骨图等工具，找到系统层面的原因，防止再发。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;深入现场 Gemba。&lt;/strong&gt; 领导要走出办公室，到现场去、到一线去。现场是真相发生的地方，只有到现场才能看到真实。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;全员参与决策。&lt;/strong&gt; 决策不是领导的专利，是一线员工、技术专家、管理人员共同参与的结果。参与决策的人，更愿意执行决策。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;培养团队能力。&lt;/strong&gt; 领导的终极目标，不是让自己不可替代，是让自己可替代。培养出能独当一面的团队，领导才能升维。&lt;/li&gt;
&lt;/ol&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;领导力转型三阶段&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;阶段1：认知转变。&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;理解精益理念。精益不只是工具，是思维方式、是管理系统、是文化变革。&lt;/li&gt;
&lt;li&gt;接受新角色定位。从「指挥官」变成「教练」，从「控制者」变成「赋能者」，这个转变不容易，但必须做。&lt;/li&gt;
&lt;li&gt;建立改善意识。改善不是项目，是日常。领导自己要先有改善意识，才能带动团队。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;&lt;strong&gt;阶段2：行为改变。&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;现场走动管理。不再坐在办公室，定期到现场走动，观察、提问、倾听。&lt;/li&gt;
&lt;li&gt;提问而非指令。遇到问题，先问「你怎么看？」而不是「你应该这样做」。&lt;/li&gt;
&lt;li&gt;培养下属能力。把时间和精力花在培养人上，而不是替人做事上。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;&lt;strong&gt;阶段3：文化塑造。&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;持续改善习惯。改善成为团队的习惯，不需要推动，自动发生。&lt;/li&gt;
&lt;li&gt;全员参与氛围。每个人都愿意提建议、每个人都愿意参与改善，没有旁观者。&lt;/li&gt;
&lt;li&gt;精益思维固化。精益思维融入每个人的血液，成为企业文化的一部分。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;从控制者到赋能者，从管理者到教练。这是精益领导力的本质转变。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;02 现场走动管理 Gemba Walk&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;02｜Gemba Walk：三原则 + 五步法；答案/改善/成长都在现场&quot; loading=&quot;lazy&quot; width=&quot;682&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-02-02-gemba-walk.DPa67ue5_Z2wR4KQ.webp&quot; /&gt;&lt;figcaption&gt;02｜Gemba Walk：三原则 + 五步法；答案/改善/成长都在现场&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;精益领导者的核心实践之一，就是 Gemba Walk——现场走动管理。Gemba 是日语「现场」的意思，指真实发生工作的地方。&lt;/p&gt;&lt;section&gt;&lt;h3&gt;Gemba 三原则&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;原则1：去现场 Go to Gemba。&lt;/strong&gt;&lt;br /&gt;
实地观察，而非听汇报。真实发生的地方才有真相。你在办公室听到的汇报，经过了层层过滤、层层美化，离真相越来越远。只有到现场，才能看到真实。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;原则2：看实物 See the Actual。&lt;/strong&gt;&lt;br /&gt;
观察实际产品、设备、流程，用数据和事实说话。不要问「产量怎么样」，要问「今天的实际产量是多少？和目标的差距是多少？」不要问「设备好不好」，要问「设备的 OEE 是多少？故障停机时间是多少？」&lt;/p&gt;&lt;p&gt;&lt;strong&gt;原则3：了解实情 Understand Reality。&lt;/strong&gt;&lt;br /&gt;
与一线员工交流，理解真实状况和困难。员工最了解现场，他们的困难、他们的建议，是最真实的信息。领导要倾听，而不是说教。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;Gemba Walk 五步法&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Step 1：准备阶段。&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;明确观察主题。今天去现场，看什么？是 5S？是质量？是效率？还是安全？主题明确，才能聚焦。&lt;/li&gt;
&lt;li&gt;准备观察表单。设计观察清单，逐项对照，防止遗漏。&lt;/li&gt;
&lt;li&gt;通知相关人员。提前告知现场人员，避免突然袭击造成紧张。Gemba Walk 不是检查，是学习。&lt;/li&gt;
&lt;li&gt;保持开放心态。不要带着预设结论去现场，要带着好奇心和空杯心态。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;&lt;strong&gt;Step 2：观察阶段。&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;遵循工艺流程。按产品流动的方向，从原材料到成品，完整走一遍。&lt;/li&gt;
&lt;li&gt;记录关键数据。周期时间、在制品数量、设备状态、人员操作，都要记录。&lt;/li&gt;
&lt;li&gt;拍照记录现状。用照片记录问题点，作为后续分析的依据。&lt;/li&gt;
&lt;li&gt;不打断作业。观察时，不要打断员工操作，不要当场批评，先观察、后讨论。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;&lt;strong&gt;Step 3：提问阶段。&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;5 个为什么。看到问题，连续问为什么，找到根因。&lt;/li&gt;
&lt;li&gt;开放式提问。「你怎么看这个现象？」「你觉得原因是什么？」而不是「你为什么做错了？」&lt;/li&gt;
&lt;li&gt;倾听员工意见。让员工先说，领导多听。员工的声音，是最真实的声音。&lt;/li&gt;
&lt;li&gt;了解困难痛点。员工操作中的困难、痛点，就是改善的机会。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;&lt;strong&gt;Step 4：分析阶段。&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;识别浪费。用七大浪费的框架，识别现场的浪费。&lt;/li&gt;
&lt;li&gt;找出根本原因。用 5Why、鱼骨图等工具，找到问题的根因。&lt;/li&gt;
&lt;li&gt;发现改善机会。每个问题背后，都有一个改善机会。&lt;/li&gt;
&lt;li&gt;总结关键发现。Gemba Walk 结束后，总结关键发现，形成报告。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;&lt;strong&gt;Step 5：跟进阶段。&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;制定改善计划。针对发现的问题，制定具体的改善计划。&lt;/li&gt;
&lt;li&gt;分配责任人。每个改善点，都有明确的责任人。&lt;/li&gt;
&lt;li&gt;设定完成时间。改善要有 deadline，不能无限拖延。&lt;/li&gt;
&lt;li&gt;追踪改善效果。改善后，要验证效果，看问题是否真正解决。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;答案在现场，改善在现场，成长在现场。领导者的成长，也在现场。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;03 教练式领导&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;03｜教练式领导：核心理念、提问技巧、GROW、关键行为&quot; loading=&quot;lazy&quot; width=&quot;682&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-03-03-coaching-leadership.h_wh8U1J_Z2o5LDP.webp&quot; /&gt;&lt;figcaption&gt;03｜教练式领导：核心理念、提问技巧、GROW、关键行为&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;精益领导者的核心技能之一，是教练式领导。不是告诉员工怎么做，而是引导员工自己找到方法。&lt;/p&gt;&lt;section&gt;&lt;h3&gt;教练的核心理念&lt;/h3&gt;&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;不是给答案，而是引导思考。&lt;/strong&gt; 员工遇到问题时，领导的第一反应不是「你应该这样做」，而是「你觉得可以怎么做？」引导员工自己思考，员工才会成长。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;不是做决定，而是培养能力。&lt;/strong&gt; 领导替员工做决定，员工永远学不会做决定。领导的目标是培养员工独立决策的能力。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;不是解决问题，而是教会方法。&lt;/strong&gt; 领导亲自解决问题，问题解决了，但员工没学会。领导教会员工解决问题的方法，员工以后遇到类似问题，自己就能解决。&lt;/li&gt;
&lt;/ol&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;教练式提问技巧&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;技巧1：开放式提问。&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;「你观察到什么现象？」——让员工描述事实，而不是下结论。&lt;/li&gt;
&lt;li&gt;「你认为原因是什么？」——让员工分析原因，而不是领导给答案。&lt;/li&gt;
&lt;li&gt;「你有什么改善想法？」——让员工提出方案，而不是领导下指令。&lt;/li&gt;
&lt;li&gt;「如何验证你的方案？」——让员工思考验证方法，培养系统思维。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;&lt;strong&gt;技巧2：5 个为什么。&lt;/strong&gt;&lt;/p&gt;


































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Why&lt;/th&gt;&lt;th&gt;问什么&lt;/th&gt;&lt;th&gt;挖到哪一层&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;1&lt;/td&gt;&lt;td&gt;为什么会发生？&lt;/td&gt;&lt;td&gt;描述现象&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;为什么是这个原因？&lt;/td&gt;&lt;td&gt;深入一层&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;为什么没有预防？&lt;/td&gt;&lt;td&gt;找到系统漏洞&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;4&lt;/td&gt;&lt;td&gt;为什么系统允许？&lt;/td&gt;&lt;td&gt;找到制度缺陷&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;5&lt;/td&gt;&lt;td&gt;根本原因是什么？&lt;/td&gt;&lt;td&gt;找到最深层的根因&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;strong&gt;技巧3：引导式提问。&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;「如果是你，会怎么做？」——换位思考，激发主动性。&lt;/li&gt;
&lt;li&gt;「还有其他可能性吗？」——拓展思维，避免局限。&lt;/li&gt;
&lt;li&gt;「这样做的风险是什么？」——培养风险意识。&lt;/li&gt;
&lt;li&gt;「需要什么资源支持？」——培养资源协调能力。&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;教练四步法：GROW 模型&lt;/h3&gt;





























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;字母&lt;/th&gt;&lt;th&gt;含义&lt;/th&gt;&lt;th&gt;做什么&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;G&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;Goal 目标&lt;/td&gt;&lt;td&gt;明确改善目标和期望结果。和员工一起明确：我们要解决什么问题？要达到什么目标？&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;R&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;Reality 现状&lt;/td&gt;&lt;td&gt;了解当前状况和差距。用数据和事实描述现状；现状和目标之间的差距，就是改善空间。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;O&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;Options 方案&lt;/td&gt;&lt;td&gt;探讨多种可能的解决方案。不局限于一个方案，鼓励发散思维。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;W&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;Will 意愿&lt;/td&gt;&lt;td&gt;确定行动计划和承诺。选出最优方案，制定行动计划，员工做出承诺。&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;教练的关键行为&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;积极倾听：&lt;/strong&gt; 不打断、不评判，认真听员工说完。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;有效提问：&lt;/strong&gt; 用开放式、引导式提问，激发员工思考。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;及时反馈：&lt;/strong&gt; 员工的想法，及时反馈，对的肯定，错的纠正。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;鼓励尝试：&lt;/strong&gt; 鼓励员工大胆尝试，即使失败也是学习。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;容忍失败：&lt;/strong&gt; 失败是成长的一部分，不容忍失败，就没有创新。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;认可成长：&lt;/strong&gt; 员工的每一点进步，都要认可，都要鼓励。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;授人以鱼不如授人以渔，培养能力胜过解决问题。教练式领导的终极目标，是让员工不再需要教练。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;04 问题解决引导&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;04｜问题解决引导：角色不是/而是；A3 六阶段引导提问&quot; loading=&quot;lazy&quot; width=&quot;682&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-04-04-problem-solving-facilitation.CRTnB6rZ_1eKxWP.webp&quot; /&gt;&lt;figcaption&gt;04｜问题解决引导：角色不是/而是；A3 六阶段引导提问&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;精益领导者在问题解决中，不是「解题者」，是「引导者」。&lt;/p&gt;&lt;section&gt;&lt;h3&gt;领导者在问题解决中的角色&lt;/h3&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;不是&lt;/th&gt;&lt;th&gt;而是&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;直接给出答案。领导不是百科全书，不需要知道所有答案。&lt;/td&gt;&lt;td&gt;引导思考方向。用提问引导团队思考，找到正确的方向。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;代替团队决策。决策是团队的事，领导不能包办。&lt;/td&gt;&lt;td&gt;提供方法工具。提供 5Why、鱼骨图、A3 报告等工具，让团队有方法可用。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;包办所有工作。领导不能替员工干活，员工才是执行主体。&lt;/td&gt;&lt;td&gt;创造讨论环境。营造开放、安全的讨论氛围，让每个人都愿意发言。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;批评指责。批评指责只会让员工隐瞒问题，不是解决问题。&lt;/td&gt;&lt;td&gt;支持资源协调。团队需要资源时，领导要协调资源，扫除障碍。&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;A3 问题解决引导法&lt;/h3&gt;&lt;p&gt;A3 报告是丰田发明的问题解决方法，因为报告写在 A3 纸上而得名。核心是结构化的问题解决流程。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;阶段1：问题定义阶段。&lt;/strong&gt; 引导提问：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;问题的具体表现是什么？——描述现象，用数据说话。&lt;/li&gt;
&lt;li&gt;与目标的差距有多大？——量化差距，明确问题严重程度。&lt;/li&gt;
&lt;li&gt;为什么这个问题重要？——说明问题的优先级和影响。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;&lt;strong&gt;阶段2：现状分析阶段。&lt;/strong&gt; 引导提问：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;收集了哪些数据？——数据是分析的基础。&lt;/li&gt;
&lt;li&gt;现场观察到什么？——Gemba Walk 的发现。&lt;/li&gt;
&lt;li&gt;问题发生的规律是？——是偶尔发生还是经常发生？是某个班次还是所有班次？&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;&lt;strong&gt;阶段3：根因分析阶段。&lt;/strong&gt; 引导提问：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;可能的原因有哪些？——头脑风暴，列出所有可能原因。&lt;/li&gt;
&lt;li&gt;如何验证真正原因？——用数据验证，排除假原因。&lt;/li&gt;
&lt;li&gt;5 个为什么分析结果？——用 5Why 深挖，找到根因。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;&lt;strong&gt;阶段4：对策制定阶段。&lt;/strong&gt; 引导提问：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;有哪些可行方案？——发散思维，提出多种方案。&lt;/li&gt;
&lt;li&gt;如何评估方案优劣？——用标准评估，比如成本、效果、风险、可行性。&lt;/li&gt;
&lt;li&gt;实施的风险是什么？——预判风险，制定预案。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;&lt;strong&gt;阶段5：实施验证阶段。&lt;/strong&gt; 引导提问：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;行动计划是否清晰？——谁、做什么、什么时候完成，都要明确。&lt;/li&gt;
&lt;li&gt;如何衡量改善效果？——指标是什么？数据怎么收集？&lt;/li&gt;
&lt;li&gt;需要什么支持？——资源、权限、协调，领导要提供支持。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;&lt;strong&gt;阶段6：标准化阶段。&lt;/strong&gt; 引导提问：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;如何固化成果？——把有效的措施，写入标准作业指导书。&lt;/li&gt;
&lt;li&gt;能否横向推广？——这个改善，其他区域、其他产线能否复制？&lt;/li&gt;
&lt;li&gt;学到了什么经验？——总结教训，形成组织知识。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;提出好问题比给出答案更重要。领导者的价值，不在于知道答案，而在于提出好问题，引导团队找到答案。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;05 团队赋能与激励&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;05｜团队赋能与激励：四维度 + 内/外激励 + 心理安全/全员参与&quot; loading=&quot;lazy&quot; width=&quot;682&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-05-05-team-empowerment.VsbRdnAQ_Z1ySST8.webp&quot; /&gt;&lt;figcaption&gt;05｜团队赋能与激励：四维度 + 内/外激励 + 心理安全/全员参与&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;精益领导力的核心目标，是赋能团队。团队有能力、有动力、有环境，精益才能持续。&lt;/p&gt;&lt;section&gt;&lt;h3&gt;赋能的四个维度&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;维度1：能力赋能。&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;系统培训计划。根据岗位需求，制定系统的培训计划，不是零散培训。&lt;/li&gt;
&lt;li&gt;多技能培养。培养多技能工，让员工掌握多种技能，提高灵活性和价值。&lt;/li&gt;
&lt;li&gt;导师制度。老员工带新员工，技能传承，文化传递。&lt;/li&gt;
&lt;li&gt;轮岗学习。定期轮岗，拓宽视野，培养复合型人才。&lt;/li&gt;
&lt;li&gt;实战演练。培训不是听课，是实战。在真实场景中练习，才能真正掌握。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;&lt;strong&gt;维度2：权力赋能。&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;下放决策权。让一线员工有决策权，比如质量判断权、设备停机权、改善实施权。&lt;/li&gt;
&lt;li&gt;自主改善权。员工可以自主发起改善，不需要层层审批。&lt;/li&gt;
&lt;li&gt;资源调配权。给员工一定的资源调配权，比如小额采购权、加班安排权。&lt;/li&gt;
&lt;li&gt;停线权。发现重大质量问题时，员工有权停线，防止批量不良。&lt;/li&gt;
&lt;li&gt;试错空间。允许员工在一定范围内试错，容错是创新的前提。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;&lt;strong&gt;维度3：信息赋能。&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;目标透明化。团队目标、个人目标，都要透明，让每个人知道方向。&lt;/li&gt;
&lt;li&gt;数据可视化。生产数据、质量数据、效率数据，实时显示在看板上，人人可见。&lt;/li&gt;
&lt;li&gt;及时反馈。员工的表现，及时反馈，好的肯定，差的纠正。&lt;/li&gt;
&lt;li&gt;知识共享。改善经验、技术知识，共享给所有人，避免重复发明轮子。&lt;/li&gt;
&lt;li&gt;沟通渠道畅通。员工有意见、有建议，有渠道表达，有机制回应。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;&lt;strong&gt;维度4：激励赋能。&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;及时认可。员工做得好，立刻认可，不要等年底。&lt;/li&gt;
&lt;li&gt;改善奖励。对有价值的改善提案，给予物质奖励和精神奖励。&lt;/li&gt;
&lt;li&gt;成长机会。给员工学习、晋升、挑战的机会，让员工看到未来。&lt;/li&gt;
&lt;li&gt;成就感。让员工感受到工作的意义和价值，不仅仅是赚钱。&lt;/li&gt;
&lt;li&gt;团队荣誉。团队成果，共同分享，增强团队凝聚力。&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;激励的精益方式&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;内在激励：&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;参与感：让员工参与决策。参与了，就有主人翁意识。&lt;/li&gt;
&lt;li&gt;成就感：看到改善成果。自己的努力，变成了实际的改善，成就感油然而生。&lt;/li&gt;
&lt;li&gt;成长感：能力持续提升。每天都在学习、都在进步，工作有奔头。&lt;/li&gt;
&lt;li&gt;价值感：贡献被认可。自己的贡献，被领导、被同事、被客户认可，价值感满满。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;&lt;strong&gt;外在激励：&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;改善提案奖励。提案被采纳，给予奖金或积分。&lt;/li&gt;
&lt;li&gt;最佳改善案例展示。把优秀案例展示出来，让提案者有名、有荣誉。&lt;/li&gt;
&lt;li&gt;优秀团队表彰。团队改善成果突出，给予表彰和奖励。&lt;/li&gt;
&lt;li&gt;职业发展机会。改善能力强的员工，优先晋升、优先培训。&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;建立改善文化&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;心理安全：&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;鼓励提问题。没有问题才是最大的问题，鼓励员工大胆提问。&lt;/li&gt;
&lt;li&gt;容忍失败。失败是学习的机会，不惩罚失败，惩罚隐瞒失败。&lt;/li&gt;
&lt;li&gt;不追责个人。问题发生后，追系统原因，不追个人责任。追责个人，只会让人隐瞒问题。&lt;/li&gt;
&lt;li&gt;关注系统改善。从系统层面找原因，从流程、制度、工具上改进。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;&lt;strong&gt;全员参与：&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;人人都是改善者。改善不是工程师的事，是每个人的事。&lt;/li&gt;
&lt;li&gt;小改善大鼓励。哪怕是一个小改善，也要鼓励，积小胜为大胜。&lt;/li&gt;
&lt;li&gt;持续小步快跑。不要求大突破，要求每天进步一点点。&lt;/li&gt;
&lt;li&gt;积少成多。每个人的小改善，加起来就是巨大的进步。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;赋能团队，激发潜能，共创价值。团队强，则企业强。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;06 变革领导力&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;06｜变革领导力：五类阻力 + Kotter 八步 + 关键行为&quot; loading=&quot;lazy&quot; width=&quot;682&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-06-06-change-leadership.CmcpjSPI_ZBoV6n.webp&quot; /&gt;&lt;figcaption&gt;06｜变革领导力：五类阻力 + Kotter 八步 + 关键行为&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;精益推行，本质上是一场变革。变革需要领导力，而且是特殊的领导力——变革领导力。&lt;/p&gt;&lt;section&gt;&lt;h3&gt;精益变革的挑战：常见阻力&lt;/h3&gt;


































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;阻力&lt;/th&gt;&lt;th&gt;典型声音&lt;/th&gt;&lt;th&gt;背后是什么&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;思维惯性&lt;/td&gt;&lt;td&gt;「一直这样做的」&lt;/td&gt;&lt;td&gt;习惯旧方式；改变意味着不确定与风险&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;恐惧心理&lt;/td&gt;&lt;td&gt;「会不会影响我」&lt;/td&gt;&lt;td&gt;可能影响岗位、收入、地位&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;怀疑态度&lt;/td&gt;&lt;td&gt;「又是一阵风」&lt;/td&gt;&lt;td&gt;见过太多「运动」，怀疑这次也吹一阵&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;能力不足&lt;/td&gt;&lt;td&gt;「不知道怎么做」&lt;/td&gt;&lt;td&gt;想改但缺方法与培训&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;利益冲突&lt;/td&gt;&lt;td&gt;「损害我的利益」&lt;/td&gt;&lt;td&gt;触动权力、资源、地位，阻力必然大&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;变革领导八步法（Kotter 模型）&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Step 1：营造紧迫感。&lt;/strong&gt;&lt;br /&gt;
展示市场压力。竞争对手在进步，客户在要求，不变革就会被淘汰。分析竞争态势，和标杆企业对比，找到差距，激发危机感。用数据和案例强调：变革不是选择，是生存。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 2：建立领导联盟。&lt;/strong&gt;&lt;br /&gt;
组建变革团队——不是一个人推，是一个有权力、有影响力、有专业能力的团队推。获得高层支持：资源、权力、背书，缺一不可。跨部门协作，打破部门墙。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 3：制定愿景战略。&lt;/strong&gt;&lt;br /&gt;
清晰的变革愿景：要去哪、变成什么样，要清晰、要激动人心。可行的实施策略：分几步走、每步做什么。阶段性目标：大愿景拆成小里程碑。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 4：沟通变革愿景。&lt;/strong&gt;&lt;br /&gt;
多渠道、高频次传播（会议、培训、海报、内部刊物）。领导以身作则：自己先做到，员工才会信；说一套做一套，变革必败。耐心解答疑虑，消除恐惧。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 5：授权行动。&lt;/strong&gt;&lt;br /&gt;
清除制度、资源、人员障碍。提供资源，不能既要马儿跑、又要马儿不吃草。鼓励大胆尝试新方法，允许试错。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 6：创造短期成果。&lt;/strong&gt;&lt;br /&gt;
先选容易出成果的项目，快速见效。庆祝阶段胜利，增强信心。短期成果是最好的信心增强剂：让怀疑者闭嘴，让支持者更坚定。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 7：巩固成果深化。&lt;/strong&gt;&lt;br /&gt;
短期成果不是终点，是起点。持续改进，扩大范围（从一个区域、一条产线到全公司），从局部优化走到系统优化。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Step 8：固化新文化。&lt;/strong&gt;&lt;br /&gt;
把精益做法写入制度、流程、考核。新员工入职就接受精益培训，精益成为「默认设置」。持续强化，日复一日。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;领导者关键行为&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;以身作则：&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;亲自参与改善。领导不是旁观者，是参与者。&lt;/li&gt;
&lt;li&gt;遵守新标准。自己先遵守，员工才会遵守。&lt;/li&gt;
&lt;li&gt;展示决心。遇到困难，不轻言放弃。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;&lt;strong&gt;持续沟通：&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;解释变革意义。反复解释：为什么要变革？对大家有什么好处？&lt;/li&gt;
&lt;li&gt;倾听员工声音。不能只听好话。&lt;/li&gt;
&lt;li&gt;及时反馈。问题与建议不要石沉大海。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;&lt;strong&gt;耐心坚持：&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;接受反复。变革是螺旋上升，有倒退是正常的。&lt;/li&gt;
&lt;li&gt;长期投入。是马拉松，不是短跑。&lt;/li&gt;
&lt;li&gt;不轻言放弃。遇到困难就放弃，变革必败。坚持，才有胜利。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;变革始于领导，成功在于坚持。精益变革里，领导的决心和坚持，是决定成败的关键。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;来源与交接&lt;/h2&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;项&lt;/th&gt;&lt;th&gt;内容&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;来源&lt;/td&gt;&lt;td&gt;&lt;code&gt;paste-md&lt;/code&gt; · 用户粘贴长文 + 6 张信息图（作者未标注）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;原文 URL&lt;/td&gt;&lt;td&gt;无&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;合并&lt;/td&gt;&lt;td&gt;&lt;strong&gt;新建&lt;/strong&gt;；与人效四层、降本增效分笔记互链，不硬并&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;去重&lt;/td&gt;&lt;td&gt;粘贴含近乎相同的双份 01–06 + 末尾错乱拼接；已只留一份完整正文&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;



















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;旁链&lt;/th&gt;&lt;th&gt;彼篇主线&lt;/th&gt;&lt;th&gt;与本篇边界&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;a href=&quot;/posts/people-efficiency-four-layers/&quot;&gt;人效差，答案多半不在人身上&lt;/a&gt;&lt;/td&gt;&lt;td&gt;人效公式 + 四层对症&lt;/td&gt;&lt;td&gt;彼=人效怎么拆；本=领导角色怎么转身&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;a href=&quot;/posts/cost-efficiency-four-tiers/&quot;&gt;很多公司只会砍成本，高手从省钱走到赚钱&lt;/a&gt;&lt;/td&gt;&lt;td&gt;降本增效四段位 12 法&lt;/td&gt;&lt;td&gt;彼=路径段位；本=精益落地时的领导侧行为&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;</content:encoded></item><item><title>今天这 11 张 GitHub 热榜卡，先看刀口再点星</title><link>https://fork-firefly.vercel.app/posts/github-trending-11-cards-2026-08-10/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/github-trending-11-cards-2026-08-10/</guid><description>当日 GitHub 热榜十一张图卡速览。</description><pubDate>Mon, 10 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;同日另一份开源盘点是六月口径的 17 条，题材近、体裁不同 → 旁链不硬并（待发布）。&lt;/p&gt;
&lt;hr /&gt;
&lt;section&gt;&lt;h2&gt;1 · vitali87/code-graph-rag&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;vitali87/code-graph-rag · 代码图谱读懂大型仓库&quot; loading=&quot;lazy&quot; width=&quot;682&quot; height=&quot;1024&quot; src=&quot;/_astro/cover.fOUkYb0E_Z23Y1OJ.webp&quot; /&gt;&lt;figcaption&gt;vitali87/code-graph-rag · 代码图谱读懂大型仓库&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;用户简介&lt;/strong&gt;：用知识图谱检索大型代码库，改代码前先看清调用关系。&lt;/p&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;项&lt;/th&gt;&lt;th&gt;图面&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;标题&lt;/td&gt;&lt;td&gt;代码图谱 读懂大型仓库&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;语言 / Stars / 今日&lt;/td&gt;&lt;td&gt;Python · &lt;strong&gt;2,981&lt;/strong&gt; · &lt;strong&gt;+96&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;核心概念&lt;/td&gt;&lt;td&gt;Graph RAG for Code&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;页脚金句&lt;/td&gt;&lt;td&gt;先看清代码结构，再让 Agent 动手。&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;strong&gt;特性要点（1–10）&lt;/strong&gt;：多语言解析 · 调用关系 · 符号索引 · 知识图谱 · 单体仓库 · 自然语言查询 · 代码编辑 · Tree-sitter · Memgraph · 权限控制&lt;/p&gt;&lt;p&gt;开源：&lt;a href=&quot;https://github.com/vitali87/code-graph-rag&quot; target=&quot;_blank&quot;&gt;https://github.com/vitali87/code-graph-rag&lt;/a&gt;&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;2 · google-deepmind/weathernext&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;google-deepmind/weathernext · 全球天气开放预测代码&quot; loading=&quot;lazy&quot; width=&quot;682&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-02-02_google-deepmind_weathernext.DCUsPNRZ_ZEHpsH.webp&quot; /&gt;&lt;figcaption&gt;google-deepmind/weathernext · 全球天气开放预测代码&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;用户简介&lt;/strong&gt;：开放全球中期天气与气旋预测代码，并提供每日数据入口。&lt;/p&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;项&lt;/th&gt;&lt;th&gt;图面&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;标题&lt;/td&gt;&lt;td&gt;全球天气开放预测代码&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;语言 / Stars / 今日&lt;/td&gt;&lt;td&gt;Python · &lt;strong&gt;7,085&lt;/strong&gt; · &lt;strong&gt;+86&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;核心概念&lt;/td&gt;&lt;td&gt;WeatherNext 2&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;页脚金句&lt;/td&gt;&lt;td&gt;研究团队可直接获取公开预测数据。&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;strong&gt;特性要点（1–10）&lt;/strong&gt;：全球预报 · 中期预测 · 气旋模型 · 每日数据 · 云端数据 · 研究代码 · 大气模型 · 批量分析 · 算力需求 · 结果校验&lt;/p&gt;&lt;p&gt;开源：&lt;a href=&quot;https://github.com/google-deepmind/weathernext&quot; target=&quot;_blank&quot;&gt;https://github.com/google-deepmind/weathernext&lt;/a&gt;&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;3 · Comfy-Org/ComfyUI&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Comfy-Org/ComfyUI · 图像生成拆成节点流程&quot; loading=&quot;lazy&quot; width=&quot;682&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-03-03_comfy-org_comfyui.CajYqKne_Z1rpyaf.webp&quot; /&gt;&lt;figcaption&gt;Comfy-Org/ComfyUI · 图像生成拆成节点流程&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;用户简介&lt;/strong&gt;：用节点编排图片和视频生成流程，支持复用、批量运行与 API。&lt;/p&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;项&lt;/th&gt;&lt;th&gt;图面&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;标题&lt;/td&gt;&lt;td&gt;图像生成 拆成节点流程&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;语言 / Stars / 今日&lt;/td&gt;&lt;td&gt;Python · &lt;strong&gt;125,515&lt;/strong&gt; · &lt;strong&gt;+365&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;核心概念&lt;/td&gt;&lt;td&gt;Visual AI Workflow&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;页脚金句&lt;/td&gt;&lt;td&gt;节点越多，插件和版本越要管。&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;strong&gt;特性要点（1–10）&lt;/strong&gt;：模型加载 · 节点编排 · 采样控制 · 图像生成 · 视频流程 · 批量运行 · API后端 · 工作流复用 · 插件管理 · 版本锁定&lt;/p&gt;&lt;p&gt;开源：&lt;a href=&quot;https://github.com/Comfy-Org/ComfyUI&quot; target=&quot;_blank&quot;&gt;https://github.com/Comfy-Org/ComfyUI&lt;/a&gt;&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;4 · harveyai/harvey-labs&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;harveyai/harvey-labs · 法律 Agent 开始统一考试&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-04-04_harveyai_harvey-labs.CJdpDT_M_Z2kVR9K.webp&quot; /&gt;&lt;figcaption&gt;harveyai/harvey-labs · 法律 Agent 开始统一考试&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;用户简介&lt;/strong&gt;：用真实任务、文档和评分规则测试法律 Agent 的交付能力。&lt;/p&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;项&lt;/th&gt;&lt;th&gt;图面&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;标题&lt;/td&gt;&lt;td&gt;法律 Agent 开始统一考试&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;语言 / Stars / 今日&lt;/td&gt;&lt;td&gt;Python · &lt;strong&gt;826&lt;/strong&gt; · &lt;strong&gt;+47&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;核心概念&lt;/td&gt;&lt;td&gt;Legal Agent Benchmark&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;页脚金句&lt;/td&gt;&lt;td&gt;评测能力，不替代法律责任。&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;strong&gt;特性要点（1–10）&lt;/strong&gt;：真实任务 · 法律文档 · 评分规则 · 执行框架 · 检索测试 · 推理测试 · 交付评估 · 任务数据 · 结果复核 · 保密边界&lt;/p&gt;&lt;p&gt;开源：&lt;a href=&quot;https://github.com/harveyai/harvey-labs&quot; target=&quot;_blank&quot;&gt;https://github.com/harveyai/harvey-labs&lt;/a&gt;&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;5 · PrimeIntellect-ai/prime-agent&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;PrimeIntellect-ai/prime-agent · 长任务 Agent 学会续跑&quot; loading=&quot;lazy&quot; width=&quot;682&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-05-05_primeintellect-ai_prime-agent.bVu_R87T_Wn808.webp&quot; /&gt;&lt;figcaption&gt;PrimeIntellect-ai/prime-agent · 长任务 Agent 学会续跑&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;用户简介&lt;/strong&gt;：让编码 Agent 用持久 REPL、记忆和子任务续跑长任务。&lt;/p&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;项&lt;/th&gt;&lt;th&gt;图面&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;标题&lt;/td&gt;&lt;td&gt;长任务 Agent 学会续跑&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;语言 / Stars / 今日&lt;/td&gt;&lt;td&gt;TypeScript · &lt;strong&gt;11,072&lt;/strong&gt; · &lt;strong&gt;+2,356&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;核心概念&lt;/td&gt;&lt;td&gt;Persistent RLM Agent&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;页脚金句&lt;/td&gt;&lt;td&gt;任务越长，越需要检查点和人工确认。&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;strong&gt;特性要点（1–10）&lt;/strong&gt;：持久REPL · 上下文变量 · 递归调用 · 子任务拆分 · 长期记忆 · 编码任务 · 研究任务 · 检查点 · 成本控制 · 权限边界&lt;/p&gt;&lt;p&gt;开源：&lt;a href=&quot;https://github.com/PrimeIntellect-ai/prime-agent&quot; target=&quot;_blank&quot;&gt;https://github.com/PrimeIntellect-ai/prime-agent&lt;/a&gt;&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;6 · pranshuparmar/witr&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;pranshuparmar/witr · 幽灵进程谁启动的&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-06-06_pranshuparmar_witr.DB8DRCQ7_HYMzc.webp&quot; /&gt;&lt;figcaption&gt;pranshuparmar/witr · 幽灵进程谁启动的&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;用户简介&lt;/strong&gt;：从进程、端口、容器或文件追到完整启动链。&lt;/p&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;项&lt;/th&gt;&lt;th&gt;图面&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;标题&lt;/td&gt;&lt;td&gt;幽灵进程，谁启动的？&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;语言 / Stars / 今日&lt;/td&gt;&lt;td&gt;Go · &lt;strong&gt;20,652&lt;/strong&gt; · &lt;strong&gt;+210&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;核心概念&lt;/td&gt;&lt;td&gt;Process Origin Tracer&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;页脚金句&lt;/td&gt;&lt;td&gt;把启动链摆出来，少猜半小时。&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;strong&gt;特性要点（1–10）&lt;/strong&gt;：进程追踪 · 端口定位 · 容器溯源 · 文件关联 · 启动链路 · CLI 查询 · 交互 TUI · JSON 输出 · 系统排障 · 权限检查&lt;/p&gt;&lt;p&gt;开源：&lt;a href=&quot;https://github.com/pranshuparmar/witr&quot; target=&quot;_blank&quot;&gt;https://github.com/pranshuparmar/witr&lt;/a&gt;&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;7 · addyosmani/agent-skills&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;addyosmani/agent-skills · 工程经验装进技能包&quot; loading=&quot;lazy&quot; width=&quot;682&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-07-07_addyosmani_agent-skills.BYEsoT2i_ZxUdFK.webp&quot; /&gt;&lt;figcaption&gt;addyosmani/agent-skills · 工程经验装进技能包&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;用户简介&lt;/strong&gt;：把规格、测试、审查等工程步骤封装成编码 Agent 技能。&lt;/p&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;项&lt;/th&gt;&lt;th&gt;图面&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;标题&lt;/td&gt;&lt;td&gt;工程经验装进技能包&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;语言 / Stars / 今日&lt;/td&gt;&lt;td&gt;JavaScript · &lt;strong&gt;85,136&lt;/strong&gt; · &lt;strong&gt;+680&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;核心概念&lt;/td&gt;&lt;td&gt;Production Agent Skills&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;页脚金句&lt;/td&gt;&lt;td&gt;装技能前，先审命令和权限。&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;strong&gt;特性要点（1–10）&lt;/strong&gt;：规格编写 · 任务计划 · 代码构建 · 自动测试 · 代码审查 · 简化重构 · 质量门槛 · 命令封装 · 流程复用 · 安全审计&lt;/p&gt;&lt;p&gt;开源：&lt;a href=&quot;https://github.com/addyosmani/agent-skills&quot; target=&quot;_blank&quot;&gt;https://github.com/addyosmani/agent-skills&lt;/a&gt;&lt;/p&gt;&lt;p&gt;Skills 分层与装机清单另见旁链 MCP/Skills/CLI、Claude Code 十大 Skill——本篇只记热榜条目。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;8 · ZhuLinsen/daily_stock_analysis&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;ZhuLinsen/daily_stock_analysis · 多市场行情自动做日报&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-08-08_zhulinsen_daily_stock_analysis.DrUAlN4t_Z29iEvO.webp&quot; /&gt;&lt;figcaption&gt;ZhuLinsen/daily_stock_analysis · 多市场行情自动做日报&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;用户简介&lt;/strong&gt;：汇总多市场行情与新闻，定时生成自选股信息面板。&lt;/p&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;项&lt;/th&gt;&lt;th&gt;图面&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;标题&lt;/td&gt;&lt;td&gt;多市场行情 自动做日报&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;语言 / Stars / 今日&lt;/td&gt;&lt;td&gt;Python · &lt;strong&gt;61,188&lt;/strong&gt; · &lt;strong&gt;+306&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;核心概念&lt;/td&gt;&lt;td&gt;Market Research Dashboard（多市场数据聚合分析）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;页脚金句&lt;/td&gt;&lt;td&gt;信息面板可以自动，交易决策不能外包。&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;strong&gt;特性要点（1–10）&lt;/strong&gt;：多市场行情 · 新闻汇总 · 自选股 · 定时分析 · 报告推送 · 企业微信 · 飞书通知 · 邮件提醒 · 风险提示 · 人工复核&lt;/p&gt;&lt;p&gt;开源：&lt;a href=&quot;https://github.com/ZhuLinsen/daily_stock_analysis&quot; target=&quot;_blank&quot;&gt;https://github.com/ZhuLinsen/daily_stock_analysis&lt;/a&gt;&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;9 · goauthentik/authentik&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;goauthentik/authentik · 一套登录接管内部应用&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-09-09_goauthentik_authentik.CdBxxIjG_1CdDpq.webp&quot; /&gt;&lt;figcaption&gt;goauthentik/authentik · 一套登录接管内部应用&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;用户简介&lt;/strong&gt;：自托管身份服务，统一接入 SAML、OIDC、LDAP 和 RADIUS。&lt;/p&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;项&lt;/th&gt;&lt;th&gt;图面&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;标题&lt;/td&gt;&lt;td&gt;一套登录，接管内部应用。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;语言 / Stars / 今日&lt;/td&gt;&lt;td&gt;Python · &lt;strong&gt;24,272&lt;/strong&gt; · &lt;strong&gt;+310&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;核心概念&lt;/td&gt;&lt;td&gt;Self-hosted Identity&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;页脚金句&lt;/td&gt;&lt;td&gt;身份系统要先做好灾备&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;strong&gt;特性要点（1–10）&lt;/strong&gt;：单点登录 · SAML · OAuth OIDC · LDAP · RADIUS · 应用接入 · 目录同步 · 权限管理 · 备份恢复 · 高可用&lt;/p&gt;&lt;p&gt;开源：&lt;a href=&quot;https://github.com/goauthentik/authentik&quot; target=&quot;_blank&quot;&gt;https://github.com/goauthentik/authentik&lt;/a&gt;&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;10 · google/skills&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;google/skills · 云端操作写成 Agent 技能&quot; loading=&quot;lazy&quot; width=&quot;682&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-10-10_google_skills.BhXJO1fd_ZQ8itT.webp&quot; /&gt;&lt;figcaption&gt;google/skills · 云端操作写成 Agent 技能&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;用户简介&lt;/strong&gt;：提供 Google Cloud、GKE、BigQuery 与 Gemini 等官方操作技能。&lt;/p&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;项&lt;/th&gt;&lt;th&gt;图面&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;标题&lt;/td&gt;&lt;td&gt;云端操作 写成 Agent 技能&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;语言 / Stars / 今日&lt;/td&gt;&lt;td&gt;Python · &lt;strong&gt;17,221&lt;/strong&gt; · &lt;strong&gt;+528&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;核心概念&lt;/td&gt;&lt;td&gt;Cloud Agent Skills&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;页脚金句&lt;/td&gt;&lt;td&gt;执行云命令前，核对账号、区域和费用。&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;strong&gt;特性要点（1–10）&lt;/strong&gt;：云端认证 · GKE操作 · BigQuery · Gemini API · Agent平台 · 模型部署 · 数据分析 · 故障排查 · 区域核对 · 费用权限&lt;/p&gt;&lt;p&gt;开源：&lt;a href=&quot;https://github.com/google/skills&quot; target=&quot;_blank&quot;&gt;https://github.com/google/skills&lt;/a&gt;&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;11 · pingdotgg/t3code&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;pingdotgg/t3code · 多个编码 Agent 一个控制台&quot; loading=&quot;lazy&quot; width=&quot;682&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-11-11_pingdotgg_t3code.C0ire6hR_Z35ndx.webp&quot; /&gt;&lt;figcaption&gt;pingdotgg/t3code · 多个编码 Agent 一个控制台&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;用户简介&lt;/strong&gt;：用桌面、网页和手机统一控制本机多个编码 Agent。&lt;/p&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;项&lt;/th&gt;&lt;th&gt;图面&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;标题&lt;/td&gt;&lt;td&gt;多个编码 Agent, 一个控制台。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;语言 / Stars / 今日&lt;/td&gt;&lt;td&gt;TypeScript · &lt;strong&gt;17,656&lt;/strong&gt; · &lt;strong&gt;+163&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;核心概念&lt;/td&gt;&lt;td&gt;Agent Control Surface&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;页脚金句&lt;/td&gt;&lt;td&gt;远程入口方便，也要守住本机终端。&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;strong&gt;特性要点（1–10）&lt;/strong&gt;：桌面控制 · 网页控制 · 手机远程 · 多会话 · Codex接入 · Claude接入 · Cursor接入 · 权限模式 · 凭据保护 · 远程安全&lt;/p&gt;&lt;p&gt;开源：&lt;a href=&quot;https://github.com/pingdotgg/t3code&quot; target=&quot;_blank&quot;&gt;https://github.com/pingdotgg/t3code&lt;/a&gt;&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;这波里先戳哪几个&lt;/h2&gt;&lt;p&gt;热度噪声大时，按「你会不会立刻用上」筛：&lt;/p&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;场景&lt;/th&gt;&lt;th&gt;优先看&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;大仓改代码前要摸调用图&lt;/td&gt;&lt;td&gt;#1 code-graph-rag&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;长任务怕断、要检查点续跑&lt;/td&gt;&lt;td&gt;#5 prime-agent（今日 +2,356，噪点也最大）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;排障「这进程谁起的」&lt;/td&gt;&lt;td&gt;#6 witr&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;装 Agent Skill 前审权限&lt;/td&gt;&lt;td&gt;#7 agent-skills · #10 google/skills&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;多 Agent 统一控台还要守本机&lt;/td&gt;&lt;td&gt;#11 t3code&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;法律评测（#4）与身份灾备（#9）的页脚都在泼冷水：评测替代不了责任，登录系统先把备份做好。行情日报（#8）同理——面板可以自动，下单不能外包。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;相关笔记（旁链，不合并）&lt;/h2&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;旁链&lt;/th&gt;&lt;th&gt;它管啥&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;六月 GitHub 开源 17 个口径（待发布）&lt;/td&gt;&lt;td&gt;月份盘点，不是这日热榜卡&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;a href=&quot;/posts/mcp-skills-cli-relationship/&quot;&gt;MCP / Skills / CLI&lt;/a&gt;&lt;/td&gt;&lt;td&gt;能力入口分层&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Claude Code 自动化十大 Skill（待发布）&lt;/td&gt;&lt;td&gt;装机向清单&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Skills 文件结构七目录（待发布）&lt;/td&gt;&lt;td&gt;目录结构，不是日榜条目&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;脚注&lt;/h2&gt;&lt;p&gt;¹ 第 8 条：用户简介「自选股信息面板」与图面主标题「自动做日报」口径略异；页脚金句仍写「信息面板可以自动…」，两边并录。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>瑞士网格那一套：国际主义风格五条原则</title><link>https://fork-firefly.vercel.app/posts/international-style-graphic-design-081/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/international-style-graphic-design-081/</guid><description>国际主义风格平面设计要点与示例，081 这一套。</description><pubDate>Mon, 10 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;国际主义风格（International Typographic Style），也就是常说的瑞士风格。网格、无衬线、形式服从功能、黑白灰加几何色块——这套语言一旦上手，信息会排得极清楚；代价是谁都会用，海报看起来也容易撞车。&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;081 国际主义风格｜系列封面&quot; loading=&quot;lazy&quot; width=&quot;765&quot; height=&quot;1024&quot; src=&quot;/_astro/cover.CMZboW2-_Z21HlgS.webp&quot; /&gt;&lt;figcaption&gt;081 国际主义风格｜系列封面&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;p&gt;封面直接戏仿了瑞士杂志 &lt;em&gt;werk&lt;/em&gt; 1960 年 10 月刊的版式语言：红底、建筑网格照片、大号无衬线刊名。系列期号钉在 &lt;strong&gt;vol.081&lt;/strong&gt;。&lt;/p&gt;
&lt;p&gt;网格不是装饰线。Josef Müller-Brockmann 那句被反复引用的话——&lt;em&gt;same size margins never make an interesting page&lt;/em&gt;——说的是：等宽页边不等于好版面，真正有趣的页来自严格又敢用的网格。&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;网格示意｜same size margins never make an interesting page&quot; loading=&quot;lazy&quot; width=&quot;735&quot; height=&quot;992&quot; src=&quot;/_astro/fig-02-02-grid-same-size-margins.BlYCfQGe_Z1KMjk.webp&quot; /&gt;&lt;figcaption&gt;网格示意｜same size margins never make an interesting page&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;hr /&gt;
&lt;section&gt;&lt;h2&gt;01 · 严格网格系统排版&lt;/h2&gt;&lt;p&gt;把画面切成可计算的栏与行，字、图、色块都贴着轴线落位。信息不靠「感觉摆」，靠对齐关系自己长出秩序。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;五栏网格｜Stockholm School of Entrepreneurship&quot; loading=&quot;lazy&quot; width=&quot;650&quot; height=&quot;910&quot; src=&quot;/_astro/fig-03-03-sses-five-columns.Bi378DW5_Zw3JjF.webp&quot; /&gt;&lt;figcaption&gt;五栏网格｜Stockholm School of Entrepreneurship&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;苏黎世歌剧院开季海报｜Opernhaus Zürich 1965/66&quot; loading=&quot;lazy&quot; width=&quot;563&quot; height=&quot;800&quot; src=&quot;/_astro/fig-05-05-opernhaus-zurich-1965.T5ovojJe_Z7gI4K.webp&quot; /&gt;&lt;figcaption&gt;苏黎世歌剧院开季海报｜Opernhaus Zürich 1965/66&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;NYA SLAKTHUSOMRÅDET｜2022 纯文字网格海报&quot; loading=&quot;lazy&quot; width=&quot;553&quot; height=&quot;778&quot; src=&quot;/_astro/fig-13-13-nya-slakthusomradet-2022.BAz1w1mh_vxehF.webp&quot; /&gt;&lt;figcaption&gt;NYA SLAKTHUSOMRÅDET｜2022 纯文字网格海报&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;BERLIN｜Gewerbemuseum Basel 1963&quot; loading=&quot;lazy&quot; width=&quot;728&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-14-14-berlin-gewerbemuseum-basel-1963.Bc7olMV3_ZTc0Lf.webp&quot; /&gt;&lt;figcaption&gt;BERLIN｜Gewerbemuseum Basel 1963&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;02 · 推崇无衬线字体&lt;/h2&gt;&lt;p&gt;Akzidenz-Grotesk、Helvetica、Univers 这一路：笔画均匀、字腔开放、少装饰。字本身尽量不抢戏，让层级靠字号、字重、位置说话。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;CINE FRAMED｜无衬线大标题压灰阶底&quot; loading=&quot;lazy&quot; width=&quot;724&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-07-07-cine-framed.BLDt2V2y_23uL2Q.webp&quot; /&gt;&lt;figcaption&gt;CINE FRAMED｜无衬线大标题压灰阶底&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;TEXTBAU / S AM № 13｜黑底白字双语块&quot; loading=&quot;lazy&quot; width=&quot;750&quot; height=&quot;1000&quot; src=&quot;/_astro/fig-08-08-textbau-sam-no13.BNtHtnZ3_Z1A2I0t.webp&quot; /&gt;&lt;figcaption&gt;TEXTBAU / S AM № 13｜黑底白字双语块&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;m. i.a.｜Melody Dance Center 1986&quot; loading=&quot;lazy&quot; width=&quot;716&quot; height=&quot;1008&quot; src=&quot;/_astro/fig-12-12-mia-melody-dance-1986.D_etdrEd_1W6No4.webp&quot; /&gt;&lt;figcaption&gt;m. i.a.｜Melody Dance Center 1986&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;The School of Life｜2015 活动日程海报&quot; loading=&quot;lazy&quot; width=&quot;310&quot; height=&quot;439&quot; src=&quot;/_astro/fig-24-24-the-school-of-life.T7rmLZQK_Z1yHzi2.webp&quot; /&gt;&lt;figcaption&gt;The School of Life｜2015 活动日程海报&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;de dood is blind / gilgamesj｜2005&quot; loading=&quot;lazy&quot; width=&quot;277&quot; height=&quot;391&quot; src=&quot;/_astro/fig-25-25-de-dood-is-blind-gilgamesj.DK0aR8p1_ZeNGut.webp&quot; /&gt;&lt;figcaption&gt;de dood is blind / gilgamesj｜2005&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;03 · 极简视觉，形式追随功能&lt;/h2&gt;&lt;p&gt;能删的装饰先删。版面存在的理由是把事说清楚：日期、人名、价格、换算表——功能在前，样子跟在后面。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Metric Conversion Poster｜信息即图形&quot; loading=&quot;lazy&quot; width=&quot;564&quot; height=&quot;797&quot; src=&quot;/_astro/fig-06-06-metric-conversion-poster.BDjBAmvF_hBwPc.webp&quot; /&gt;&lt;figcaption&gt;Metric Conversion Poster｜信息即图形&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;032c 1st issue｜Berlin Winter 2000/2001&quot; loading=&quot;lazy&quot; width=&quot;757&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-16-16-032c-1st-issue.DNkjjTlL_ZVEoJA.webp&quot; /&gt;&lt;figcaption&gt;032c 1st issue｜Berlin Winter 2000/2001&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;LA FRANCE UNIE EST EN MARCHE｜Mitterrand 1988&quot; loading=&quot;lazy&quot; width=&quot;513&quot; height=&quot;731&quot; src=&quot;/_astro/fig-04-04-mitterrand-la-france-unie-1988.D66A7lLF_ZbXEV2.webp&quot; /&gt;&lt;figcaption&gt;LA FRANCE UNIE EST EN MARCHE｜Mitterrand 1988&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;04 · 客观视觉要素，对比建层级&lt;/h2&gt;&lt;p&gt;照片倾向客观、少修饰；层级靠大小、黑白、疏密、对齐，而不是花边和渐变。字和图被当成同一套几何零件来拼。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Museum Kranenburgh · Jaap Mooy｜2018&quot; loading=&quot;lazy&quot; width=&quot;565&quot; height=&quot;800&quot; src=&quot;/_astro/fig-09-09-museum-kranenburgh-jaap-mooy.xncl1jDF_Zxq5a6.webp&quot; /&gt;&lt;figcaption&gt;Museum Kranenburgh · Jaap Mooy｜2018&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Cosmin Bumbut / Laura Armeanu｜Bucharest&quot; loading=&quot;lazy&quot; width=&quot;723&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-10-10-bumbut-armanu-bucharest.X0XDCT7e_ZC3ext.webp&quot; /&gt;&lt;figcaption&gt;Cosmin Bumbut / Laura Armeanu｜Bucharest&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Galeria Azur Berlin · SESSION 05｜2024&quot; loading=&quot;lazy&quot; width=&quot;736&quot; height=&quot;920&quot; src=&quot;/_astro/fig-11-11-galeria-azur-berlin-session05.DvuAPTYQ_Z2kKRSC.webp&quot; /&gt;&lt;figcaption&gt;Galeria Azur Berlin · SESSION 05｜2024&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;SPEND THE NIGHT / Secondnature Showcase&quot; loading=&quot;lazy&quot; width=&quot;700&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-15-15-spend-the-night-secondnature.CuNpv0Au_Z1XXyD7.webp&quot; /&gt;&lt;figcaption&gt;SPEND THE NIGHT / Secondnature Showcase&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Giselle｜Armin Hofmann 1959&quot; loading=&quot;lazy&quot; width=&quot;725&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-27-27-giselle-armin-hofmann-1959.C5JkisRj_ZbQb8j.webp&quot; /&gt;&lt;figcaption&gt;Giselle｜Armin Hofmann 1959&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;Hofmann 这张 &lt;em&gt;Giselle&lt;/em&gt;：竖排大字 + 运动模糊的舞者照片，几乎把「客观摄影当色块」写进教科书。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;05 · 极强通用性，也容易刻板&lt;/h2&gt;&lt;p&gt;博物馆征集、奥运会申办、杂志创刊号、剧场季、独立活动——同一套语法都能套。这是它厉害的地方，也是它闷的地方：人人网格 + Helvetica，辨识度会被冲淡。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Achiziții MNAC 2022&quot; loading=&quot;lazy&quot; width=&quot;540&quot; height=&quot;756&quot; src=&quot;/_astro/fig-17-17-mnac-achizitii-2022.BlMbR9AB_1Q7wzh.webp&quot; /&gt;&lt;figcaption&gt;Achiziții MNAC 2022&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Tabya n1&quot; loading=&quot;lazy&quot; width=&quot;595&quot; height=&quot;842&quot; src=&quot;/_astro/fig-18-18-tabya-n1.BRnTouhU_Z1iDNPq.webp&quot; /&gt;&lt;figcaption&gt;Tabya n1&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;MC Maria Canals 53&quot; loading=&quot;lazy&quot; width=&quot;721&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-19-19-mc-maria-canals-53.C_iyT5Ny_pIIMe.webp&quot; /&gt;&lt;figcaption&gt;MC Maria Canals 53&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Denver 76｜冬奥申办海报&quot; loading=&quot;lazy&quot; width=&quot;699&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-20-20-denver-76-olympics.CQo11Yj6_1uIEmy.webp&quot; /&gt;&lt;figcaption&gt;Denver 76｜冬奥申办海报&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Steal / steel&quot; loading=&quot;lazy&quot; width=&quot;736&quot; height=&quot;920&quot; src=&quot;/_astro/fig-21-21-steal-steel.Bu1iqsPh_10mGOt.webp&quot; /&gt;&lt;figcaption&gt;Steal / steel&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;SIT BACK AND ENJOY THE CRISIS｜当代延用&quot; loading=&quot;lazy&quot; width=&quot;542&quot; height=&quot;766&quot; src=&quot;/_astro/fig-28-28-sit-back-and-enjoy-the-crisis.B8yYGoAb_27WClb.webp&quot; /&gt;&lt;figcaption&gt;SIT BACK AND ENJOY THE CRISIS｜当代延用&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;学这套时，先把「清楚」练稳；真要做出辨识度，得在网格内部找非常规切口（字阶跳跃、摄影裁切、单一强调色），而不是再堆装饰。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;四段史：从萌芽到被后现代冲，网格原则还在&lt;/h2&gt;





























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;阶段&lt;/th&gt;&lt;th&gt;大致时间&lt;/th&gt;&lt;th&gt;带走什么&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;萌芽&lt;/td&gt;&lt;td&gt;1920s 前后&lt;/td&gt;&lt;td&gt;包豪斯、俄国构成主义、荷兰风格派：几何、功能、去掉多余装饰&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;形成&lt;/td&gt;&lt;td&gt;1940–50s&lt;/td&gt;&lt;td&gt;瑞士设计学校与实践者（如 Müller-Brockmann 等）把网格与无衬线体系化&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;鼎盛&lt;/td&gt;&lt;td&gt;1960–70s&lt;/td&gt;&lt;td&gt;机构、杂志、公共信息大规模采用；国际传播把「瑞士」做成通用语&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;革新&lt;/td&gt;&lt;td&gt;1980s 起&lt;/td&gt;&lt;td&gt;后现代冲击对称与冷感，风格不再「唯一正解」；网格/层级原则却渗进日常 UI 与品牌系统&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Neues Bauen 1928｜Kunstgewerbemuseum Zürich（萌芽侧样本）&quot; loading=&quot;lazy&quot; width=&quot;733&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-23-23-neues-bauen-1928.BJ8-dZfI_Zs0FmG.webp&quot; /&gt;&lt;figcaption&gt;Neues Bauen 1928｜Kunstgewerbemuseum Zürich（萌芽侧样本）&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Die Neue Grafik Design｜黄底运动谱系卡&quot; loading=&quot;lazy&quot; width=&quot;736&quot; height=&quot;1012&quot; src=&quot;/_astro/fig-26-26-die-neue-grafik-design.CLwcTIsp_ZVFz1f.webp&quot; /&gt;&lt;figcaption&gt;Die Neue Grafik Design｜黄底运动谱系卡&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;werk 10 · Oktober 1960｜鼎盛期杂志封面&quot; loading=&quot;lazy&quot; width=&quot;769&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-22-22-werk-10-oktober-1960.CSPX5iED_1mLS5p.webp&quot; /&gt;&lt;figcaption&gt;werk 10 · Oktober 1960｜鼎盛期杂志封面&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;黄底那张把 Bauhaus、Swiss Modernism、International Typographic Style、Constructivism 串在同一信息架构里——本身就是用瑞士语法讲瑞士史。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>展览海报是第一张名片：九种版式怎么各自说话</title><link>https://fork-firefly.vercel.app/posts/art-exhibition-poster-layouts/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/art-exhibition-poster-layouts/</guid><description>艺术展览海报的多种版式表达，对照着抄结构。</description><pubDate>Mon, 10 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;进美术馆之前，多数人先撞上的是海报——门口、朋友圈、地铁灯箱。海报不是说明书附件，是展览递出去的第一张名片：三秒里要让人感到「这展大概什么调性」。&lt;/p&gt;
&lt;p&gt;下面按图鉴拆九种版式思路。首图是九宫格总览；后文一张一张对着单海报看。图上可见的展名 / 机构名照录，未见署名的不硬补作者。&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;九种展览海报版式｜九宫格总览&quot; loading=&quot;lazy&quot; width=&quot;722&quot; height=&quot;1024&quot; src=&quot;/_astro/cover.Cp5QJZ8y_ZC7Pf1.webp&quot; /&gt;&lt;figcaption&gt;九种展览海报版式｜九宫格总览&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;p&gt;九格并排放，差异一眼就出来：有的靠赛博标注拆主体，有的靠书法叠层，有的干脆把场地画成地图。招数不同，但每张都在回答同一件事——&lt;strong&gt;这张脸，配不配得上这场展&lt;/strong&gt;。&lt;/p&gt;
&lt;hr /&gt;
&lt;section&gt;&lt;h2&gt;1. 光影数字艺术展 —— 赛博拼贴解构&lt;/h2&gt;&lt;p&gt;主视觉是机械感人像侧脸，红线框、测量线、英文标注（Seed Signal、Veins Developed 一类）把主体拆成「可分析的零件」。右上 condensed 衬线英标题 &lt;em&gt;The Future Has Arrived&lt;/em&gt;，中文副题「光影数字艺术展」压在下面；日期 12/14、地点「未来艺术馆」用大号数字钉住信息层。&lt;/p&gt;&lt;p&gt;适合数字艺术、科技向个展：信息密度高，但不靠堆特效，靠&lt;strong&gt;解构标注&lt;/strong&gt;把「未来感」落到版式上。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;光影数字艺术展｜赛博拼贴解构&quot; loading=&quot;lazy&quot; width=&quot;480&quot; height=&quot;696&quot; src=&quot;/_astro/fig-02-01.BVF3b1eM_Fa5Su.webp&quot; /&gt;&lt;figcaption&gt;光影数字艺术展｜赛博拼贴解构&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;2. 《万木正春》毕业展 —— 书法叠层&lt;/h2&gt;&lt;p&gt;上半段留白清爽：英文字母标题 COLLEGE OF ART AND DESIGN GRADUATION EXHIBITION 与竖排中文机构信息并列；下半段绿底上，「万木正春」大字用淡墨/淡彩底笔触 + 实笔黑字叠两层，字既是标题也是主视觉。&lt;/p&gt;&lt;p&gt;毕业展常见两难：要学院信息完整，又要有作品气质。书法叠层把「写」本身做成展品语言，信息栏退到上下边缘，不抢笔势。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;万木正春｜书法叠层&quot; loading=&quot;lazy&quot; width=&quot;480&quot; height=&quot;679&quot; src=&quot;/_astro/fig-03-02.DgMIHSFQ_wObPF.webp&quot; /&gt;&lt;figcaption&gt;万木正春｜书法叠层&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;3. 山谷 art 艺术节 —— 扁平手绘地图&lt;/h2&gt;&lt;p&gt;灰底大面积留白，底部红 / 绿 / 蓝 / 橙色块拼成山形「地图」；活动名沿山脊曲线走（摄影季、海报展、热气球、山中集市……）。上方「山谷art艺术节」+ BRING ART CLOSER TO LIFE，热气球和帐篷当图标锚点。&lt;/p&gt;&lt;p&gt;户外艺术节、市集、驻地项目吃这套：海报同时是&lt;strong&gt;导览缩略图&lt;/strong&gt;，读者扫一眼就知道「去了能玩什么」。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;山谷 art 艺术节｜扁平手绘地图&quot; loading=&quot;lazy&quot; width=&quot;480&quot; height=&quot;640&quot; src=&quot;/_astro/fig-04-03--art.Clx7qd3y_Z1pYPIp.webp&quot; /&gt;&lt;figcaption&gt;山谷 art 艺术节｜扁平手绘地图&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;4. 《如来如去》—— 肌理油画底 + 竖向错落&lt;/h2&gt;&lt;p&gt;整张几乎是暗色油画肌理底。白字竖排错落：右侧大字「如来如去」带横向残影/快门感，旁侧 &lt;em&gt;Tathāgata&lt;/em&gt;、展名「金耕「上海」作品展」等竖栏并置；日期 08 13 —— 09 04 顶左放大。图上可见策展人单增、管午画廊（XU GALLERY）等落款。&lt;/p&gt;&lt;p&gt;当代绘画个展常用这招：&lt;strong&gt;让画面材质当版式底&lt;/strong&gt;，字只做层叠阅读路径，少画框感、多作品感。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;如来如去｜肌理油画底 + 竖向错落&quot; loading=&quot;lazy&quot; width=&quot;480&quot; height=&quot;679&quot; src=&quot;/_astro/fig-05-04.Db17kntV_ZIrI2e.webp&quot; /&gt;&lt;figcaption&gt;如来如去｜肌理油画底 + 竖向错落&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;5. 东方美学 —— 国风扁平 + 八角窗&lt;/h2&gt;&lt;p&gt;米色底，中央浅蓝八角窗框住扁平盆景松与远山；标题「东方美学」上方拼音 DONG FANG MEI XUE，周围散落「中式美学」「经典之作」等标签框，底栏日期 2025.07.20。&lt;/p&gt;&lt;p&gt;新中式活动海报的稳妥配方：传统窗棂当取景器，插画保持扁平，信息用气泡/色带点缀——文化符号在，但不堕成仿古描红。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;东方美学｜国风扁平 + 八角窗&quot; loading=&quot;lazy&quot; width=&quot;480&quot; height=&quot;678&quot; src=&quot;/_astro/fig-06-05.5Ji8-dnS_2vF5fK.webp&quot; /&gt;&lt;figcaption&gt;东方美学｜国风扁平 + 八角窗&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;6. 《无象之境》—— 图文上下分割&lt;/h2&gt;&lt;p&gt;上半灰底纯文字：大写 EXHIBITION、当代艺术展、主标题「无象之境」、地址与日期 2024.05.20；下半整幅风景油画出血，水色微微渗进上栏，软接缝。底缘可见指导 / 出品单位字样。&lt;/p&gt;&lt;p&gt;最「博物馆官网」的一种：信息区干净、作品区完整。适合作品本身够强、不必再用花活抢戏的当代展。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;无象之境｜图文上下分割&quot; loading=&quot;lazy&quot; width=&quot;480&quot; height=&quot;679&quot; src=&quot;/_astro/fig-07-06.XeRT5W6G_1vcW11.webp&quot; /&gt;&lt;figcaption&gt;无象之境｜图文上下分割&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;7. 古代美术文物展 —— 传统东方竖排&lt;/h2&gt;&lt;p&gt;仿旧纸底，隐约草书纹理；中部横窗嵌山水画，右侧竖排大字「古代／美術」，英文 ANCIENT ART EXHIBITION 竖红细字陪跑；底部日期与馆方信息横排收束。&lt;/p&gt;&lt;p&gt;文物展、书画文献展的经典站位：竖排扛文化重量，横窗当「展柜切片」，现代信息落在底栏，古今分层清楚。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;古代美术文物展｜传统东方竖排&quot; loading=&quot;lazy&quot; width=&quot;480&quot; height=&quot;679&quot; src=&quot;/_astro/fig-08-07.CDW3deW0_Z29W5li.webp&quot; /&gt;&lt;figcaption&gt;古代美术文物展｜传统东方竖排&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;8. 黑白艺术展 —— 横向材质拼贴&lt;/h2&gt;&lt;p&gt;浅灰底，中上一条由十余根高低不一的竖条拼成的材质带（大理石、植物纹、网点、几何……）；其下居中大字「藝術展」+ 拼音，再下一则英文短引谈材料与诗意。顶栏日期地点、底栏分区与名单用网格收纳。&lt;/p&gt;&lt;p&gt;严格黑白 + 横向材质节奏，气质接近网格系统那一路——偏理性、偏「国际印刷品」。和瑞士国际主义同场时可对照看，&lt;strong&gt;主题仍是展览名片，不是网格教科书&lt;/strong&gt;，勿硬并。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;黑白艺术展｜横向材质拼贴&quot; loading=&quot;lazy&quot; width=&quot;480&quot; height=&quot;722&quot; src=&quot;/_astro/fig-09-08.C1evfREk_1YTagd.webp&quot; /&gt;&lt;figcaption&gt;黑白艺术展｜横向材质拼贴&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;9. 创意毕设展 —— 几何字体构成&lt;/h2&gt;&lt;p&gt;浅冷蓝底，半透明圆与几何块叠出「设 / 计」结构感；「毕设」「创意」「展」字号层级拉开，字本身就是图形。日期、院校、专业列表、二维码贴在边缘，不进主形。&lt;/p&gt;&lt;p&gt;设计类毕业联展常见选择：用字体构成宣告「我们在做设计」，比再贴一张作品拼贴更干净。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;创意毕设展｜几何字体构成&quot; loading=&quot;lazy&quot; width=&quot;480&quot; height=&quot;649&quot; src=&quot;/_astro/fig-10-09.m19dvyUo_39P0M.webp&quot; /&gt;&lt;figcaption&gt;创意毕设展｜几何字体构成&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;没有标准答案，调性统一就够&lt;/h2&gt;&lt;p&gt;九种招式并不是九道必背公式。赛博解构配数字展、书法叠层配学院毕业展、手绘地图配山谷艺术节——成立的原因都是&lt;strong&gt;版式调性跟展览主题咬合&lt;/strong&gt;。&lt;/p&gt;&lt;p&gt;反过来也成立：把八角窗硬套进赛博数字展，或把材质拼贴条塞进山水文物展，招式再漂亮也像穿错衣服。&lt;/p&gt;&lt;p&gt;审美积累记这一句就够：先问这场展要递出去什么脾气，再选版式语言；统一服务于主题，比堆技巧安全。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>AI 大模型应用开发：Python 库八区地图</title><link>https://fork-firefly.vercel.app/posts/llm-python-libs-map/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/llm-python-libs-map/</guid><description>大模型应用开发常用 Python 库地图，按层找轮子。</description><pubDate>Mon, 10 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;有人问：&lt;strong&gt;AI 大模型应用开发，需要学哪些 Python 库？&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;不必一次全啃。下面这张八分脑图把常见库按职能摊开——先认路，再按自己要走的路径挑子集。&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;AI大语言模型 Python库八区脑图&quot; loading=&quot;lazy&quot; width=&quot;701&quot; height=&quot;927&quot; src=&quot;/_astro/cover.BUhWAkGZ_Z16k6vJ.webp&quot; /&gt;&lt;figcaption&gt;AI大语言模型 Python库八区脑图&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;p&gt;图心：&lt;strong&gt;AI大语言模型 Python库&lt;/strong&gt;。页脚：「收藏关注 | AI大语言模型 Python库大全」。各库一句说明跟图面走。&lt;/p&gt;
&lt;hr /&gt;
&lt;section&gt;&lt;h2&gt;八区速查&lt;/h2&gt;&lt;section&gt;&lt;h3&gt;1. 基础框架&lt;/h3&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;库&lt;/th&gt;&lt;th&gt;一句话（图面）&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;LangChain&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;构建 LLM 应用的链式组件框架&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;LlamaIndex&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;数据索引与检索增强生成框架&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Haystack&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;端到端的 RAG 应用开发框架&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Semantic Kernel&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;微软出品的企业级 AI 编排框架&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;2. 模型部署&lt;/h3&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;库&lt;/th&gt;&lt;th&gt;一句话（图面）&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;vLLM&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;高吞吐、低延迟的大模型推理引擎&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Ollama&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;本地大模型一键部署运行工具&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Llama.cpp&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;C/C++ 实现的本地推理框架&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;TGI&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;开源文本生成推理服务器&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;xinference&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;全栈大模型推理服务平台&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;3. 大模型 API&lt;/h3&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;库&lt;/th&gt;&lt;th&gt;一句话（图面）&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;OpenAI SDK&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;访问 OpenAI 模型的官方 SDK&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;DashScope&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;阿里云通义千问 API SDK&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;ZhipuAI&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;智谱清言大模型开放平台 SDK&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Anthropic SDK&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;访问 Claude 模型的官方 SDK&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Baidu Qianfan&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;百度千帆大模型 API SDK&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;4. 向量数据库&lt;/h3&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;库&lt;/th&gt;&lt;th&gt;一句话（图面）&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;FAISS&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;高效的相似向量检索库&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;ChromaDB&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;开源的嵌入向量数据库&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Milvus&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;高性能分布式向量数据库&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Pinecone&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;全托管向量数据库服务&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Qdrant&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;高性能向量搜索引擎&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;5. 文本处理&lt;/h3&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;库&lt;/th&gt;&lt;th&gt;一句话（图面）&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Transformers&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;主流预训练模型及工具库&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Tokenizers&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;高效的分词与编码库&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Sentence-Transformers&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;句向量与语义检索工具库&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Tiktoken&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;OpenAI 的分词编码工具&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Jieba&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;中文分词工具包&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;6. 多模态&lt;/h3&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;库&lt;/th&gt;&lt;th&gt;一句话（图面）&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Diffusers&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;扩散模型推理与训练库&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;OpenCLIP&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;开源 CLIP 模型与工具&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Whisper&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;语音识别模型与工具&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;GPT-4V Tools&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;视觉理解与工具集&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;PaddleOCR&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;多语言 OCR 识别工具&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;7. 评估监控&lt;/h3&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;库&lt;/th&gt;&lt;th&gt;一句话（图面）&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;LangSmith&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;LLM 应用开发调试与监控平台&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;RAGAS&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;RAG 评估框架&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;MLflow&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;机器学习生命周期管理平台&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Phoenix&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;LLM 可观测性与评估平台&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;WandB&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;实验跟踪与可视化平台&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;8. Agent 框架&lt;/h3&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;库&lt;/th&gt;&lt;th&gt;一句话（图面）&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;AutoGen&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;多智能体协作开发框架&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;CrewAI&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;角色扮演式多智能体框架&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;LangGraph&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;基于图的智能体编排框架&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;smolagents&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;轻量级智能体开发框架&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;MetaGPT&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;多智能体软件公司框架&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;按路径挑子集就行&lt;/h2&gt;&lt;p&gt;八区约 40 个名字，不是通关清单。常见起步可以粗暴一点：&lt;/p&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;你要走的路&lt;/th&gt;&lt;th&gt;优先碰的区&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;RAG&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;基础框架 + 向量数据库 + 文本处理（嵌入/分词）+ 评估监控里的 RAGAS&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Agent&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;Agent 框架 + 基础框架（编排）+ 大模型 API&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;本地部署&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;模型部署（Ollama / vLLM / Llama.cpp 等）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;多模态&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;多模态区 + 对应 API / 文本处理&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;先定路径，再在对应区里挑 1–2 个主库练手；同区其余当「知道有谁」即可。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;旁链：别跟工具层、架构篇搅成一锅&lt;/h2&gt;

















































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;旁链&lt;/th&gt;&lt;th&gt;它管啥&lt;/th&gt;&lt;th&gt;跟本篇的边界&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;a href=&quot;/posts/mcp-skills-cli-relationship/&quot;&gt;一张图看懂：MCP、Skills、CLI&lt;/a&gt;&lt;/td&gt;&lt;td&gt;连接 / 方法 / 执行&lt;/td&gt;&lt;td&gt;工具层 ≠ Python 库地图&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Agent 工程 20 概念（上）（待发布）&lt;/td&gt;&lt;td&gt;Agent / Harness / Loop 词表&lt;/td&gt;&lt;td&gt;概念词表 ≠ 库选型&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Prompt → Context → Harness → Loop（待发布）&lt;/td&gt;&lt;td&gt;能力瓶颈四站外移&lt;/td&gt;&lt;td&gt;叙事框架 ≠ 八区库表&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;a href=&quot;/posts/claude-code-four-loops/&quot;&gt;Claude Code 四类 Loop&lt;/a&gt;&lt;/td&gt;&lt;td&gt;CC 交权循环&lt;/td&gt;&lt;td&gt;工作流交权 ≠ 应用库盘点&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;8 种主流 Agent 架构（待发布）&lt;/td&gt;&lt;td&gt;架构形态对照&lt;/td&gt;&lt;td&gt;架构篇；本篇是实现侧库&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;10 种软件架构风格（待发布）&lt;/td&gt;&lt;td&gt;通用软件架构&lt;/td&gt;&lt;td&gt;通用架构 ≠ LLM Python 库&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;企业 AI 落地七层（待发布）&lt;/td&gt;&lt;td&gt;企业落地分层&lt;/td&gt;&lt;td&gt;落地分层 ≠ 库地图&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;企业 AI 员工五件脏活（待发布）&lt;/td&gt;&lt;td&gt;脏活与链路&lt;/td&gt;&lt;td&gt;业务脏活 ≠ 库速查&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;本篇只做「库名 + 图面一句」的选型地图；原帖 URL 用户未给，按粘贴图卡处理。&lt;sup&gt;&lt;a href=&quot;#user-content-fn-open-q&quot;&gt;1&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;Footnotes&lt;/h2&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;原文评论区有「还需要学什么」一类开放提问，&lt;strong&gt;评论未收录&lt;/strong&gt;；本笔记不编造「还该补哪些」的完整清单。 &lt;a href=&quot;#user-content-fnref-open-q&quot;&gt;↩&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;/section&gt;</content:encoded></item><item><title>一张卷轴盘活整版：主流报纸创意排版图鉴</title><link>https://fork-firefly.vercel.app/posts/newspaper-scroll-layout-gallery/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/newspaper-scroll-layout-gallery/</guid><description>报纸与卷轴创意排版图鉴，拿来改版式很快。</description><pubDate>Mon, 10 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;报纸整版最怕什么？栏框密、字堆死、读者一眼就滑走。这几年不少党报、行业报、都市报，爱拿同一个器物救场——&lt;strong&gt;卷轴&lt;/strong&gt;。&lt;/p&gt;
&lt;p&gt;卷轴在版面上不只是装饰边框。它把「画卷 / 史册 / 蓝图 / 文脉」这几层意思压进一张纸：文化主题像在展画；成就回顾像在翻史册；规划部署像在铺蓝图；地方文旅像在续文脉。主题一对上，整版就有了主心骨。&lt;/p&gt;
&lt;p&gt;下面按报题过一遍案例，再留六条共同手法与读者常吵的几句。&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;河南日报｜奔腾吧幸福河 · 黄河五周年特刊&quot; loading=&quot;lazy&quot; width=&quot;714&quot; height=&quot;1024&quot; src=&quot;/_astro/cover.Ch_JVGRW_Zh1rxU.webp&quot; /&gt;&lt;figcaption&gt;河南日报｜奔腾吧幸福河 · 黄河五周年特刊&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;p&gt;开篇这张不是拼贴导览，是河南日报《奔腾吧 幸福河》：卷轴铺底，黄河以金黄丝带从卷面蜿蜒而出，把九省地标串成叙事线——卷轴当「柔性容器」的典型。&lt;/p&gt;
&lt;hr /&gt;
&lt;section&gt;&lt;h2&gt;三类主题，卷轴各自怎么用&lt;/h2&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;符号读法&lt;/th&gt;&lt;th&gt;适合主题&lt;/th&gt;&lt;th&gt;版面上像什么&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;画卷&lt;/td&gt;&lt;td&gt;文旅、节庆、民俗、诗词&lt;/td&gt;&lt;td&gt;卷面展开成风景 / 人物 / 节庆主视觉&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;史册&lt;/td&gt;&lt;td&gt;周年回顾、成就盘点、「十四五」答卷&lt;/td&gt;&lt;td&gt;卷体承托时间轴、数据条、大事记&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;蓝图 / 文脉&lt;/td&gt;&lt;td&gt;两会部署、规划开局、地方文脉&lt;/td&gt;&lt;td&gt;卷面像未写完的图，或把古今并置在同一卷芯&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;同一器物，映射不同；读者不用读完标题，也能感到「这页在讲展开、传承、还是向前画」。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;图鉴：一张卷轴，各报各用&lt;/h2&gt;&lt;section&gt;&lt;h3&gt;河南日报 · 中华经典诗词论坛&lt;/h3&gt;&lt;p&gt;竖向长卷落下「此中有诗意」，城市诗签贴在卷缘，论坛报道与人物访谈绕卷排布——文化符号与正文真正咬合，不是贴一张 PNG。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;河南日报｜2024 中华经典诗词论坛&quot; loading=&quot;lazy&quot; width=&quot;708&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-02-01.BhSMAfU4_Z2mR7x1.webp&quot; /&gt;&lt;figcaption&gt;河南日报｜2024 中华经典诗词论坛&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;中国气象报 · 立春&lt;/h3&gt;&lt;p&gt;节气专版用卷轴托住「立春」意象，把气象新闻从冷数据拉回物候与时令。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;中国气象报｜立春&quot; loading=&quot;lazy&quot; width=&quot;717&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-03-02.Dn9yc-H-_WkBgS.webp&quot; /&gt;&lt;figcaption&gt;中国气象报｜立春&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;人民日报 · 开封菊花节&lt;/h3&gt;&lt;p&gt;斜置卷轴框住菊田人物大图，祥云与花瓣软化栏线；严肃报道里忽然有了节庆温度。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;人民日报｜开封菊花文化节&quot; loading=&quot;lazy&quot; width=&quot;724&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-04-03.B1YI4Wpo_GdtnS.webp&quot; /&gt;&lt;figcaption&gt;人民日报｜开封菊花文化节&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;四川日报 · 安逸四川夏旅&lt;/h3&gt;&lt;p&gt;夏旅主题用卷轴展「安逸」气质，文旅信息跟着卷势走，少了说明书感。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;四川日报｜安逸四川夏旅&quot; loading=&quot;lazy&quot; width=&quot;709&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-05-04.BdwtMFpl_2otDth.webp&quot; /&gt;&lt;figcaption&gt;四川日报｜安逸四川夏旅&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;大同日报 · 一万平方公里看中国&lt;/h3&gt;&lt;p&gt;大主题、大信息量时，卷轴负责收束视线，避免整版散成展板墙。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;大同日报｜一万平方公里看中国&quot; loading=&quot;lazy&quot; width=&quot;706&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-06-05.DFrjbk6L_Z1NjVeH.webp&quot; /&gt;&lt;figcaption&gt;大同日报｜一万平方公里看中国&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;烟台日报 · 万亿之城碳路先锋&lt;/h3&gt;&lt;p&gt;产业与「碳」叙事偏硬，卷轴把发展线画成可跟读的路径，而不是表格堆砌。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;烟台日报｜万亿之城碳路先锋&quot; loading=&quot;lazy&quot; width=&quot;688&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-07-06.ChhC5W3m_2t2z9f.webp&quot; /&gt;&lt;figcaption&gt;烟台日报｜万亿之城碳路先锋&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;四川日报 · 中国旅游日&lt;/h3&gt;&lt;p&gt;旅游日整版再度用卷：节日气氛 + 线路/活动信息，卷面当导览层。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;四川日报｜中国旅游日&quot; loading=&quot;lazy&quot; width=&quot;709&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-08-07.BWkZ-kdB_SCGJ9.webp&quot; /&gt;&lt;figcaption&gt;四川日报｜中国旅游日&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;浙江日报 · 「十四五」四件大事&lt;/h3&gt;&lt;p&gt;省两会语境下，白色长卷在山水与城市场景间蜿蜒，四件大事写在卷上，成就块落在卷侧——史册感与蓝图感叠在一起。[^masthead-zj]&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;浙江日报｜十四五干好四件大事&quot; loading=&quot;lazy&quot; width=&quot;710&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-09-08.CWpyAoFq_1tBiC3.webp&quot; /&gt;&lt;figcaption&gt;浙江日报｜十四五干好四件大事&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;新华日报 · 震泽&lt;/h3&gt;&lt;p&gt;地方专版用卷轴托「震泽」文脉与风貌，小切口也能做整版气势。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;新华日报｜震泽&quot; loading=&quot;lazy&quot; width=&quot;680&quot; height=&quot;959&quot; src=&quot;/_astro/fig-10-09.CvCocd79_kRiGA.webp&quot; /&gt;&lt;figcaption&gt;新华日报｜震泽&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;深圳特区报 · 两会蓝图&lt;/h3&gt;&lt;p&gt;横展卷轴里画出城市场景，「蓝图已经绘就」直接落到器物上；两侧回顾 / 奋进数据夹着卷芯。[^masthead-sz]&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;深圳特区报｜两会蓝图&quot; loading=&quot;lazy&quot; width=&quot;706&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-11-10.gVpszmjh_Z1veFfj.webp&quot; /&gt;&lt;figcaption&gt;深圳特区报｜两会蓝图&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;深圳特区报 · 中行「十四五 / 十五五」&lt;/h3&gt;&lt;p&gt;金融答卷本该很硬。上方长卷山水城景，下方三枚红色短卷分栏「识 / 智 / 力」，严肃选题被中式容器接住。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;深圳特区报｜中国银行深圳分行十四五&quot; loading=&quot;lazy&quot; width=&quot;706&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-12-11.DsUlEAEP_ZDbHoq.webp&quot; /&gt;&lt;figcaption&gt;深圳特区报｜中国银行深圳分行十四五&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;钱江晚报 · 少年诗词大会&lt;/h3&gt;&lt;p&gt;少年与诗词，卷轴回到「文脉」本义：活动报道带着书卷气，而不是赛场海报腔。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;钱江晚报｜少年诗词大会&quot; loading=&quot;lazy&quot; width=&quot;629&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-13-12.Bc4GVymX_Z1a0cNE.webp&quot; /&gt;&lt;figcaption&gt;钱江晚报｜少年诗词大会&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;湖南日报 · 乡村振兴画卷&lt;/h3&gt;&lt;p&gt;「画卷」二字写进主题，卷轴几乎是标题的视觉同义词——符号与文案对齐时，读者零成本读懂隐喻。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;湖南日报｜乡村振兴画卷&quot; loading=&quot;lazy&quot; width=&quot;723&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-14-13.BgUvjCRh_2lJ9xt.webp&quot; /&gt;&lt;figcaption&gt;湖南日报｜乡村振兴画卷&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;浙江日报 · 平阳&lt;/h3&gt;&lt;p&gt;县域专题用卷展地方肌理，信息密度高时仍靠卷势分主次。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;浙江日报｜平阳&quot; loading=&quot;lazy&quot; width=&quot;710&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-15-14.DaIGDw7r_ZYXssy.webp&quot; /&gt;&lt;figcaption&gt;浙江日报｜平阳&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;深圳特区报 · 阅读周刊民俗画卷&lt;/h3&gt;&lt;p&gt;阅读周刊把民俗收进画卷形态，纸媒版式同时适合拆条发新媒体。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;深圳特区报｜阅读周刊民俗画卷&quot; loading=&quot;lazy&quot; width=&quot;706&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-16-15.DbX6SO4C_1mTIyD.webp&quot; /&gt;&lt;figcaption&gt;深圳特区报｜阅读周刊民俗画卷&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;襄阳日报 · 「两资三能」&lt;/h3&gt;&lt;p&gt;工业与招商报道里，卷轴分别框住江城风景与工地实景——柔性容器把硬新闻和软视觉缝在同一页。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;襄阳日报｜两资三能特别报道&quot; loading=&quot;lazy&quot; width=&quot;750&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-17-16.uer6j1bO_ZbHF4t.webp&quot; /&gt;&lt;figcaption&gt;襄阳日报｜两资三能特别报道&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;这些整版其实在干同一件事&lt;/h2&gt;&lt;p&gt;六条共同特点，原文写得很全，这里原样压实留用：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;文化符号与图文一体&lt;/strong&gt;&lt;br /&gt;
卷轴不是角落贴纸，而是标题、照片、数据的承托结构；符号语义（展开、传承、书写）与稿件主题同向。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;柔性容器&lt;/strong&gt;&lt;br /&gt;
刚性栏框改成可弯曲、可斜置、可分叉的卷面，文字与图片跟着卷势走，信息再多也不像砌砖。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;形态多变&lt;/strong&gt;&lt;br /&gt;
竖卷、横卷、斜卷、短卷条、多卷并列……同一符号换形态，版式就不会一眼撞车。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;中式美学软化严肃选题&lt;/strong&gt;&lt;br /&gt;
两会、金融、产业、碳中和这类硬稿，靠卷轴、云纹、山水、翰墨气，把「必须读」变成「愿意看」。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;纸媒 + 新媒体双向&lt;/strong&gt;&lt;br /&gt;
整版在报上成立；拆成长图、九宫格、短视频封面时，卷轴主视觉仍可单独成立——一次设计，两端吃。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;构图核心、主次分明&lt;/strong&gt;&lt;br /&gt;
先立卷轴主视觉，再挂卫星信息块；读者先被器物抓住，再决定往哪一块钻。&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;拿去对照自己做的活动长图 / 年报内页也成立：先问「卷轴在这页到底代表画卷、史册还是蓝图」，再决定形态，比先找素材库 PNG 靠谱。&lt;/p&gt;&lt;p&gt;旁链（不合并）：哑光纸质杂志感与巨型裁切字，见 &lt;a href=&quot;../2026-08-10_%E5%91%8A%E5%88%AB%E5%A1%91%E6%96%99%E6%84%9F_%E5%B7%A8%E5%9E%8B%E8%A3%81%E5%88%87%E5%AD%97%E6%B5%B7%E6%8A%A5/%E5%91%8A%E5%88%AB%E5%A1%91%E6%96%99%E6%84%9F%EF%BC%9A%E5%93%91%E5%85%89%E7%BA%B8%E3%80%81%E5%81%8F%E5%BF%83%E8%A7%86%E7%AA%97%E3%80%81%E5%B7%A8%E5%9E%8B%E8%A3%81%E5%88%87%E5%AD%97.md&quot;&gt;&lt;code&gt;告别塑料感：哑光纸、偏心视窗、巨型裁切字&lt;/code&gt;&lt;/a&gt;；冲击力海报七套，见 &lt;a href=&quot;../2026-08-10_GPT-Image2%E9%AB%98%E5%BC%A0%E5%8A%9B%E6%B5%B7%E6%8A%A57%E9%A3%8E%E6%A0%BC/%E4%B8%80%E7%9C%BC%E5%BE%88%E7%8C%9B%EF%BC%9AGPT-Image2%E4%B8%83%E7%A7%8D%E9%AB%98%E5%BC%A0%E5%8A%9B%E6%B5%B7%E6%8A%A5%E6%8F%90%E7%A4%BA%E8%AF%8D.md&quot;&gt;&lt;code&gt;一眼很猛：GPT-Image2七种高张力海报提示词&lt;/code&gt;&lt;/a&gt;；结构化出科普海报，见 &lt;a href=&quot;../2026-08-10_Coze%E5%8E%86%E5%8F%B2%E4%BA%BA%E7%89%A9%E7%A7%91%E6%99%AE%E6%B5%B7%E6%8A%A5%E5%B7%A5%E4%BD%9C%E6%B5%81/%E8%BE%93%E5%85%A5%E4%B8%80%E4%B8%AA%E5%90%8D%E5%AD%97%EF%BC%9ACoze%E4%B8%89%E5%8D%81%E7%A7%92%E5%87%BA%E5%8E%86%E5%8F%B2%E4%BA%BA%E7%89%A9%E7%A7%91%E6%99%AE%E6%B5%B7%E6%8A%A5.md&quot;&gt;&lt;code&gt;输入一个名字：Coze三十秒出历史人物科普海报&lt;/code&gt;&lt;/a&gt;。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;评论区比版式本身还吵&lt;/h2&gt;&lt;p&gt;有人说卷轴看多了会&lt;strong&gt;视觉疲劳&lt;/strong&gt;——符号一旦成套路，就从巧思变成模板。这话公允：器物救得了单页，救不了整年审美。&lt;/p&gt;&lt;p&gt;也有人打出「&lt;strong&gt;太卷了&lt;/strong&gt;」：一边夸版式真会「卷」，一边吐槽行业内卷。双关之所以好笑，是因为两种「卷」常常一起来。&lt;/p&gt;&lt;p&gt;还有人怀疑画面「&lt;strong&gt;像 AI 风&lt;/strong&gt;」。真假不必在笔记里拍板；值得记的是：当中式符号被批量复用，读者会下意识用「是不是机器出的」来表达审美不适。&lt;/p&gt;&lt;p&gt;致谢向的留言里，&lt;strong&gt;河南日报&lt;/strong&gt;等常被点名——说明读者认的是「符号用对了主题」，不是「谁先用了卷轴」。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;什么时候别硬上卷轴&lt;/h2&gt;&lt;p&gt;主题本身没有展开 / 传承 / 书写隐喻时，硬贴卷轴只会显得空。信息必须做成严格对照表、地图坐标、流程图时，柔性容器也可能拖慢检索。符号疲劳已经出现在同一系列里时，换器物比换配色更有用。&lt;/p&gt;&lt;p&gt;认清卷轴在这一页到底是画卷、史册还是蓝图，再决定要不要用——比收藏一百张「创意报纸」截图更能带走。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>黑金浮雕西游人物谱：六节点转一圈，看见的是人心</title><link>https://fork-firefly.vercel.app/posts/journey-west-black-gold-relief/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/journey-west-black-gold-relief/</guid><description>西游人物谱的黑金浮雕风提示词与出图参考。</description><pubDate>Mon, 10 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;小时候看《西游记》，盯着的是降妖除魔；长大再翻，看见的是人心。&lt;/p&gt;
&lt;p&gt;师徒五人，各记一句就够：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;唐僧&lt;/strong&gt;：路可以难，心不能退。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;悟空&lt;/strong&gt;：本事再大，也要有人肯收、有人敢用。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;八戒&lt;/strong&gt;：贪嗔痴写在脸上，护师却从不缺席。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;沙僧&lt;/strong&gt;：话少、担重，把队伍黏在一起。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;白龙马&lt;/strong&gt;：多数时候不当主角，没有他路走不成。&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;有人把这套神魔长卷做成了&lt;strong&gt;黑金浮雕风「西游人物谱」&lt;/strong&gt;：深底浮雕云纹，金线勾形，竖排大字旁盖着红印「书缝漫游」。单人页用&lt;strong&gt;六节点环形叙事&lt;/strong&gt;——身份、经历、转折、归宿绕人物转一圈，读完像把一章人物传压成一张图。&lt;/p&gt;
&lt;p&gt;文中作者列名 &lt;strong&gt;17&lt;/strong&gt; 位；附件实际是 &lt;strong&gt;19&lt;/strong&gt; 张图：1 张群像封面 + 18 张单人（含文称未计入的&lt;strong&gt;女儿国王&lt;/strong&gt;）。群像封面标签亦为 17 人，&lt;strong&gt;不含&lt;/strong&gt;女儿国王。脚注见文末。&lt;/p&gt;
&lt;hr /&gt;
&lt;section&gt;&lt;h2&gt;风格怎么认&lt;/h2&gt;




















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;关键词&lt;/th&gt;&lt;th&gt;落在画面上&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;黑金浮雕&lt;/td&gt;&lt;td&gt;炭黑 / 青铜底，浮雕云纹与金属高光&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;六节点环形叙事&lt;/td&gt;&lt;td&gt;①→⑥ 虚线箭头绕人物一圈&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;书缝漫游&lt;/td&gt;&lt;td&gt;竖排题旁红印，系列统一标识&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;适合当「人物设定信息图」模板：中间立像，外围六格把生平压成可读环，比纯立绘多一层叙事。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;群像封面&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;西游人物谱｜黑金浮雕群像封面&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/cover.BU_Vpf8o_VlDHf.webp&quot; /&gt;&lt;figcaption&gt;西游人物谱｜黑金浮雕群像封面&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;图面大题：&lt;strong&gt;西游人物谱&lt;/strong&gt;。同框可见如来、唐僧、悟空、白龙马、观音、玉帝、太上老君、二郎神、哪吒、菩提、牛魔王、沙悟净、铁扇、八戒、红孩儿、六耳、白骨精等标签——&lt;strong&gt;17&lt;/strong&gt; 人，无女儿国王。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;大唐高僧 唐三藏&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;大唐高僧唐三藏｜六节点环形叙事&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-03-02.hx7CH0WV_TCevp.webp&quot; /&gt;&lt;figcaption&gt;大唐高僧唐三藏｜六节点环形叙事&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;




























































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;节点&lt;/th&gt;&lt;th&gt;标签&lt;/th&gt;&lt;th&gt;地点&lt;/th&gt;&lt;th&gt;主句&lt;/th&gt;&lt;th&gt;副句&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;①&lt;/td&gt;&lt;td&gt;金蝉子&lt;/td&gt;&lt;td&gt;前世&lt;/td&gt;&lt;td&gt;灵山&lt;/td&gt;&lt;td&gt;十世修行&lt;/td&gt;&lt;td&gt;如来座下二弟子&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;②&lt;/td&gt;&lt;td&gt;取经人&lt;/td&gt;&lt;td&gt;受命&lt;/td&gt;&lt;td&gt;长安&lt;/td&gt;&lt;td&gt;奉诏西行&lt;/td&gt;&lt;td&gt;唐王赐号三藏&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;③&lt;/td&gt;&lt;td&gt;师父&lt;/td&gt;&lt;td&gt;收徒&lt;/td&gt;&lt;td&gt;五行山&lt;/td&gt;&lt;td&gt;解救悟空&lt;/td&gt;&lt;td&gt;收齐三位徒弟&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;④&lt;/td&gt;&lt;td&gt;坚定者&lt;/td&gt;&lt;td&gt;历劫&lt;/td&gt;&lt;td&gt;西行路&lt;/td&gt;&lt;td&gt;八十一难&lt;/td&gt;&lt;td&gt;一心求取真经&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑤&lt;/td&gt;&lt;td&gt;凡人&lt;/td&gt;&lt;td&gt;考验&lt;/td&gt;&lt;td&gt;女儿国&lt;/td&gt;&lt;td&gt;情关未改&lt;/td&gt;&lt;td&gt;慈悲亦有迟疑&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑥&lt;/td&gt;&lt;td&gt;佛&lt;/td&gt;&lt;td&gt;功果&lt;/td&gt;&lt;td&gt;灵山&lt;/td&gt;&lt;td&gt;旃檀功德佛&lt;/td&gt;&lt;td&gt;修成正果&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;齐天大圣 孙悟空&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;齐天大圣孙悟空｜六节点环形叙事&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-02-01.BPpmkH6z_1IjMkG.webp&quot; /&gt;&lt;figcaption&gt;齐天大圣孙悟空｜六节点环形叙事&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;




























































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;节点&lt;/th&gt;&lt;th&gt;标签&lt;/th&gt;&lt;th&gt;地点&lt;/th&gt;&lt;th&gt;主句&lt;/th&gt;&lt;th&gt;副句&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;①&lt;/td&gt;&lt;td&gt;石猴&lt;/td&gt;&lt;td&gt;诞生&lt;/td&gt;&lt;td&gt;花果山&lt;/td&gt;&lt;td&gt;石破天惊&lt;/td&gt;&lt;td&gt;天地孕育灵猴&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;②&lt;/td&gt;&lt;td&gt;美猴王&lt;/td&gt;&lt;td&gt;称王&lt;/td&gt;&lt;td&gt;水帘洞&lt;/td&gt;&lt;td&gt;群猴归心&lt;/td&gt;&lt;td&gt;占山自在逍遥&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;③&lt;/td&gt;&lt;td&gt;齐天大圣&lt;/td&gt;&lt;td&gt;反叛&lt;/td&gt;&lt;td&gt;天宫&lt;/td&gt;&lt;td&gt;大闹天宫&lt;/td&gt;&lt;td&gt;斗诸神战天兵&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;④&lt;/td&gt;&lt;td&gt;行者&lt;/td&gt;&lt;td&gt;受戒&lt;/td&gt;&lt;td&gt;五行山&lt;/td&gt;&lt;td&gt;拜师护送&lt;/td&gt;&lt;td&gt;踏上西行之路&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑤&lt;/td&gt;&lt;td&gt;斗战者&lt;/td&gt;&lt;td&gt;降妖&lt;/td&gt;&lt;td&gt;取经路&lt;/td&gt;&lt;td&gt;七十二变&lt;/td&gt;&lt;td&gt;火眼金睛破幻&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑥&lt;/td&gt;&lt;td&gt;佛&lt;/td&gt;&lt;td&gt;功果&lt;/td&gt;&lt;td&gt;灵山&lt;/td&gt;&lt;td&gt;斗战胜佛&lt;/td&gt;&lt;td&gt;护师功成正果&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;天蓬元帅 猪八戒&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;天蓬元帅猪八戒｜六节点环形叙事&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-04-03.BecFBZxm_1kdSWl.webp&quot; /&gt;&lt;figcaption&gt;天蓬元帅猪八戒｜六节点环形叙事&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;




























































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;节点&lt;/th&gt;&lt;th&gt;标签&lt;/th&gt;&lt;th&gt;地点&lt;/th&gt;&lt;th&gt;主句&lt;/th&gt;&lt;th&gt;副句&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;①&lt;/td&gt;&lt;td&gt;天蓬元帅&lt;/td&gt;&lt;td&gt;前世&lt;/td&gt;&lt;td&gt;天河&lt;/td&gt;&lt;td&gt;掌管水军&lt;/td&gt;&lt;td&gt;天宫威风凛凛&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;②&lt;/td&gt;&lt;td&gt;猪刚鬣&lt;/td&gt;&lt;td&gt;贬凡&lt;/td&gt;&lt;td&gt;福陵山&lt;/td&gt;&lt;td&gt;错投猪胎&lt;/td&gt;&lt;td&gt;云栈洞占山&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;③&lt;/td&gt;&lt;td&gt;女婿&lt;/td&gt;&lt;td&gt;招亲&lt;/td&gt;&lt;td&gt;高老庄&lt;/td&gt;&lt;td&gt;强娶高翠兰&lt;/td&gt;&lt;td&gt;贪恋人间烟火&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;④&lt;/td&gt;&lt;td&gt;八戒&lt;/td&gt;&lt;td&gt;收徒&lt;/td&gt;&lt;td&gt;高老庄&lt;/td&gt;&lt;td&gt;悟空降服&lt;/td&gt;&lt;td&gt;拜师同往西天&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑤&lt;/td&gt;&lt;td&gt;伙伴&lt;/td&gt;&lt;td&gt;历劫&lt;/td&gt;&lt;td&gt;取经路&lt;/td&gt;&lt;td&gt;九齿钉耙&lt;/td&gt;&lt;td&gt;嘴馋心善护师&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑥&lt;/td&gt;&lt;td&gt;使者&lt;/td&gt;&lt;td&gt;功果&lt;/td&gt;&lt;td&gt;灵山&lt;/td&gt;&lt;td&gt;净坛使者&lt;/td&gt;&lt;td&gt;功成受封正果&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;卷帘大将 沙悟净&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;卷帘大将沙悟净｜六节点环形叙事&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-05-04.BGbVstwo_Z2jsqBc.webp&quot; /&gt;&lt;figcaption&gt;卷帘大将沙悟净｜六节点环形叙事&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;




























































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;节点&lt;/th&gt;&lt;th&gt;标签&lt;/th&gt;&lt;th&gt;地点&lt;/th&gt;&lt;th&gt;主句&lt;/th&gt;&lt;th&gt;副句&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;①&lt;/td&gt;&lt;td&gt;卷帘大将&lt;/td&gt;&lt;td&gt;前世&lt;/td&gt;&lt;td&gt;天宫&lt;/td&gt;&lt;td&gt;侍奉玉帝&lt;/td&gt;&lt;td&gt;镇守凌霄宝殿&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;②&lt;/td&gt;&lt;td&gt;罪将&lt;/td&gt;&lt;td&gt;贬凡&lt;/td&gt;&lt;td&gt;流沙河&lt;/td&gt;&lt;td&gt;失手碎盏&lt;/td&gt;&lt;td&gt;七日飞剑穿胸&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;③&lt;/td&gt;&lt;td&gt;河妖&lt;/td&gt;&lt;td&gt;受苦&lt;/td&gt;&lt;td&gt;流沙河&lt;/td&gt;&lt;td&gt;吞食行人&lt;/td&gt;&lt;td&gt;颈挂九枚骷髅&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;④&lt;/td&gt;&lt;td&gt;悟净&lt;/td&gt;&lt;td&gt;皈依&lt;/td&gt;&lt;td&gt;流沙河&lt;/td&gt;&lt;td&gt;观音点化&lt;/td&gt;&lt;td&gt;拜师同往西天&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑤&lt;/td&gt;&lt;td&gt;伙伴&lt;/td&gt;&lt;td&gt;担当&lt;/td&gt;&lt;td&gt;取经路&lt;/td&gt;&lt;td&gt;挑担护师&lt;/td&gt;&lt;td&gt;任劳任怨&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑥&lt;/td&gt;&lt;td&gt;罗汉&lt;/td&gt;&lt;td&gt;功果&lt;/td&gt;&lt;td&gt;灵山&lt;/td&gt;&lt;td&gt;金身罗汉&lt;/td&gt;&lt;td&gt;修成正果&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;西海龙子 白龙马&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;西海龙子白龙马｜六节点环形叙事&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-06-05.D94rTRNy_ZAMEAG.webp&quot; /&gt;&lt;figcaption&gt;西海龙子白龙马｜六节点环形叙事&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;




























































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;节点&lt;/th&gt;&lt;th&gt;标签&lt;/th&gt;&lt;th&gt;地点&lt;/th&gt;&lt;th&gt;主句&lt;/th&gt;&lt;th&gt;副句&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;①&lt;/td&gt;&lt;td&gt;龙王三太子&lt;/td&gt;&lt;td&gt;身世&lt;/td&gt;&lt;td&gt;西海&lt;/td&gt;&lt;td&gt;龙宫贵胄&lt;/td&gt;&lt;td&gt;西海龙王之子&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;②&lt;/td&gt;&lt;td&gt;罪龙&lt;/td&gt;&lt;td&gt;犯戒&lt;/td&gt;&lt;td&gt;西海龙宫&lt;/td&gt;&lt;td&gt;纵火焚珠&lt;/td&gt;&lt;td&gt;获罪待斩得救&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;③&lt;/td&gt;&lt;td&gt;白龙马&lt;/td&gt;&lt;td&gt;化身&lt;/td&gt;&lt;td&gt;鹰愁涧&lt;/td&gt;&lt;td&gt;化马驮师&lt;/td&gt;&lt;td&gt;伴唐僧踏西行&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;④&lt;/td&gt;&lt;td&gt;坐骑&lt;/td&gt;&lt;td&gt;跋涉&lt;/td&gt;&lt;td&gt;取经路&lt;/td&gt;&lt;td&gt;千山万水&lt;/td&gt;&lt;td&gt;默默负重前行&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑤&lt;/td&gt;&lt;td&gt;龙子&lt;/td&gt;&lt;td&gt;救主&lt;/td&gt;&lt;td&gt;宝象国&lt;/td&gt;&lt;td&gt;化身舞剑&lt;/td&gt;&lt;td&gt;奋战黄袍怪&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑥&lt;/td&gt;&lt;td&gt;天龙&lt;/td&gt;&lt;td&gt;功果&lt;/td&gt;&lt;td&gt;灵山&lt;/td&gt;&lt;td&gt;八部天龙马&lt;/td&gt;&lt;td&gt;功成化龙正果&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;大慈大悲 观音菩萨&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;大慈大悲观音菩萨｜六节点环形叙事&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-07-06.C_9fjdOh_ZROsbw.webp&quot; /&gt;&lt;figcaption&gt;大慈大悲观音菩萨｜六节点环形叙事&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;




























































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;节点&lt;/th&gt;&lt;th&gt;标签&lt;/th&gt;&lt;th&gt;地点&lt;/th&gt;&lt;th&gt;主句&lt;/th&gt;&lt;th&gt;副句&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;①&lt;/td&gt;&lt;td&gt;菩萨&lt;/td&gt;&lt;td&gt;道场&lt;/td&gt;&lt;td&gt;南海&lt;/td&gt;&lt;td&gt;紫竹林&lt;/td&gt;&lt;td&gt;慈航普度众生&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;②&lt;/td&gt;&lt;td&gt;取经使&lt;/td&gt;&lt;td&gt;奉旨&lt;/td&gt;&lt;td&gt;灵山&lt;/td&gt;&lt;td&gt;领受佛旨&lt;/td&gt;&lt;td&gt;东土寻取经人&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;③&lt;/td&gt;&lt;td&gt;点化者&lt;/td&gt;&lt;td&gt;指引&lt;/td&gt;&lt;td&gt;长安&lt;/td&gt;&lt;td&gt;赐予三宝&lt;/td&gt;&lt;td&gt;袈裟锡杖紧箍&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;④&lt;/td&gt;&lt;td&gt;度化者&lt;/td&gt;&lt;td&gt;收徒&lt;/td&gt;&lt;td&gt;西行路&lt;/td&gt;&lt;td&gt;点化三徒&lt;/td&gt;&lt;td&gt;护持取经团队&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑤&lt;/td&gt;&lt;td&gt;救难者&lt;/td&gt;&lt;td&gt;护佑&lt;/td&gt;&lt;td&gt;三界&lt;/td&gt;&lt;td&gt;屡解危局&lt;/td&gt;&lt;td&gt;降妖伏魔解厄&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑥&lt;/td&gt;&lt;td&gt;慈悲尊&lt;/td&gt;&lt;td&gt;功德&lt;/td&gt;&lt;td&gt;南海&lt;/td&gt;&lt;td&gt;闻声救苦&lt;/td&gt;&lt;td&gt;大慈大悲&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;灵山世尊 如来佛祖&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;灵山世尊如来佛祖｜六节点环形叙事&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-08-07.CCQve0Pb_Z26MfG7.webp&quot; /&gt;&lt;figcaption&gt;灵山世尊如来佛祖｜六节点环形叙事&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;




























































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;节点&lt;/th&gt;&lt;th&gt;标签&lt;/th&gt;&lt;th&gt;地点&lt;/th&gt;&lt;th&gt;主句&lt;/th&gt;&lt;th&gt;副句&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;①&lt;/td&gt;&lt;td&gt;世尊&lt;/td&gt;&lt;td&gt;居所&lt;/td&gt;&lt;td&gt;灵山&lt;/td&gt;&lt;td&gt;大雷音寺&lt;/td&gt;&lt;td&gt;统摄西方佛界&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;②&lt;/td&gt;&lt;td&gt;降魔者&lt;/td&gt;&lt;td&gt;出手&lt;/td&gt;&lt;td&gt;天宫&lt;/td&gt;&lt;td&gt;掌压悟空&lt;/td&gt;&lt;td&gt;五行山镇大圣&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;③&lt;/td&gt;&lt;td&gt;发愿者&lt;/td&gt;&lt;td&gt;弘法&lt;/td&gt;&lt;td&gt;灵山&lt;/td&gt;&lt;td&gt;三藏真经&lt;/td&gt;&lt;td&gt;欲传东土众生&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;④&lt;/td&gt;&lt;td&gt;主持者&lt;/td&gt;&lt;td&gt;筹谋&lt;/td&gt;&lt;td&gt;佛界&lt;/td&gt;&lt;td&gt;启动取经&lt;/td&gt;&lt;td&gt;观音东行寻人&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑤&lt;/td&gt;&lt;td&gt;试炼者&lt;/td&gt;&lt;td&gt;设局&lt;/td&gt;&lt;td&gt;西行路&lt;/td&gt;&lt;td&gt;八十一难&lt;/td&gt;&lt;td&gt;磨炼师徒道心&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑥&lt;/td&gt;&lt;td&gt;佛祖&lt;/td&gt;&lt;td&gt;功果&lt;/td&gt;&lt;td&gt;雷音寺&lt;/td&gt;&lt;td&gt;赐经封佛&lt;/td&gt;&lt;td&gt;师徒功德圆满&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;三界至尊 玉皇大帝&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;三界至尊玉皇大帝｜六节点环形叙事&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-09-08.BOIyHDfw_V3Ijd.webp&quot; /&gt;&lt;figcaption&gt;三界至尊玉皇大帝｜六节点环形叙事&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;




























































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;节点&lt;/th&gt;&lt;th&gt;标签&lt;/th&gt;&lt;th&gt;地点&lt;/th&gt;&lt;th&gt;主句&lt;/th&gt;&lt;th&gt;副句&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;①&lt;/td&gt;&lt;td&gt;玉帝&lt;/td&gt;&lt;td&gt;身份&lt;/td&gt;&lt;td&gt;天庭&lt;/td&gt;&lt;td&gt;三界至尊&lt;/td&gt;&lt;td&gt;统领诸天神将&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;②&lt;/td&gt;&lt;td&gt;主宰&lt;/td&gt;&lt;td&gt;居所&lt;/td&gt;&lt;td&gt;凌霄殿&lt;/td&gt;&lt;td&gt;御理天宫&lt;/td&gt;&lt;td&gt;众仙朝会听令&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;③&lt;/td&gt;&lt;td&gt;招安者&lt;/td&gt;&lt;td&gt;用人&lt;/td&gt;&lt;td&gt;天庭&lt;/td&gt;&lt;td&gt;封弼马温&lt;/td&gt;&lt;td&gt;召悟空入天&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;④&lt;/td&gt;&lt;td&gt;天帝&lt;/td&gt;&lt;td&gt;平乱&lt;/td&gt;&lt;td&gt;天宫&lt;/td&gt;&lt;td&gt;调兵遣将&lt;/td&gt;&lt;td&gt;围剿花果山&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑤&lt;/td&gt;&lt;td&gt;求援者&lt;/td&gt;&lt;td&gt;危局&lt;/td&gt;&lt;td&gt;凌霄殿&lt;/td&gt;&lt;td&gt;请来如来&lt;/td&gt;&lt;td&gt;镇压齐天大圣&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑥&lt;/td&gt;&lt;td&gt;天庭主&lt;/td&gt;&lt;td&gt;秩序&lt;/td&gt;&lt;td&gt;三界&lt;/td&gt;&lt;td&gt;维系纲常&lt;/td&gt;&lt;td&gt;掌管仙籍神职&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;三清道祖 太上老君&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;三清道祖太上老君｜六节点环形叙事&quot; loading=&quot;lazy&quot; width=&quot;767&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-10-09.S6pu5rd__Z13WHg0.webp&quot; /&gt;&lt;figcaption&gt;三清道祖太上老君｜六节点环形叙事&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;




























































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;节点&lt;/th&gt;&lt;th&gt;标签&lt;/th&gt;&lt;th&gt;地点&lt;/th&gt;&lt;th&gt;主句&lt;/th&gt;&lt;th&gt;副句&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;①&lt;/td&gt;&lt;td&gt;道祖&lt;/td&gt;&lt;td&gt;身份&lt;/td&gt;&lt;td&gt;天庭&lt;/td&gt;&lt;td&gt;三清尊神&lt;/td&gt;&lt;td&gt;道法深不可测&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;②&lt;/td&gt;&lt;td&gt;炼丹师&lt;/td&gt;&lt;td&gt;道场&lt;/td&gt;&lt;td&gt;兜率宫&lt;/td&gt;&lt;td&gt;八卦炉&lt;/td&gt;&lt;td&gt;金丹法宝皆出&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;③&lt;/td&gt;&lt;td&gt;守藏者&lt;/td&gt;&lt;td&gt;失窃&lt;/td&gt;&lt;td&gt;兜率宫&lt;/td&gt;&lt;td&gt;悟空偷丹&lt;/td&gt;&lt;td&gt;五壶金丹入腹&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;④&lt;/td&gt;&lt;td&gt;炼化者&lt;/td&gt;&lt;td&gt;擒获&lt;/td&gt;&lt;td&gt;天庭&lt;/td&gt;&lt;td&gt;八卦炉炼&lt;/td&gt;&lt;td&gt;炼成火眼金睛&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑤&lt;/td&gt;&lt;td&gt;法宝主&lt;/td&gt;&lt;td&gt;因缘&lt;/td&gt;&lt;td&gt;西行路&lt;/td&gt;&lt;td&gt;金银二童&lt;/td&gt;&lt;td&gt;携宝下界为妖&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑥&lt;/td&gt;&lt;td&gt;降妖者&lt;/td&gt;&lt;td&gt;收伏&lt;/td&gt;&lt;td&gt;平顶山&lt;/td&gt;&lt;td&gt;收回童子&lt;/td&gt;&lt;td&gt;重归兜率宫&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;方寸山祖师 菩提祖师&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;方寸山祖师菩提祖师｜六节点环形叙事&quot; loading=&quot;lazy&quot; width=&quot;766&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-11-10.C6hu2Llh_2fpJNM.webp&quot; /&gt;&lt;figcaption&gt;方寸山祖师菩提祖师｜六节点环形叙事&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;




























































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;节点&lt;/th&gt;&lt;th&gt;标签&lt;/th&gt;&lt;th&gt;地点&lt;/th&gt;&lt;th&gt;主句&lt;/th&gt;&lt;th&gt;副句&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;①&lt;/td&gt;&lt;td&gt;祖师&lt;/td&gt;&lt;td&gt;道场&lt;/td&gt;&lt;td&gt;灵台山&lt;/td&gt;&lt;td&gt;斜月三星洞&lt;/td&gt;&lt;td&gt;门下弟子众多&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;②&lt;/td&gt;&lt;td&gt;石猴&lt;/td&gt;&lt;td&gt;拜师&lt;/td&gt;&lt;td&gt;三星洞&lt;/td&gt;&lt;td&gt;赐名悟空&lt;/td&gt;&lt;td&gt;收入门墙修行&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;③&lt;/td&gt;&lt;td&gt;授业者&lt;/td&gt;&lt;td&gt;传法&lt;/td&gt;&lt;td&gt;深夜&lt;/td&gt;&lt;td&gt;七十二变&lt;/td&gt;&lt;td&gt;秘授地煞变化&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;④&lt;/td&gt;&lt;td&gt;引路人&lt;/td&gt;&lt;td&gt;传术&lt;/td&gt;&lt;td&gt;山门&lt;/td&gt;&lt;td&gt;筋斗云&lt;/td&gt;&lt;td&gt;一跃十万八千&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑤&lt;/td&gt;&lt;td&gt;严师&lt;/td&gt;&lt;td&gt;戒律&lt;/td&gt;&lt;td&gt;洞府&lt;/td&gt;&lt;td&gt;逐徒下山&lt;/td&gt;&lt;td&gt;警告不可提师名&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑥&lt;/td&gt;&lt;td&gt;隐世仙&lt;/td&gt;&lt;td&gt;影响&lt;/td&gt;&lt;td&gt;花果山&lt;/td&gt;&lt;td&gt;奠定神通&lt;/td&gt;&lt;td&gt;成就齐天大圣&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;灌江显圣 二郎神&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;灌江显圣二郎神｜六节点环形叙事&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-12-11.CaXLPu_I_ZK7mP1.webp&quot; /&gt;&lt;figcaption&gt;灌江显圣二郎神｜六节点环形叙事&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;




























































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;节点&lt;/th&gt;&lt;th&gt;标签&lt;/th&gt;&lt;th&gt;地点&lt;/th&gt;&lt;th&gt;主句&lt;/th&gt;&lt;th&gt;副句&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;①&lt;/td&gt;&lt;td&gt;真君&lt;/td&gt;&lt;td&gt;身份&lt;/td&gt;&lt;td&gt;灌江口&lt;/td&gt;&lt;td&gt;显圣二郎&lt;/td&gt;&lt;td&gt;天庭战神杨戬&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;②&lt;/td&gt;&lt;td&gt;奉调者&lt;/td&gt;&lt;td&gt;出战&lt;/td&gt;&lt;td&gt;花果山&lt;/td&gt;&lt;td&gt;迎战悟空&lt;/td&gt;&lt;td&gt;七十二变斗法&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;③&lt;/td&gt;&lt;td&gt;神眼&lt;/td&gt;&lt;td&gt;神通&lt;/td&gt;&lt;td&gt;战场&lt;/td&gt;&lt;td&gt;天眼识变&lt;/td&gt;&lt;td&gt;看破大圣变化&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;④&lt;/td&gt;&lt;td&gt;擒猴者&lt;/td&gt;&lt;td&gt;合击&lt;/td&gt;&lt;td&gt;天宫&lt;/td&gt;&lt;td&gt;老君助阵&lt;/td&gt;&lt;td&gt;金刚琢击悟空&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑤&lt;/td&gt;&lt;td&gt;司法神&lt;/td&gt;&lt;td&gt;威名&lt;/td&gt;&lt;td&gt;三界&lt;/td&gt;&lt;td&gt;梅山六圣&lt;/td&gt;&lt;td&gt;哮天犬随行&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑥&lt;/td&gt;&lt;td&gt;助战者&lt;/td&gt;&lt;td&gt;再会&lt;/td&gt;&lt;td&gt;祭赛国&lt;/td&gt;&lt;td&gt;共战九头虫&lt;/td&gt;&lt;td&gt;与悟空联手&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;中坛元帅 哪吒三太子&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;中坛元帅哪吒三太子｜六节点环形叙事&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-13-12.DdQPwdqI_1zelti.webp&quot; /&gt;&lt;figcaption&gt;中坛元帅哪吒三太子｜六节点环形叙事&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;




























































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;节点&lt;/th&gt;&lt;th&gt;标签&lt;/th&gt;&lt;th&gt;地点&lt;/th&gt;&lt;th&gt;主句&lt;/th&gt;&lt;th&gt;副句&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;①&lt;/td&gt;&lt;td&gt;莲花身&lt;/td&gt;&lt;td&gt;身世&lt;/td&gt;&lt;td&gt;陈塘关&lt;/td&gt;&lt;td&gt;灵珠转世&lt;/td&gt;&lt;td&gt;太乙真人弟子&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;②&lt;/td&gt;&lt;td&gt;三太子&lt;/td&gt;&lt;td&gt;神职&lt;/td&gt;&lt;td&gt;天庭&lt;/td&gt;&lt;td&gt;中坛元帅&lt;/td&gt;&lt;td&gt;托塔天王之子&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;③&lt;/td&gt;&lt;td&gt;神将&lt;/td&gt;&lt;td&gt;出战&lt;/td&gt;&lt;td&gt;花果山&lt;/td&gt;&lt;td&gt;迎战悟空&lt;/td&gt;&lt;td&gt;六臂神通斗法&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;④&lt;/td&gt;&lt;td&gt;法宝主&lt;/td&gt;&lt;td&gt;武器&lt;/td&gt;&lt;td&gt;天庭&lt;/td&gt;&lt;td&gt;火尖枪&lt;/td&gt;&lt;td&gt;风火轮乾坤圈&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑤&lt;/td&gt;&lt;td&gt;降妖者&lt;/td&gt;&lt;td&gt;助战&lt;/td&gt;&lt;td&gt;西行路&lt;/td&gt;&lt;td&gt;屡助悟空&lt;/td&gt;&lt;td&gt;对阵牛魔王&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑥&lt;/td&gt;&lt;td&gt;少年神&lt;/td&gt;&lt;td&gt;威名&lt;/td&gt;&lt;td&gt;三界&lt;/td&gt;&lt;td&gt;三头六臂&lt;/td&gt;&lt;td&gt;神勇无畏&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;平天大圣 牛魔王&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;平天大圣牛魔王｜六节点环形叙事&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-14-13.DGeGEn1v_VOBWd.webp&quot; /&gt;&lt;figcaption&gt;平天大圣牛魔王｜六节点环形叙事&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;




























































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;节点&lt;/th&gt;&lt;th&gt;标签&lt;/th&gt;&lt;th&gt;地点&lt;/th&gt;&lt;th&gt;主句&lt;/th&gt;&lt;th&gt;副句&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;①&lt;/td&gt;&lt;td&gt;大力王&lt;/td&gt;&lt;td&gt;称号&lt;/td&gt;&lt;td&gt;积雷山&lt;/td&gt;&lt;td&gt;平天大圣&lt;/td&gt;&lt;td&gt;七圣结义称兄&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;②&lt;/td&gt;&lt;td&gt;兄长&lt;/td&gt;&lt;td&gt;结义&lt;/td&gt;&lt;td&gt;花果山&lt;/td&gt;&lt;td&gt;与猴王盟&lt;/td&gt;&lt;td&gt;昔日同为妖王&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;③&lt;/td&gt;&lt;td&gt;夫君&lt;/td&gt;&lt;td&gt;家室&lt;/td&gt;&lt;td&gt;芭蕉洞&lt;/td&gt;&lt;td&gt;铁扇公主&lt;/td&gt;&lt;td&gt;红孩儿之父&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;④&lt;/td&gt;&lt;td&gt;妖王&lt;/td&gt;&lt;td&gt;势力&lt;/td&gt;&lt;td&gt;积雷山 / 摩云洞&lt;/td&gt;&lt;td&gt;盘踞一方称雄&lt;/td&gt;&lt;td&gt;——&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑤&lt;/td&gt;&lt;td&gt;对手&lt;/td&gt;&lt;td&gt;激战&lt;/td&gt;&lt;td&gt;火焰山&lt;/td&gt;&lt;td&gt;七十二变&lt;/td&gt;&lt;td&gt;与悟空变化斗法&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑥&lt;/td&gt;&lt;td&gt;降服者&lt;/td&gt;&lt;td&gt;结局&lt;/td&gt;&lt;td&gt;天庭&lt;/td&gt;&lt;td&gt;诸神围攻&lt;/td&gt;&lt;td&gt;被哪吒降服&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;罗刹仙 铁扇公主&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;罗刹仙铁扇公主｜六节点环形叙事&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-15-14.D7yQg7BR_12IGlh.webp&quot; /&gt;&lt;figcaption&gt;罗刹仙铁扇公主｜六节点环形叙事&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;




























































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;节点&lt;/th&gt;&lt;th&gt;标签&lt;/th&gt;&lt;th&gt;地点&lt;/th&gt;&lt;th&gt;主句&lt;/th&gt;&lt;th&gt;副句&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;①&lt;/td&gt;&lt;td&gt;罗刹女&lt;/td&gt;&lt;td&gt;身份&lt;/td&gt;&lt;td&gt;芭蕉洞&lt;/td&gt;&lt;td&gt;铁扇公主&lt;/td&gt;&lt;td&gt;牛魔王正妻&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;②&lt;/td&gt;&lt;td&gt;母亲&lt;/td&gt;&lt;td&gt;亲缘&lt;/td&gt;&lt;td&gt;火云洞&lt;/td&gt;&lt;td&gt;红孩儿之母&lt;/td&gt;&lt;td&gt;记恨悟空降子&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;③&lt;/td&gt;&lt;td&gt;扇主&lt;/td&gt;&lt;td&gt;法宝&lt;/td&gt;&lt;td&gt;翠云山&lt;/td&gt;&lt;td&gt;芭蕉扇&lt;/td&gt;&lt;td&gt;一扇熄灭火焰&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;④&lt;/td&gt;&lt;td&gt;阻路者&lt;/td&gt;&lt;td&gt;冲突&lt;/td&gt;&lt;td&gt;火焰山&lt;/td&gt;&lt;td&gt;三借芭蕉扇&lt;/td&gt;&lt;td&gt;屡次扇飞悟空&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑤&lt;/td&gt;&lt;td&gt;妻子&lt;/td&gt;&lt;td&gt;纠葛&lt;/td&gt;&lt;td&gt;摩云洞&lt;/td&gt;&lt;td&gt;牛魔王离心&lt;/td&gt;&lt;td&gt;与玉面公主争&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑥&lt;/td&gt;&lt;td&gt;修行者&lt;/td&gt;&lt;td&gt;结局&lt;/td&gt;&lt;td&gt;翠云山&lt;/td&gt;&lt;td&gt;归还宝扇&lt;/td&gt;&lt;td&gt;隐姓修持正果&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;圣婴大王 红孩儿&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;圣婴大王红孩儿｜六节点环形叙事&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-16-15.9NG2LMgq_ZJH2n8.webp&quot; /&gt;&lt;figcaption&gt;圣婴大王红孩儿｜六节点环形叙事&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;




























































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;节点&lt;/th&gt;&lt;th&gt;标签&lt;/th&gt;&lt;th&gt;地点&lt;/th&gt;&lt;th&gt;主句&lt;/th&gt;&lt;th&gt;副句&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;①&lt;/td&gt;&lt;td&gt;圣婴王&lt;/td&gt;&lt;td&gt;身份&lt;/td&gt;&lt;td&gt;火云洞&lt;/td&gt;&lt;td&gt;红孩儿&lt;/td&gt;&lt;td&gt;牛魔王之子&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;②&lt;/td&gt;&lt;td&gt;妖王&lt;/td&gt;&lt;td&gt;占据&lt;/td&gt;&lt;td&gt;枯松涧&lt;/td&gt;&lt;td&gt;火云洞&lt;/td&gt;&lt;td&gt;统领山中小妖&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;③&lt;/td&gt;&lt;td&gt;火童&lt;/td&gt;&lt;td&gt;神通&lt;/td&gt;&lt;td&gt;战场&lt;/td&gt;&lt;td&gt;三昧真火&lt;/td&gt;&lt;td&gt;烧退悟空八戒&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;④&lt;/td&gt;&lt;td&gt;诱敌者&lt;/td&gt;&lt;td&gt;设局&lt;/td&gt;&lt;td&gt;山路&lt;/td&gt;&lt;td&gt;假扮孩童&lt;/td&gt;&lt;td&gt;捉走唐僧欲食&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑤&lt;/td&gt;&lt;td&gt;对手&lt;/td&gt;&lt;td&gt;激战&lt;/td&gt;&lt;td&gt;火云洞&lt;/td&gt;&lt;td&gt;火烧群英&lt;/td&gt;&lt;td&gt;龙王水亦难灭&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑥&lt;/td&gt;&lt;td&gt;善财童子&lt;/td&gt;&lt;td&gt;皈依&lt;/td&gt;&lt;td&gt;南海&lt;/td&gt;&lt;td&gt;观音收伏&lt;/td&gt;&lt;td&gt;戴金箍随侍&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;白虎岭尸魔 白骨精&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;白虎岭尸魔白骨精｜六节点环形叙事&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-17-16.ByZ9fJAP_Gkmkx.webp&quot; /&gt;&lt;figcaption&gt;白虎岭尸魔白骨精｜六节点环形叙事&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;




























































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;节点&lt;/th&gt;&lt;th&gt;标签&lt;/th&gt;&lt;th&gt;地点&lt;/th&gt;&lt;th&gt;主句&lt;/th&gt;&lt;th&gt;副句&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;①&lt;/td&gt;&lt;td&gt;白骨精&lt;/td&gt;&lt;td&gt;真身&lt;/td&gt;&lt;td&gt;白虎岭&lt;/td&gt;&lt;td&gt;白骨化妖&lt;/td&gt;&lt;td&gt;善于变化惑人&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;②&lt;/td&gt;&lt;td&gt;村姑&lt;/td&gt;&lt;td&gt;一变&lt;/td&gt;&lt;td&gt;山野&lt;/td&gt;&lt;td&gt;送斋诱骗&lt;/td&gt;&lt;td&gt;被悟空识破&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;③&lt;/td&gt;&lt;td&gt;老妇&lt;/td&gt;&lt;td&gt;二变&lt;/td&gt;&lt;td&gt;山路&lt;/td&gt;&lt;td&gt;寻女哭诉&lt;/td&gt;&lt;td&gt;再遭金箍棒打&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;④&lt;/td&gt;&lt;td&gt;老翁&lt;/td&gt;&lt;td&gt;三变&lt;/td&gt;&lt;td&gt;岭前&lt;/td&gt;&lt;td&gt;寻妻索女&lt;/td&gt;&lt;td&gt;三次变化迷局&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑤&lt;/td&gt;&lt;td&gt;离间者&lt;/td&gt;&lt;td&gt;心计&lt;/td&gt;&lt;td&gt;师徒间&lt;/td&gt;&lt;td&gt;唐僧误解&lt;/td&gt;&lt;td&gt;悟空被逐回山&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑥&lt;/td&gt;&lt;td&gt;尸魔&lt;/td&gt;&lt;td&gt;结局&lt;/td&gt;&lt;td&gt;白虎岭&lt;/td&gt;&lt;td&gt;三打白骨精&lt;/td&gt;&lt;td&gt;悟空终除妖&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;真假猴王 六耳猕猴&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;真假猴王六耳猕猴｜六节点环形叙事&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-18-17.DGnAv5kC_tOq7p.webp&quot; /&gt;&lt;figcaption&gt;真假猴王六耳猕猴｜六节点环形叙事&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;




























































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;节点&lt;/th&gt;&lt;th&gt;标签&lt;/th&gt;&lt;th&gt;地点&lt;/th&gt;&lt;th&gt;主句&lt;/th&gt;&lt;th&gt;副句&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;①&lt;/td&gt;&lt;td&gt;灵猴&lt;/td&gt;&lt;td&gt;根脚&lt;/td&gt;&lt;td&gt;三界&lt;/td&gt;&lt;td&gt;六耳猕猴&lt;/td&gt;&lt;td&gt;四大神猴之一&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;②&lt;/td&gt;&lt;td&gt;冒名者&lt;/td&gt;&lt;td&gt;变身&lt;/td&gt;&lt;td&gt;花果山&lt;/td&gt;&lt;td&gt;假扮悟空&lt;/td&gt;&lt;td&gt;形貌神通无二&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;③&lt;/td&gt;&lt;td&gt;夺经者&lt;/td&gt;&lt;td&gt;设局&lt;/td&gt;&lt;td&gt;水帘洞&lt;/td&gt;&lt;td&gt;组建假队&lt;/td&gt;&lt;td&gt;欲往西天取经&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;④&lt;/td&gt;&lt;td&gt;难辨者&lt;/td&gt;&lt;td&gt;争斗&lt;/td&gt;&lt;td&gt;三界&lt;/td&gt;&lt;td&gt;众神难识&lt;/td&gt;&lt;td&gt;照妖镜亦不明&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑤&lt;/td&gt;&lt;td&gt;谛听&lt;/td&gt;&lt;td&gt;识破&lt;/td&gt;&lt;td&gt;地府&lt;/td&gt;&lt;td&gt;听出真身&lt;/td&gt;&lt;td&gt;知情未敢明言&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑥&lt;/td&gt;&lt;td&gt;伏诛者&lt;/td&gt;&lt;td&gt;结局&lt;/td&gt;&lt;td&gt;灵山&lt;/td&gt;&lt;td&gt;如来揭底&lt;/td&gt;&lt;td&gt;被悟空一棒打死&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;西梁国主 女儿国王&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;西梁国主女儿国王｜六节点环形叙事&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-19-18.Dn2iFjb7_Z1G3NBE.webp&quot; /&gt;&lt;figcaption&gt;西梁国主女儿国王｜六节点环形叙事&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;文称 17 人名单里&lt;strong&gt;没有&lt;/strong&gt;她；附件单独给了六节点页，叙事落在唐僧的「情关」。&lt;/p&gt;




























































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;节点&lt;/th&gt;&lt;th&gt;标签&lt;/th&gt;&lt;th&gt;地点&lt;/th&gt;&lt;th&gt;主句&lt;/th&gt;&lt;th&gt;副句&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;①&lt;/td&gt;&lt;td&gt;女王&lt;/td&gt;&lt;td&gt;身份&lt;/td&gt;&lt;td&gt;西梁国&lt;/td&gt;&lt;td&gt;女儿国主&lt;/td&gt;&lt;td&gt;一国尽为女子&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;②&lt;/td&gt;&lt;td&gt;国主&lt;/td&gt;&lt;td&gt;理政&lt;/td&gt;&lt;td&gt;王宫&lt;/td&gt;&lt;td&gt;威仪端庄&lt;/td&gt;&lt;td&gt;治下国泰民安&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;③&lt;/td&gt;&lt;td&gt;倾心者&lt;/td&gt;&lt;td&gt;相遇&lt;/td&gt;&lt;td&gt;驿馆&lt;/td&gt;&lt;td&gt;邂逅唐僧&lt;/td&gt;&lt;td&gt;一见倾心求亲&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;④&lt;/td&gt;&lt;td&gt;联姻者&lt;/td&gt;&lt;td&gt;挽留&lt;/td&gt;&lt;td&gt;王宫&lt;/td&gt;&lt;td&gt;愿让王位&lt;/td&gt;&lt;td&gt;与御弟共享江山&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑤&lt;/td&gt;&lt;td&gt;痴情人&lt;/td&gt;&lt;td&gt;离别&lt;/td&gt;&lt;td&gt;城门&lt;/td&gt;&lt;td&gt;含泪送别&lt;/td&gt;&lt;td&gt;情深不改&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑥&lt;/td&gt;&lt;td&gt;凡尘劫&lt;/td&gt;&lt;td&gt;象征&lt;/td&gt;&lt;td&gt;取经路&lt;/td&gt;&lt;td&gt;温柔情关&lt;/td&gt;&lt;td&gt;唐僧坚守西行&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;欲望、缺点、选择&lt;/h2&gt;&lt;p&gt;这套谱好看在立像，更耐看在环上那六格：每个神魔都被压成「曾是谁 → 做错什么 → 怎么走 → 落何处」。降妖是壳，&lt;strong&gt;欲望、缺点、选择&lt;/strong&gt;才是肉——八十一难不过是把这些反复摊开给人看。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>两张全景图：K8s 架构怎么转、故障怎么查</title><link>https://fork-firefly.vercel.app/posts/k8s-architecture-two-panoramas/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/k8s-architecture-two-panoramas/</guid><description>两张全景图把 K8s 架构和核心概念摊开。</description><pubDate>Mon, 10 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;K8s 组件名一堆，记不住很正常。这两张图一个讲「请求怎么从 YAML 落到 Pod」，一个讲「出事时按哪七条线查」。下面尽量跟图面走，当可读速查，不当完整教程。&lt;/p&gt;
&lt;p&gt;旁链（&lt;strong&gt;不硬并&lt;/strong&gt;）：容器层命令见 Docker 命令背会这条线就够日常（待发布）；运维工具选型见 运维自动化选型：先摸清这十件工具（待发布）。网络基础旁链文末。&lt;/p&gt;
&lt;hr /&gt;
&lt;section&gt;&lt;h2&gt;图 1：架构全景，控制面怎么把期望状态推下去&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Kubernetes 架构全景图&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;682&quot; src=&quot;/_astro/cover.C76Da6IN_7qyF6.webp&quot; /&gt;&lt;figcaption&gt;Kubernetes 架构全景图&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;图题：&lt;strong&gt;Kubernetes 架构全景图&lt;/strong&gt;&lt;br /&gt;
副标：&lt;strong&gt;Kubernetes = API 驱动的分布式资源控制系统&lt;/strong&gt;&lt;/p&gt;&lt;section&gt;&lt;h3&gt;从上往下：谁接请求、谁干活&lt;/h3&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;层&lt;/th&gt;&lt;th&gt;图面内容&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;用户接入&lt;/td&gt;&lt;td&gt;&lt;code&gt;kubectl&lt;/code&gt; / UI Dashboard / 其他 API 客户端&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Control Plane&lt;/td&gt;&lt;td&gt;API Server、etcd、Scheduler、Controller Manager&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Worker Nodes&lt;/td&gt;&lt;td&gt;多节点：kubelet、kube-proxy、Container Runtime（containerd）、Pod&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;底座能力&lt;/td&gt;&lt;td&gt;网络（CNI）、配置管理、存储（Volume）、集群特性&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;strong&gt;Control Plane（控制平面）&lt;/strong&gt;&lt;/p&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;组件&lt;/th&gt;&lt;th&gt;图面职责&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;API Server&lt;/td&gt;&lt;td&gt;集群统一入口；认证 / 鉴权 / 校验 / 路由；提供 REST API&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;etcd&lt;/td&gt;&lt;td&gt;集群状态存储（Key-Value）；保存全部状态数据&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Scheduler&lt;/td&gt;&lt;td&gt;决定 Pod 调度到哪个 Node；资源评估 / 负载均衡 / 亲和性等&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Controller Manager&lt;/td&gt;&lt;td&gt;维持期望状态；各种控制器的集合&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;常见控制器（图面列举）：Deployment、ReplicaSet、Node、Job、Endpoint……&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Worker Node（工作节点）&lt;/strong&gt;&lt;/p&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;组件&lt;/th&gt;&lt;th&gt;图面职责&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;kubelet&lt;/td&gt;&lt;td&gt;与 API Server 通信；管理本机 Pod 生命周期&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Container Runtime&lt;/td&gt;&lt;td&gt;真正跑容器（如 containerd）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;kube-proxy&lt;/td&gt;&lt;td&gt;Service 网络代理与负载均衡&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Pod&lt;/td&gt;&lt;td&gt;最小调度单位；跑一个或多个容器&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;strong&gt;底座四块&lt;/strong&gt;&lt;/p&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;块&lt;/th&gt;&lt;th&gt;图面要点&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;网络（CNI）&lt;/td&gt;&lt;td&gt;Pod 互通（扁平网络）：Calico / Flannel / Cilium / Weave Net……&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;配置管理&lt;/td&gt;&lt;td&gt;ConfigMap（配置数据）、Secret（敏感数据）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;存储（Volume）&lt;/td&gt;&lt;td&gt;emptyDir / hostPath / NFS……&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;集群特性&lt;/td&gt;&lt;td&gt;自愈；弹性伸缩（HPA/VPA）；滚动更新；服务发现（DNS）&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;底部工作流：YAML → 期望状态&lt;/h3&gt;&lt;p&gt;图面七步：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;提交资源定义（YAML）&lt;/li&gt;
&lt;li&gt;API Server 接收请求&lt;/li&gt;
&lt;li&gt;存储到 etcd&lt;/li&gt;
&lt;li&gt;调度器选择 Node&lt;/li&gt;
&lt;li&gt;kubelet 创建 Pod&lt;/li&gt;
&lt;li&gt;容器运行 / 业务启动&lt;/li&gt;
&lt;li&gt;Controller 持续监控 / 保持期望状态&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;记这条线就够：你交「想要什么」，集群用调和环不停往那个状态靠。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;右侧概念卡（建议和左图画面对着看）&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;一、核心组件&lt;/strong&gt;&lt;br /&gt;
API Server 统一入口 → etcd 存状态 → Scheduler 选节点 → Controller Manager 做收敛。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;二、Worker Node&lt;/strong&gt;&lt;br /&gt;
kubelet 管生命周期；Runtime 跑容器；kube-proxy 做 Service 代理；Pod 是载体。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;三、核心对象关系&lt;/strong&gt;&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;Deployment → ReplicaSet → Pod → Container&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;对象&lt;/th&gt;&lt;th&gt;图面一句话&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;Deployment&lt;/td&gt;&lt;td&gt;声明式更新、回滚&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;ReplicaSet&lt;/td&gt;&lt;td&gt;保证 Pod 副本数&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Pod&lt;/td&gt;&lt;td&gt;跑容器的载体&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Container&lt;/td&gt;&lt;td&gt;业务容器本身&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;strong&gt;四、网络模型&lt;/strong&gt;&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;Ingress → Service → Pod&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;




















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;对象&lt;/th&gt;&lt;th&gt;图面一句话&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;Ingress&lt;/td&gt;&lt;td&gt;七层入口：域名路由、TLS、灰度等&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Service&lt;/td&gt;&lt;td&gt;稳定访问入口 + 负载均衡&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Pod&lt;/td&gt;&lt;td&gt;真实实例；IP 可能变&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;strong&gt;五、存储模型&lt;/strong&gt;&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;PVC → PV → StorageClass&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;




















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;对象&lt;/th&gt;&lt;th&gt;图面一句话&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;PVC&lt;/td&gt;&lt;td&gt;存储需求（申请）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;PV&lt;/td&gt;&lt;td&gt;持久化存储资源&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;StorageClass&lt;/td&gt;&lt;td&gt;存储类；动态供应&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;strong&gt;六、核心思想（图脚）&lt;/strong&gt;&lt;/p&gt;




















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;词&lt;/th&gt;&lt;th&gt;意思&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;声明式 Declarative&lt;/td&gt;&lt;td&gt;只描述期望状态&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;控制循环 Reconcile Loop&lt;/td&gt;&lt;td&gt;持续向期望收敛&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;最终一致性 Eventually Consistent&lt;/td&gt;&lt;td&gt;告诉 K8s「要什么」，它保证「达到」&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;图脚原句气质：&lt;strong&gt;你只需要告诉 K8s「要什么」，K8s 保证「达到期望状态」。&lt;/strong&gt;&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;图 2：七大主题速查，出事按哪条线查&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Kubernetes 核心知识全景图（7大核心主题）&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;682&quot; src=&quot;/_astro/fig-02-02-k8s-core-knowledge-7themes.Di5zhm97_Z3OyzY.webp&quot; /&gt;&lt;figcaption&gt;Kubernetes 核心知识全景图（7大核心主题）&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;图题：&lt;strong&gt;Kubernetes 核心知识全景图（7 大核心主题）&lt;/strong&gt;&lt;/p&gt;&lt;section&gt;&lt;h3&gt;1. Pod / Node 排障思路&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Pod 侧（图面清单气质）&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;状态与落点：&lt;code&gt;kubectl get pod -o wide&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;事件：&lt;code&gt;kubectl describe pod&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;日志：&lt;code&gt;kubectl logs&lt;/code&gt;（含 previous）&lt;/li&gt;
&lt;li&gt;进容器：&lt;code&gt;kubectl exec&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;资源：CPU / Mem / Disk / Net；&lt;code&gt;kubectl top pod&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;调度失败：看 FailedScheduling 一类事件&lt;/li&gt;
&lt;li&gt;依赖：Service / ConfigMap / Secret 是否齐&lt;/li&gt;
&lt;li&gt;镜像：ImagePullBackOff / ErrImagePull 等&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;&lt;strong&gt;Node 侧&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;code&gt;kubectl get node&lt;/code&gt; / &lt;code&gt;describe node&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;状态：Ready、NotReady、SchedulingDisabled、NetworkUnavailable 等&lt;/li&gt;
&lt;li&gt;资源打满（CPU/Mem）、磁盘 / IO、OOM / 内核日志（&lt;code&gt;dmesg&lt;/code&gt;）&lt;/li&gt;
&lt;li&gt;系统服务：kubelet / kube-proxy / containerd；&lt;code&gt;journalctl -u kubelet&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;运行时：&lt;code&gt;crictl&lt;/code&gt;；存储与网络再往下拆&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;&lt;strong&gt;常见 Pod 状态（图面）&lt;/strong&gt;&lt;/p&gt;












































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;状态&lt;/th&gt;&lt;th&gt;含义（图面）&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;Pending&lt;/td&gt;&lt;td&gt;调度未完成&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Running&lt;/td&gt;&lt;td&gt;正在运行&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;CrashLoopBackOff&lt;/td&gt;&lt;td&gt;容器反复启动失败&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;ImagePullBackOff / ErrImagePull&lt;/td&gt;&lt;td&gt;镜像拉取失败 / 错误&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;OOMKilled&lt;/td&gt;&lt;td&gt;内存溢出被杀&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;ContainerCreating&lt;/td&gt;&lt;td&gt;创建中（常伴随拉镜像）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Completed&lt;/td&gt;&lt;td&gt;任务正常结束&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Unknown / Error&lt;/td&gt;&lt;td&gt;未知 / 异常退出&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;CreateContainerConfigError 等&lt;/td&gt;&lt;td&gt;配置或创建阶段出错&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;2. 污点（Taints）与亲和（Affinity）&lt;/h3&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;概念&lt;/th&gt;&lt;th&gt;图面要点&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;Taints&lt;/td&gt;&lt;td&gt;节点排斥某类 Pod；Effect：&lt;code&gt;NoSchedule&lt;/code&gt; / &lt;code&gt;PreferNoSchedule&lt;/code&gt; / &lt;code&gt;NoExecute&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Tolerations&lt;/td&gt;&lt;td&gt;Pod 声明容忍，才能上带对应污点的节点&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;nodeAffinity&lt;/td&gt;&lt;td&gt;按节点标签硬选 / 软偏好（required / preferred）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;podAffinity&lt;/td&gt;&lt;td&gt;倾向和某些 Pod 靠近&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;podAntiAffinity&lt;/td&gt;&lt;td&gt;倾向和某些 Pod 远离&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;常用命令气质：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;Terminal window&lt;/span&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;kubectl&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;taint&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;nodes&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&amp;lt;node&amp;gt;&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;key=value:NoSchedule&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;kubectl&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;taint&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;nodes&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&amp;lt;node&amp;gt;&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;key:NoSchedule-&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;3. 网络排查思路&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;Pod 网络检查线（图面）&lt;/strong&gt;&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;Pod IP 是否正常（&lt;code&gt;get pod -o wide&lt;/code&gt;）&lt;/li&gt;
&lt;li&gt;Pod 间连通（&lt;code&gt;ping&lt;/code&gt; 等）&lt;/li&gt;
&lt;li&gt;DNS（&lt;code&gt;nslookup&lt;/code&gt; / &lt;code&gt;dig&lt;/code&gt;）&lt;/li&gt;
&lt;li&gt;访问 Service（&lt;code&gt;curl&lt;/code&gt;）&lt;/li&gt;
&lt;li&gt;出网 / 外部访问&lt;/li&gt;
&lt;li&gt;CNI 插件状态&lt;/li&gt;
&lt;li&gt;NetworkPolicy 是否挡路&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;&lt;strong&gt;常见现象&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;同网 / 跨 Pod 不通&lt;/li&gt;
&lt;li&gt;Service 不通、DNS 失败&lt;/li&gt;
&lt;li&gt;延迟高 / 丢包&lt;/li&gt;
&lt;li&gt;CNI 故障、kube-proxy 异常&lt;/li&gt;
&lt;li&gt;外网域名解析失败&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;&lt;strong&gt;节点侧常用命令（图面）&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;&lt;code&gt;ip addr&lt;/code&gt; / &lt;code&gt;ip route&lt;/code&gt;、&lt;code&gt;ss&lt;/code&gt;、&lt;code&gt;ping&lt;/code&gt;、&lt;code&gt;traceroute&lt;/code&gt;、&lt;code&gt;nslookup&lt;/code&gt;、&lt;code&gt;curl&lt;/code&gt;、&lt;code&gt;tcpdump&lt;/code&gt;&lt;/p&gt;&lt;p&gt;NetworkPolicy：&lt;code&gt;kubectl get networkpolicy&lt;/code&gt; / &lt;code&gt;describe networkpolicy&lt;/code&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;4. K8s 网络架构（图面分层）&lt;/h3&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;外部流量&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;→ Ingress Controller（Nginx / Traefik …）&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;→ Service（ClusterIP / NodePort / LoadBalancer）&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;→ 各 Node 上的 Pod&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;每个 Node 上大致有：kube-proxy（iptables / IPVS）、CNI（Calico / Flannel / Cilium…）、Container Runtime、Pod。&lt;br /&gt;
Overlay / 底层常见词：VXLAN、BGP、IPIP、路由。&lt;/p&gt;&lt;p&gt;和架构图右侧「Ingress → Service → Pod」是同一条故事，这里多了「进集群后怎么在节点间铺」。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;5. 存储卷（Volume）&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;关系（图面）&lt;/strong&gt;&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;Pod → PVC → PV → StorageClass → 后端存储（NFS / 云盘 / 分布式存储…）&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;&lt;strong&gt;常见 Volume 类型&lt;/strong&gt;&lt;/p&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;类型&lt;/th&gt;&lt;th&gt;图面说明&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;emptyDir&lt;/td&gt;&lt;td&gt;临时；Pod 删则没&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;hostPath&lt;/td&gt;&lt;td&gt;挂节点本地路径&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;nfs&lt;/td&gt;&lt;td&gt;NFS 共享&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;configMap / secret&lt;/td&gt;&lt;td&gt;挂配置 / 敏感数据&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;persistentVolumeClaim&lt;/td&gt;&lt;td&gt;经 PVC 申请持久卷&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;strong&gt;排查&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;code&gt;kubectl get/describe pvc&lt;/code&gt;、&lt;code&gt;get/describe pv&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;get/describe storageclass&lt;/code&gt;（或 &lt;code&gt;sc&lt;/code&gt;）&lt;/li&gt;
&lt;li&gt;Pod 内挂载点、节点 &lt;code&gt;df -h&lt;/code&gt;、相关 events&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;&lt;strong&gt;常见坑&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;PVC Pending、PV 未绑定、配置错误、磁盘满、网络存储不可达、权限不够。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;6. 通用排障流程 + 金三角&lt;/h3&gt;&lt;p&gt;图面七步气质：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;发现问题 / 告警&lt;/li&gt;
&lt;li&gt;收集信息（Pod、Node、events、logs、metrics）&lt;/li&gt;
&lt;li&gt;划范围（Pod / Node / 网络 / 存储 / 应用）&lt;/li&gt;
&lt;li&gt;比正常 vs 异常，定因&lt;/li&gt;
&lt;li&gt;处置（改配置、重启、扩缩容、修依赖）&lt;/li&gt;
&lt;li&gt;验证（功能 + 监控恢复）&lt;/li&gt;
&lt;li&gt;复盘与预防（文档、告警优化）&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;&lt;strong&gt;金三角（图面）&lt;/strong&gt;&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;现象是什么？&lt;/li&gt;
&lt;li&gt;期望是什么？&lt;/li&gt;
&lt;li&gt;差异在哪里？&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;这三问比瞎敲命令有用：先对齐「该什么样」，再找差。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;7. 其他核心内容（图面格子）&lt;/h3&gt;
































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;格&lt;/th&gt;&lt;th&gt;图面条目&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;核心资源对象&lt;/td&gt;&lt;td&gt;Pod、Deployment、Service、Ingress、ConfigMap/Secret、PV/PVC、Job/CronJob、StatefulSet、DaemonSet、HPA、NetworkPolicy、ServiceAccount…&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;核心组件&lt;/td&gt;&lt;td&gt;API Server、etcd、Scheduler、Controller Manager、kubelet、kube-proxy、Container Runtime&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;监控 &amp;amp; 日志&lt;/td&gt;&lt;td&gt;Prometheus + Grafana；EFK / Loki；Alertmanager&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;安全&lt;/td&gt;&lt;td&gt;RBAC、NetworkPolicy、PodSecurity、镜像安全、Secret 加密、Security Context&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;高可用 &amp;amp; 扩展&lt;/td&gt;&lt;td&gt;多 Master、etcd 集群、Cluster Autoscaler、HPA/VPA、CRD、Operator、Metrics Server、Dashboard…&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;最佳实践&lt;/td&gt;&lt;td&gt;requests/limits；liveness/readiness；优雅关闭（preStop）；反亲和避免单点&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;侧栏：常用命令速查（图面）&lt;/h3&gt;
































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;类&lt;/th&gt;&lt;th&gt;命令气质&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;资源管理&lt;/td&gt;&lt;td&gt;&lt;code&gt;kubectl get pod -A&lt;/code&gt;、&lt;code&gt;get node -o wide&lt;/code&gt;、&lt;code&gt;describe &amp;lt;资源&amp;gt; &amp;lt;名&amp;gt;&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;日志调试&lt;/td&gt;&lt;td&gt;&lt;code&gt;kubectl logs&lt;/code&gt;（含 &lt;code&gt;-p&lt;/code&gt; / &lt;code&gt;-c&lt;/code&gt;）、&lt;code&gt;kubectl exec -it &amp;lt;pod&amp;gt; -- bash&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;资源监控&lt;/td&gt;&lt;td&gt;&lt;code&gt;kubectl top pod&lt;/code&gt;、&lt;code&gt;kubectl top node&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;事件&lt;/td&gt;&lt;td&gt;&lt;code&gt;kubectl get events -A --sort-by=.lastTimestamp&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;集群信息&lt;/td&gt;&lt;td&gt;&lt;code&gt;kubectl version&lt;/code&gt;、&lt;code&gt;cluster-info&lt;/code&gt;、&lt;code&gt;get cs&lt;/code&gt;（组件状态，视版本而定）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;节点维操&lt;/td&gt;&lt;td&gt;&lt;code&gt;cordon&lt;/code&gt; / &lt;code&gt;drain --ignore-daemonsets&lt;/code&gt; / &lt;code&gt;uncordon&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;strong&gt;底部组件关系（图面简化）&lt;/strong&gt;&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;kubectl / UI&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;↓&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;API Server ←→ etcd&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;↓&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;Scheduler / Controller Manager&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;↓&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;kubelet / kube-proxy → Nodes → Pods&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;和架构全景是同一套骨架：所有路都先过 API Server。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;kubectl 命令小表（从图面抽）&lt;/h2&gt;












































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;场景&lt;/th&gt;&lt;th&gt;命令&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;看 Pod 落点&lt;/td&gt;&lt;td&gt;&lt;code&gt;kubectl get pod -o wide&lt;/code&gt; / &lt;code&gt;-A&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;看事件&lt;/td&gt;&lt;td&gt;&lt;code&gt;kubectl describe pod &amp;lt;name&amp;gt;&lt;/code&gt;；&lt;code&gt;kubectl get events --sort-by=.lastTimestamp&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;看日志&lt;/td&gt;&lt;td&gt;&lt;code&gt;kubectl logs &amp;lt;pod&amp;gt;&lt;/code&gt;；挂了加 &lt;code&gt;-p&lt;/code&gt; / &lt;code&gt;-c&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;进容器&lt;/td&gt;&lt;td&gt;&lt;code&gt;kubectl exec -it &amp;lt;pod&amp;gt; -- bash&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;看资源&lt;/td&gt;&lt;td&gt;&lt;code&gt;kubectl top pod&lt;/code&gt; / &lt;code&gt;top node&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;污点&lt;/td&gt;&lt;td&gt;&lt;code&gt;kubectl taint nodes &amp;lt;node&amp;gt; key=value:NoSchedule&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;节点封锁/腾空&lt;/td&gt;&lt;td&gt;&lt;code&gt;cordon&lt;/code&gt; / &lt;code&gt;drain&lt;/code&gt; / &lt;code&gt;uncordon&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;存储&lt;/td&gt;&lt;td&gt;&lt;code&gt;kubectl get pvc,pv,sc&lt;/code&gt; + &lt;code&gt;describe&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;网络策略&lt;/td&gt;&lt;td&gt;&lt;code&gt;kubectl get networkpolicy -A&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;Docker 本机命令不在本篇展开，去旁链 Docker 速查。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;旁边几篇别搅成一锅&lt;/h2&gt;


































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;旁链&lt;/th&gt;&lt;th&gt;它管啥&lt;/th&gt;&lt;th&gt;别跟本篇混&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;Docker 命令背会这条线就够日常（待发布）&lt;/td&gt;&lt;td&gt;Docker CLI&lt;/td&gt;&lt;td&gt;单机容器命令 ≠ 集群编排&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;运维自动化选型：先摸清这十件工具（待发布）&lt;/td&gt;&lt;td&gt;运维工具地图&lt;/td&gt;&lt;td&gt;工具选型 ≠ K8s 控制面&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;网络协议靠谁才能活：一张依赖图（待发布）&lt;/td&gt;&lt;td&gt;协议依赖&lt;/td&gt;&lt;td&gt;协议栈 ≠ CNI/Service 排障&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;a href=&quot;../2026-08-09_%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%BD%91%E7%BB%9C%E5%9F%BA%E7%A1%80%E5%9B%9B%E4%BB%B6%E5%A5%97/%E7%BD%91%E5%8D%A1%E9%82%A3%E5%9B%9B%E6%A0%8F%E5%88%B0%E5%BA%95%E5%90%84%E8%87%AA%E5%B9%B2%E5%98%9B.md&quot;&gt;网卡那四栏到底各自干嘛&lt;/a&gt;&lt;/td&gt;&lt;td&gt;网络基础四栏&lt;/td&gt;&lt;td&gt;基础课 ≠ 集群网络架构图&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Linux 目录结构运维速记（待发布）&lt;/td&gt;&lt;td&gt;主机目录&lt;/td&gt;&lt;td&gt;Node 侧速记 ≠ 编排模型&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;原料与校验&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;图数：正文 &lt;code&gt;![]&lt;/code&gt; = 2；配图文件 = 2&lt;/li&gt;
&lt;li&gt;未发帖；未 commit / push&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;</content:encoded></item><item><title>短剧男主总撞脸？60 种脸型风格提示词按气质选型</title><link>https://fork-firefly.vercel.app/posts/short-drama-male-face-60/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/short-drama-male-face-60/</guid><description>短剧男主脸型与风格提示词六十种，选角向出图用。</description><pubDate>Mon, 10 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;AI 出男主，最烦的不是「不够帅」，是&lt;strong&gt;怎么生成都像同一个人&lt;/strong&gt;。根因多半不是模型抽风，是脸型风格跟人设没对上——冷峻复仇线却塞了元气犬系脸，画面再精致也像串戏。&lt;/p&gt;
&lt;p&gt;用法很简单：&lt;strong&gt;先定人设性格与身份，再挑脸型气质&lt;/strong&gt;，别先丢「帅哥」三个字碰运气。冷峻型、清爽型、清冷型、反派型、贵气型、破碎型、野痞型……方向对了，撞脸概率会低一截。&lt;/p&gt;
&lt;hr /&gt;
&lt;section&gt;&lt;h2&gt;先定人设，再对脸&lt;/h2&gt;&lt;p&gt;把角色拆成三件事再开生成：性格（冷 / 暖 / 邪 / 碎）、身份（学长 / 总裁 / 反派 / 将军）、题材场（校园 / 商战 / 仙侠 / 年代）。三件事定完，从表里挑气质最近的一款，把「提示词」当五官锚、「适合造型」当服装镜头锚。&lt;/p&gt;&lt;p&gt;同一部剧换装可以，&lt;strong&gt;脸型气质锚别一场戏换三种&lt;/strong&gt;——观众认的是骨相情绪，不是衣服。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;60 款速查（编号 · 风格名）&lt;/h2&gt;
















































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;区段&lt;/th&gt;&lt;th&gt;风格&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;01–06&lt;/td&gt;&lt;td&gt;冷峻电影脸 · 清爽初恋脸 · 阳光少年脸 · 清冷校草脸 · 都市精英脸 · 轻熟总裁脸&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;07–12&lt;/td&gt;&lt;td&gt;白月光学长脸 · 港风浓颜脸 · 元气犬系脸 · 清冷骨相脸 · 豪门贵公子脸 · 反派野心脸&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;13–18&lt;/td&gt;&lt;td&gt;狐系钓系脸 · 邻家治愈脸 · 破碎感男主脸 · 禁欲撩人脸 · 猫系慵懒脸 · 温柔知性脸&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;19–24&lt;/td&gt;&lt;td&gt;清贫倔强脸 · 事业掌控脸 · 病弱白月光脸 · 复仇黑莲脸 · 文艺淡颜脸 · 高智学霸脸&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;25–30&lt;/td&gt;&lt;td&gt;混血立体脸 · 明艳贵公子脸 · 温柔人夫脸 · 厌世疏离脸 · 甜飒贵少脸 · 学院清冷脸&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;31–36&lt;/td&gt;&lt;td&gt;清冷仙气脸 · 逆袭大男主脸 · 无辜奶狗脸 · 机灵甜弟脸 · 飒爽律师脸 · 复古名流脸&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;37–42&lt;/td&gt;&lt;td&gt;禁欲高岭草脸 · 纯真鹿系脸 · 清醒事业脑脸 · 暗黑病娇脸 · 温柔哥哥脸 · 精致王子脸&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;43–48&lt;/td&gt;&lt;td&gt;落魄少爷脸 · 冷感模特脸 · 柔弱哭包脸 · 清醒复仇脸 · 古早白月光脸 · 飒气太子脸&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;49–54&lt;/td&gt;&lt;td&gt;书卷温柔脸 · 清冷科研脸 · 野痞荷尔蒙脸 · 斯文败类类型脸 · 少年将军脸 · 腹黑军师脸&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;55–60&lt;/td&gt;&lt;td&gt;异域锋锐脸 · 漫撕贵公子脸 · 忠犬守护脸 · 冷面法医脸 · 狼系狠戾脸 · 少年帝王脸&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;01–06&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;短剧男主脸型风格 01–06&quot; loading=&quot;lazy&quot; width=&quot;886&quot; height=&quot;1024&quot; src=&quot;/_astro/cover.DVfCW01D_1gVEIT.webp&quot; /&gt;&lt;figcaption&gt;短剧男主脸型风格 01–06&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;





















































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;风格名&lt;/th&gt;&lt;th&gt;提示词&lt;/th&gt;&lt;th&gt;适合造型&lt;/th&gt;&lt;th&gt;适合角色&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;01&lt;/td&gt;&lt;td&gt;冷峻电影脸&lt;/td&gt;&lt;td&gt;骨相立体，眉眼冷峻，轮廓分明。&lt;/td&gt;&lt;td&gt;适合利落短发、深色西装，画面高级有张力。&lt;/td&gt;&lt;td&gt;适合复仇男主、商战精英、强势掌控型角色。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;02&lt;/td&gt;&lt;td&gt;清爽初恋脸&lt;/td&gt;&lt;td&gt;五官柔和，笑容干净，眼神澄澈。&lt;/td&gt;&lt;td&gt;适合浅色针织、自然短发，镜头温暖治愈。&lt;/td&gt;&lt;td&gt;适合校园恋爱、青梅竹马、甜宠男主角色。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;03&lt;/td&gt;&lt;td&gt;阳光少年脸&lt;/td&gt;&lt;td&gt;眼神明亮有活力，轮廓清爽，少年感足。&lt;/td&gt;&lt;td&gt;适合运动风、休闲穿搭，镜头轻快明朗。&lt;/td&gt;&lt;td&gt;适合热血成长、校园青春、元气系男主。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;04&lt;/td&gt;&lt;td&gt;清冷校草脸&lt;/td&gt;&lt;td&gt;五官清秀，气质干净，眼神安静耐看。&lt;/td&gt;&lt;td&gt;适合校服、白衬衫、低饱和穿搭，镜头清爽。&lt;/td&gt;&lt;td&gt;适合学霸校草、暗恋纯爱、校园男主角色。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;05&lt;/td&gt;&lt;td&gt;都市精英脸&lt;/td&gt;&lt;td&gt;五官端正，线条流畅，气质沉稳知性。&lt;/td&gt;&lt;td&gt;适合西装、低调配饰，镜头高级从容。&lt;/td&gt;&lt;td&gt;适合职场精英、创业伙伴、理性成熟型角色。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;06&lt;/td&gt;&lt;td&gt;轻熟总裁脸&lt;/td&gt;&lt;td&gt;眉眼明艳，五官精致，气场成熟有压迫感。&lt;/td&gt;&lt;td&gt;适合深色西装、精致发型，镜头华丽高级。&lt;/td&gt;&lt;td&gt;适合豪门博弈、强强对峙、掌权系男主角色。&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;07–12&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;短剧男主脸型风格 07–12&quot; loading=&quot;lazy&quot; width=&quot;887&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-02-07-12.DnJ4TM7S_Z1bY8AV.webp&quot; /&gt;&lt;figcaption&gt;短剧男主脸型风格 07–12&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;





















































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;风格名&lt;/th&gt;&lt;th&gt;提示词&lt;/th&gt;&lt;th&gt;适合造型&lt;/th&gt;&lt;th&gt;适合角色&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;07&lt;/td&gt;&lt;td&gt;白月光学长脸&lt;/td&gt;&lt;td&gt;皮肤通透，五官柔和，笑眼温润。&lt;/td&gt;&lt;td&gt;适合白衬衫、长风衣、自然短发，镜头清新。&lt;/td&gt;&lt;td&gt;适合校园初恋、成长救赎、温柔学长类角色。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;08&lt;/td&gt;&lt;td&gt;港风浓颜脸&lt;/td&gt;&lt;td&gt;五官立体，眉眼深邃，唇形清晰。&lt;/td&gt;&lt;td&gt;适合复古卷发、衬衫西装，画面自带港风感。&lt;/td&gt;&lt;td&gt;适合豪门争斗、商战权谋、成熟男主角色。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;09&lt;/td&gt;&lt;td&gt;元气犬系脸&lt;/td&gt;&lt;td&gt;脸型柔和，眼神明亮，笑容爽朗。&lt;/td&gt;&lt;td&gt;适合卫衣、运动风造型，镜头轻松明快。&lt;/td&gt;&lt;td&gt;适合校园甜宠、日常轻喜、陪伴系男主角色。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;10&lt;/td&gt;&lt;td&gt;清冷骨相脸&lt;/td&gt;&lt;td&gt;骨相清晰，五官冷峻，眼神疏离。&lt;/td&gt;&lt;td&gt;适合低饱和穿搭、利落短发，镜头克制冷静。&lt;/td&gt;&lt;td&gt;适合高智人设、白切黑、禁欲系强者角色。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;11&lt;/td&gt;&lt;td&gt;豪门贵公子脸&lt;/td&gt;&lt;td&gt;五官精致，眉眼舒展，气质贵气从容。&lt;/td&gt;&lt;td&gt;适合礼服、西装、精致发型，镜头奢华大气。&lt;/td&gt;&lt;td&gt;适合豪门继承人、名流成长、家族博弈类角色。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;12&lt;/td&gt;&lt;td&gt;反派野心脸&lt;/td&gt;&lt;td&gt;眼神凌厉，轮廓锋利，笑意克制。&lt;/td&gt;&lt;td&gt;适合深色西装、暗色氛围，镜头张力十足。&lt;/td&gt;&lt;td&gt;适合反派对决、权谋布局、黑化逆袭类角色。&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;13–18&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;短剧男主脸型风格 13–18&quot; loading=&quot;lazy&quot; width=&quot;881&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-03-13-18.5Zd6xFEg_ZlH45S.webp&quot; /&gt;&lt;figcaption&gt;短剧男主脸型风格 13–18&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;





















































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;风格名&lt;/th&gt;&lt;th&gt;提示词&lt;/th&gt;&lt;th&gt;适合造型&lt;/th&gt;&lt;th&gt;适合角色&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;13&lt;/td&gt;&lt;td&gt;狐系钓系脸&lt;/td&gt;&lt;td&gt;眼尾微挑，眼神勾人，清冷又带魅惑感。&lt;/td&gt;&lt;td&gt;适合浓颜、微卷发、深色穿搭，镜头氛围感强。&lt;/td&gt;&lt;td&gt;适合危险爱情、诱惑反派、掌控局面类角色。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;14&lt;/td&gt;&lt;td&gt;邻家治愈脸&lt;/td&gt;&lt;td&gt;五官柔和，笑容温暖，亲和力强。&lt;/td&gt;&lt;td&gt;适合针织衫、自然短发，镜头自带生活感。&lt;/td&gt;&lt;td&gt;适合治愈救赎、温暖陪伴、日常男主角色。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;15&lt;/td&gt;&lt;td&gt;破碎感男主脸&lt;/td&gt;&lt;td&gt;眼神空灵带倦意，脆弱感强，故事感明显。&lt;/td&gt;&lt;td&gt;适合清冷穿搭、碎发造型，镜头氛围感拉满。&lt;/td&gt;&lt;td&gt;适合虐恋情深、命运坎坷、救赎成长类角色。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;16&lt;/td&gt;&lt;td&gt;禁欲撩人脸&lt;/td&gt;&lt;td&gt;五官精致，气质克制，眼神克制又带撩意。&lt;/td&gt;&lt;td&gt;适合衬衫、西装、微湿发感，镜头轻熟暧昧。&lt;/td&gt;&lt;td&gt;适合心动拉扯、禁忌关系、高冷类男主角色。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;17&lt;/td&gt;&lt;td&gt;猫系慵懒脸&lt;/td&gt;&lt;td&gt;眼型细长，眼神慵懒，带点疏离感。&lt;/td&gt;&lt;td&gt;适合黑色穿搭、柔软卷发，镜头松弛感十足。&lt;/td&gt;&lt;td&gt;适合神秘顶流、慵懒大佬、掌控局面类角色。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;18&lt;/td&gt;&lt;td&gt;温柔知性脸&lt;/td&gt;&lt;td&gt;眉眼柔和，气质温润，知性优雅从容。&lt;/td&gt;&lt;td&gt;适合衬衫、薄针织、低调配色，镜头自带高级感。&lt;/td&gt;&lt;td&gt;适合医生、律师、温柔成熟型男主角色。&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;19–24&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;短剧男主脸型风格 19–24&quot; loading=&quot;lazy&quot; width=&quot;879&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-04-19-24.BktVj8eG_uosMH.webp&quot; /&gt;&lt;figcaption&gt;短剧男主脸型风格 19–24&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;





















































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;风格名&lt;/th&gt;&lt;th&gt;提示词&lt;/th&gt;&lt;th&gt;适合造型&lt;/th&gt;&lt;th&gt;适合角色&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;19&lt;/td&gt;&lt;td&gt;清贫倔强脸&lt;/td&gt;&lt;td&gt;骨相清瘦，眼神坚定，嘴唇微抿。&lt;/td&gt;&lt;td&gt;适合素朴穿搭、自然碎发，镜头朴实动人。&lt;/td&gt;&lt;td&gt;适合底层奋斗、逆袭成长、坚韧励志类角色。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;20&lt;/td&gt;&lt;td&gt;事业掌控脸&lt;/td&gt;&lt;td&gt;五官凌厉，眼神锐利，下颌清晰。&lt;/td&gt;&lt;td&gt;适合精致西装、成熟发型，镜头冷峻高级。&lt;/td&gt;&lt;td&gt;适合职场掌权人、商战精英、强势男主角色。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;21&lt;/td&gt;&lt;td&gt;病弱白月光脸&lt;/td&gt;&lt;td&gt;肤色偏白，五官柔弱，眼神安静。&lt;/td&gt;&lt;td&gt;适合浅色衬衫、黑色碎发，镜头柔光朦胧。&lt;/td&gt;&lt;td&gt;适合病弱少爷、坎坷身世、被守护类角色。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;22&lt;/td&gt;&lt;td&gt;复仇黑莲脸&lt;/td&gt;&lt;td&gt;五官深邃，眼神凌厉，冷感神秘。&lt;/td&gt;&lt;td&gt;适合黑衬衫、暗色光影，镜头暗黑有张力。&lt;/td&gt;&lt;td&gt;适合复仇逆袭、心机谋略、暗中布局类角色。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;23&lt;/td&gt;&lt;td&gt;文艺淡颜脸&lt;/td&gt;&lt;td&gt;五官清淡，线条柔和，气质安静。&lt;/td&gt;&lt;td&gt;适合毛衣、低饱和穿搭，镜头自然治愈。&lt;/td&gt;&lt;td&gt;适合文艺青年、平凡日常、慢热成长类角色。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;24&lt;/td&gt;&lt;td&gt;高智学霸脸&lt;/td&gt;&lt;td&gt;五官端正，眼神清亮，气质沉稳理性。&lt;/td&gt;&lt;td&gt;适合眼镜、衬衫、低调学院风，镜头理智清冷。&lt;/td&gt;&lt;td&gt;适合学霸精英、科研天才、冷静谋略类角色。&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;25–30&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;短剧男主脸型风格 25–30&quot; loading=&quot;lazy&quot; width=&quot;880&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-05-25-30.CGUPLUof_Z1X3M4v.webp&quot; /&gt;&lt;figcaption&gt;短剧男主脸型风格 25–30&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;





















































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;风格名&lt;/th&gt;&lt;th&gt;提示词&lt;/th&gt;&lt;th&gt;适合造型&lt;/th&gt;&lt;th&gt;适合角色&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;25&lt;/td&gt;&lt;td&gt;混血立体脸&lt;/td&gt;&lt;td&gt;骨相立体，眉骨清晰，五官深邃。&lt;/td&gt;&lt;td&gt;适合西装、金属配饰、利落发型，镜头感强。&lt;/td&gt;&lt;td&gt;适合跨国继承人、神秘贵少、强势男主角色。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;26&lt;/td&gt;&lt;td&gt;明艳贵公子脸&lt;/td&gt;&lt;td&gt;五官明艳大气，眉眼有神，气质华贵。&lt;/td&gt;&lt;td&gt;适合礼服、西装、卷发造型，镜头存在感强。&lt;/td&gt;&lt;td&gt;适合贵公子、掌权少爷、高段位男主角色。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;27&lt;/td&gt;&lt;td&gt;温柔人夫脸&lt;/td&gt;&lt;td&gt;五官柔和，笑眼温润，整体温暖亲和。&lt;/td&gt;&lt;td&gt;适合淡色针织、低调发型，镜头温暖治愈。&lt;/td&gt;&lt;td&gt;适合贤夫人设、婚恋成长、暖心陪伴类角色。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;28&lt;/td&gt;&lt;td&gt;厌世疏离脸&lt;/td&gt;&lt;td&gt;表情冷淡，眼神疏离，轮廓清冷。&lt;/td&gt;&lt;td&gt;适合黑色穿搭、直发碎发，镜头自带故事感。&lt;/td&gt;&lt;td&gt;适合黑化复仇、孤傲少爷、天才型男主角色。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;29&lt;/td&gt;&lt;td&gt;甜飒贵少脸&lt;/td&gt;&lt;td&gt;五官精致灵动，眼神明亮，带点小傲气。&lt;/td&gt;&lt;td&gt;适合精致穿搭、轻奢配饰，镜头甜飒兼具。&lt;/td&gt;&lt;td&gt;适合傲娇少爷、校园男神、反差萌男主角色。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;30&lt;/td&gt;&lt;td&gt;学院清冷脸&lt;/td&gt;&lt;td&gt;五官清秀，线条干净，气质清冷书卷。&lt;/td&gt;&lt;td&gt;适合校服、西装马甲或衬衫，镜头清新自然。&lt;/td&gt;&lt;td&gt;适合学霸校草、理性科研、校园男主角色。&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;31–36&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;短剧男主脸型风格 31–36&quot; loading=&quot;lazy&quot; width=&quot;882&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-06-31-36.BbAwb5xY_2jQXro.webp&quot; /&gt;&lt;figcaption&gt;短剧男主脸型风格 31–36&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;





















































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;风格名&lt;/th&gt;&lt;th&gt;提示词&lt;/th&gt;&lt;th&gt;适合造型&lt;/th&gt;&lt;th&gt;适合角色&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;31&lt;/td&gt;&lt;td&gt;清冷仙气脸&lt;/td&gt;&lt;td&gt;肤色通透，轮廓柔净，眼神安静。&lt;/td&gt;&lt;td&gt;适合浅色长风衣、柔光造型，镜头空灵轻盈。&lt;/td&gt;&lt;td&gt;适合仙侠转世、白月光、宿命羁绊类男主。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;32&lt;/td&gt;&lt;td&gt;逆袭大男主脸&lt;/td&gt;&lt;td&gt;骨相分明，眼神坚韧，气质清醒。&lt;/td&gt;&lt;td&gt;适合利落短发、淡冷妆感，镜头有成长张力。&lt;/td&gt;&lt;td&gt;适合逆袭翻盘、创业奋斗、觉醒反击类角色。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;33&lt;/td&gt;&lt;td&gt;无辜奶狗脸&lt;/td&gt;&lt;td&gt;五官柔软，眼神无辜，表情干净。&lt;/td&gt;&lt;td&gt;适合浅色毛衣、自然碎发，镜头柔和清爽。&lt;/td&gt;&lt;td&gt;适合替身文学、误会虐恋、被偏爱型男主。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;34&lt;/td&gt;&lt;td&gt;机灵甜弟脸&lt;/td&gt;&lt;td&gt;眼神活泼，笑容明亮，五官灵巧。&lt;/td&gt;&lt;td&gt;适合亮色休闲穿搭、俏皮发型，镜头轻松灵动。&lt;/td&gt;&lt;td&gt;适合欢喜冤家、搞笑甜宠、直球追爱类角色。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;35&lt;/td&gt;&lt;td&gt;飒爽律师脸&lt;/td&gt;&lt;td&gt;眉眼利落，神情坚定，专业感强。&lt;/td&gt;&lt;td&gt;适合西装、衬衫、低调发型，镜头冷静可靠。&lt;/td&gt;&lt;td&gt;适合法政题材、翻案主线、理性开挂型男主。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;36&lt;/td&gt;&lt;td&gt;复古名流脸&lt;/td&gt;&lt;td&gt;五官精致，气质华丽，举止优雅。&lt;/td&gt;&lt;td&gt;适合卷发、领带、复古西装，镜头复古精致。&lt;/td&gt;&lt;td&gt;适合年代豪门、家族秘辛、名流成长类角色。&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;37–42&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;短剧男主脸型风格 37–42&quot; loading=&quot;lazy&quot; width=&quot;875&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-07-37-42.DhLEqytQ_27mn6B.webp&quot; /&gt;&lt;figcaption&gt;短剧男主脸型风格 37–42&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;





















































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;风格名&lt;/th&gt;&lt;th&gt;提示词&lt;/th&gt;&lt;th&gt;适合造型&lt;/th&gt;&lt;th&gt;适合角色&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;37&lt;/td&gt;&lt;td&gt;禁欲高岭草脸&lt;/td&gt;&lt;td&gt;骨相清冷，眉眼淡漠，气质克制。&lt;/td&gt;&lt;td&gt;适合极简西装、低饱和造型，镜头高级冷冽。&lt;/td&gt;&lt;td&gt;适合高岭之草、禁欲上司、冷面强者类角色。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;38&lt;/td&gt;&lt;td&gt;纯真鹿系脸&lt;/td&gt;&lt;td&gt;眼神清亮柔软，五官圆润，整体轻盈。&lt;/td&gt;&lt;td&gt;适合校服、针织背心、清新短发，镜头自然可爱。&lt;/td&gt;&lt;td&gt;适合治愈小太阳、校园青涩、陪伴成长类角色。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;39&lt;/td&gt;&lt;td&gt;清醒事业脑脸&lt;/td&gt;&lt;td&gt;轮廓利落，神情果断，眼神稳定。&lt;/td&gt;&lt;td&gt;适合通勤西装、衬衫穿搭，镜头干练利落。&lt;/td&gt;&lt;td&gt;适合事业线男主、创业拍档、理智掌局类角色。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;40&lt;/td&gt;&lt;td&gt;暗黑病娇脸&lt;/td&gt;&lt;td&gt;眼神偏执，五官浓艳，危险感强。&lt;/td&gt;&lt;td&gt;适合暗色系造型、微长发感，镜头压迫感强。&lt;/td&gt;&lt;td&gt;适合偏执爱恋、黑化占有、疯批反转类角色。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;41&lt;/td&gt;&lt;td&gt;温柔哥哥脸&lt;/td&gt;&lt;td&gt;眉眼柔和，笑容从容，气质温暖。&lt;/td&gt;&lt;td&gt;适合毛衣、浅色衬衫，镜头温柔有安全感。&lt;/td&gt;&lt;td&gt;适合年上恋、治愈陪伴、引导成长类角色。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;42&lt;/td&gt;&lt;td&gt;精致王子脸&lt;/td&gt;&lt;td&gt;五官精巧，肤感细腻，贵气华丽。&lt;/td&gt;&lt;td&gt;适合礼服、西装、精致配饰，镜头梦幻贵气。&lt;/td&gt;&lt;td&gt;适合豪门小王子、娇宠少爷、浪漫童话类角色。&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;43–48&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;短剧男主脸型风格 43–48&quot; loading=&quot;lazy&quot; width=&quot;884&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-08-43-48.-YJEr6G2_Z1lEXas.webp&quot; /&gt;&lt;figcaption&gt;短剧男主脸型风格 43–48&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;





















































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;风格名&lt;/th&gt;&lt;th&gt;提示词&lt;/th&gt;&lt;th&gt;适合造型&lt;/th&gt;&lt;th&gt;适合角色&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;43&lt;/td&gt;&lt;td&gt;落魄少爷脸&lt;/td&gt;&lt;td&gt;贵气尚在，神情倔强，眼底带故事感。&lt;/td&gt;&lt;td&gt;适合简约穿搭、淡冷妆感，镜头自带反差张力。&lt;/td&gt;&lt;td&gt;适合家道中落、逆袭归来、豪门复仇类角色。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;44&lt;/td&gt;&lt;td&gt;冷感模特脸&lt;/td&gt;&lt;td&gt;面部留白感强，轮廓利落，气质高级。&lt;/td&gt;&lt;td&gt;适合极简黑白穿搭、利落发型，画面时尚冷感。&lt;/td&gt;&lt;td&gt;适合时尚圈、名利场、高冷气场类角色。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;45&lt;/td&gt;&lt;td&gt;柔弱哭包脸&lt;/td&gt;&lt;td&gt;眼神湿润，表情委屈，脆弱感强。&lt;/td&gt;&lt;td&gt;适合淡色毛衣、碎发造型，镜头柔软有共情力。&lt;/td&gt;&lt;td&gt;适合追妻火葬场、误会虐恋、心碎成长类角色。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;46&lt;/td&gt;&lt;td&gt;清醒复仇脸&lt;/td&gt;&lt;td&gt;眼神冷静，轮廓明晰，克制锋利。&lt;/td&gt;&lt;td&gt;适合利落短发、深色西装，镜头压迫感强。&lt;/td&gt;&lt;td&gt;适合重生复仇、手撕反派、高能反击类角色。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;47&lt;/td&gt;&lt;td&gt;古早白月光脸&lt;/td&gt;&lt;td&gt;五官清俊，气质温柔，笑意很浅。&lt;/td&gt;&lt;td&gt;适合白衬衫、长外套、淡系造型，镜头怀旧干净。&lt;/td&gt;&lt;td&gt;适合旧爱重逢、青春遗憾、念念不忘类角色。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;48&lt;/td&gt;&lt;td&gt;飒气太子脸&lt;/td&gt;&lt;td&gt;五官明艳，气场爽利，高贵又有攻击性。&lt;/td&gt;&lt;td&gt;适合西装或礼服造型，镜头又飒又贵。&lt;/td&gt;&lt;td&gt;适合豪门太子、商战继承人、强势反击类角色。&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;49–54&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;短剧男主脸型风格 49–54&quot; loading=&quot;lazy&quot; width=&quot;889&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-09-49-54.YxEQwbhN_1m7cU5.webp&quot; /&gt;&lt;figcaption&gt;短剧男主脸型风格 49–54&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;





















































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;风格名&lt;/th&gt;&lt;th&gt;提示词&lt;/th&gt;&lt;th&gt;适合造型&lt;/th&gt;&lt;th&gt;适合角色&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;49&lt;/td&gt;&lt;td&gt;书卷温柔脸&lt;/td&gt;&lt;td&gt;五官舒展，眼神平和，书卷气浓。&lt;/td&gt;&lt;td&gt;适合眼镜、浅色穿搭、自然短发，镜头温柔自然。&lt;/td&gt;&lt;td&gt;适合老师、医生、学术型、温暖陪伴类角色。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;50&lt;/td&gt;&lt;td&gt;清冷科研脸&lt;/td&gt;&lt;td&gt;轮廓清爽，神情克制，眼神理性。&lt;/td&gt;&lt;td&gt;适合衬衫、西装、简约妆感，镜头理智高级。&lt;/td&gt;&lt;td&gt;适合科研天才、理工男主、高智破局类角色。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;51&lt;/td&gt;&lt;td&gt;野痞荷尔蒙脸&lt;/td&gt;&lt;td&gt;眉骨硬朗，痞气外放，男性张力强。&lt;/td&gt;&lt;td&gt;适合皮衣、工装、寸头或短碎发，镜头粗粝有冲击力。&lt;/td&gt;&lt;td&gt;适合街头逆袭、热血动作、狠系男主角色。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;52&lt;/td&gt;&lt;td&gt;斯文败类类型脸&lt;/td&gt;&lt;td&gt;五官精致，笑意克制，危险又优雅。&lt;/td&gt;&lt;td&gt;适合金丝眼镜、衬衫马甲、低饱和配色，镜头暗藏压迫感。&lt;/td&gt;&lt;td&gt;适合腹黑反派、双面精英、心机布局类角色。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;53&lt;/td&gt;&lt;td&gt;少年将军脸&lt;/td&gt;&lt;td&gt;眉眼英挺，轮廓利落，少年英气十足。&lt;/td&gt;&lt;td&gt;适合束发、深色制服或古风轻甲，镜头飒爽干净。&lt;/td&gt;&lt;td&gt;适合热血守护、家国成长、少年英雄类角色。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;54&lt;/td&gt;&lt;td&gt;腹黑军师脸&lt;/td&gt;&lt;td&gt;眼神深沉，气质克制，心思缜密。&lt;/td&gt;&lt;td&gt;适合长衫、西装或极简穿搭，镜头沉稳有谋略感。&lt;/td&gt;&lt;td&gt;适合智斗权谋、幕后布局、军师型男主角色。&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;55–60&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;短剧男主脸型风格 55–60&quot; loading=&quot;lazy&quot; width=&quot;882&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-10-55-60.Bih9VnB9_1dO6C4.webp&quot; /&gt;&lt;figcaption&gt;短剧男主脸型风格 55–60&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;





















































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;风格名&lt;/th&gt;&lt;th&gt;提示词&lt;/th&gt;&lt;th&gt;适合造型&lt;/th&gt;&lt;th&gt;适合角色&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;55&lt;/td&gt;&lt;td&gt;异域锋锐脸&lt;/td&gt;&lt;td&gt;轮廓深邃，眉眼锋利，辨识度极高。&lt;/td&gt;&lt;td&gt;适合卷发、耳饰、深色穿搭，镜头神秘张扬。&lt;/td&gt;&lt;td&gt;适合异域贵族、危险情人、强设定男主角色。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;56&lt;/td&gt;&lt;td&gt;漫撕贵公子脸&lt;/td&gt;&lt;td&gt;五官完美，肤感细腻，贵气精致。&lt;/td&gt;&lt;td&gt;适合礼服、丝绒西装、胸针配饰，镜头华丽梦幻。&lt;/td&gt;&lt;td&gt;适合财阀少爷、宴会中心、偶像级男主角色。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;57&lt;/td&gt;&lt;td&gt;忠犬守护脸&lt;/td&gt;&lt;td&gt;眼神真诚，气质可靠，亲近感强。&lt;/td&gt;&lt;td&gt;适合夹克、毛衣、自然短发，镜头温暖踏实。&lt;/td&gt;&lt;td&gt;适合守护骑士、陪伴成长、治愈系男主角色。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;58&lt;/td&gt;&lt;td&gt;冷面法医脸&lt;/td&gt;&lt;td&gt;轮廓冷静，目光专注，理性感很强。&lt;/td&gt;&lt;td&gt;适合白衬衫、黑西装、短发造型，镜头干净克制。&lt;/td&gt;&lt;td&gt;适合法医悬疑、破案主线、专业型男主角色。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;59&lt;/td&gt;&lt;td&gt;狼系狠戾脸&lt;/td&gt;&lt;td&gt;眉眼锋锐，攻击性强，气场凌厉。&lt;/td&gt;&lt;td&gt;适合黑色皮衣、寸发或背头，镜头凶悍有冲击力。&lt;/td&gt;&lt;td&gt;适合黑帮对决、复仇行动、狠厉男主角色。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;60&lt;/td&gt;&lt;td&gt;少年帝王脸&lt;/td&gt;&lt;td&gt;骨相尊贵，神情沉稳，少年王者感强。&lt;/td&gt;&lt;td&gt;适合华服、深色礼服、利落发型，镜头贵气压场。&lt;/td&gt;&lt;td&gt;适合权力继承、帝王成长、天选男主角色。&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;怎么用，别整成词库堆砌&lt;/h2&gt;&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;人设三件套先写死&lt;/strong&gt;：性格 + 身份 + 题材场，再从表里挑气质最近的一款。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;提示词管五官情绪，造型栏管镜头服装&lt;/strong&gt;：两栏一起丢进生成，比单抄风格名稳。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;一部剧锁 1～2 个脸型锚&lt;/strong&gt;：正剧主线一款，黑化/回忆可再开一款；别六款混同一角色骨相。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;气质撞车时看编号邻居&lt;/strong&gt;：清冷系（04/10/28/37）、贵气系（11/26/42/56）、破碎系（15/21/45）各自成簇，比硬背 60 个名字快。&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;想压住镜头节奏，可看 &lt;a href=&quot;/posts/ai-comic-camera-moves-prompts/&quot;&gt;运镜提示词&lt;/a&gt;；女装造型见 &lt;a href=&quot;/posts/ancient-women-costume-six-styles/&quot;&gt;古风六风格&lt;/a&gt;。本篇只解决「这张脸该长什么样」。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>古风女主别再写「汉服长发」：六风格三十六套提示词</title><link>https://fork-firefly.vercel.app/posts/ancient-women-costume-six-styles/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/ancient-women-costume-six-styles/</guid><description>古代女子服饰六种风格的出图提示词，直接套。</description><pubDate>Mon, 10 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;做 AI 漫剧时，古代女角色最容易翻车：想仙气飘逸，出来却像普通古装；想江湖侠女，衣服又不利落。根子多半是提示词太笼统——「古风美女、长发、汉服」几乎等于没写身份。&lt;/p&gt;
&lt;hr /&gt;
&lt;section&gt;&lt;h2&gt;为什么「古风美女」不够用&lt;/h2&gt;&lt;p&gt;身份没写清，模型就往默认古装美女里收。仙侠要御剑与云海，宫廷要等级与纹样，江湖要劲装利落——气质差在角色、配色、服装、发饰、场景这五件事上，不在「再加一个美丽」。&lt;/p&gt;&lt;p&gt;生成时按人物身份拼关键词，画面辨识度更高，也更容易压住整部漫剧的角色统一。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;六张风格页（原图）&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;仙侠风｜六套仙侠女子造型提示词&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/cover.Cn9a4bjc_Z2wGLop.webp&quot; /&gt;&lt;figcaption&gt;仙侠风｜六套仙侠女子造型提示词&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;异域风｜六套丝路/异国女子造型提示词&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-02-02-yiyu.BKDIGC73_Z2Hc5Y.webp&quot; /&gt;&lt;figcaption&gt;异域风｜六套丝路/异国女子造型提示词&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;妖族风｜六套妖族/灵族女子造型提示词&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-03-03-yaozu.CXLb4PP9_EQHnu.webp&quot; /&gt;&lt;figcaption&gt;妖族风｜六套妖族/灵族女子造型提示词&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;江湖风｜六套武侠江湖女子造型提示词&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-04-04-jianghu.CVG-oYks_ZkRWeg.webp&quot; /&gt;&lt;figcaption&gt;江湖风｜六套武侠江湖女子造型提示词&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;宫廷风｜六套宫廷女子造型提示词&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-05-05-gongting.C81_3B_7_dDhvh.webp&quot; /&gt;&lt;figcaption&gt;宫廷风｜六套宫廷女子造型提示词&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;敦煌风｜六套壁画/丝路神女造型提示词&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-06-06-dunhuang.D_DwAAs__Z1aXdi5.webp&quot; /&gt;&lt;figcaption&gt;敦煌风｜六套壁画/丝路神女造型提示词&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;① 仙侠风&lt;/h2&gt;&lt;p&gt;图面副题：本页共 6 种仙气飘逸的仙侠/奇幻女子造型方向，适合仙侠、修真、玄幻题材。&lt;/p&gt;














































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;角色&lt;/th&gt;&lt;th&gt;提示词（图面原文）&lt;/th&gt;&lt;th&gt;关键词&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;1&lt;/td&gt;&lt;td&gt;云岚剑姬&lt;/td&gt;&lt;td&gt;青蓝衣裙，剑穗飘扬，云雾缭绕，御剑姿态，长发飞舞，山峰仙宫，清冷飘逸&lt;/td&gt;&lt;td&gt;清冷、剑气、青蓝、云海、御剑、轻盈&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;霜华灵女&lt;/td&gt;&lt;td&gt;银白冰蓝，薄纱披帛，冰晶雪花，寒气萦绕，灵气凝结，冰川幻境，高贵清雅&lt;/td&gt;&lt;td&gt;冰雪、晶莹、银蓝、灵气、高洁、仙冷&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;桃夭仙使&lt;/td&gt;&lt;td&gt;粉白纱裙，桃花发饰，花瓣飞舞，灵动温柔，仙鹤相伴，春日仙境，浪漫甜美&lt;/td&gt;&lt;td&gt;桃花、粉色、花瓣、灵动、温柔、仙鹤&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;4&lt;/td&gt;&lt;td&gt;星月谪仙&lt;/td&gt;&lt;td&gt;深蓝星空，月冠星链，流光披帛，星辰环绕，手持月辉，夜空宫阙，神秘梦幻&lt;/td&gt;&lt;td&gt;星月、深蓝、流光、神秘、梦幻、高贵&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;5&lt;/td&gt;&lt;td&gt;碧荷真君&lt;/td&gt;&lt;td&gt;碧绿衣裙，荷花头饰，水波环绕，莲叶轻摇，玉佩流苏，清新自然，灵韵悠然&lt;/td&gt;&lt;td&gt;荷花、碧绿、水波、清新、灵韵、端庄&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;6&lt;/td&gt;&lt;td&gt;天阙神女&lt;/td&gt;&lt;td&gt;白金华服，神女冠冕，云海仙宫，金光流转，法杖在手，气场威严，神圣庄重&lt;/td&gt;&lt;td&gt;白金、神圣、云海、宫阙、威严、庄重&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;strong&gt;角色怎么拆（从图面提示词归纳）&lt;/strong&gt;&lt;/p&gt;





















































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;角色&lt;/th&gt;&lt;th&gt;配色&lt;/th&gt;&lt;th&gt;服装/道具&lt;/th&gt;&lt;th&gt;发饰&lt;/th&gt;&lt;th&gt;场景气质&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;云岚剑姬&lt;/td&gt;&lt;td&gt;青蓝&lt;/td&gt;&lt;td&gt;衣裙、剑穗、御剑&lt;/td&gt;&lt;td&gt;长发飞舞&lt;/td&gt;&lt;td&gt;云雾、山峰仙宫、清冷&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;霜华灵女&lt;/td&gt;&lt;td&gt;银白冰蓝&lt;/td&gt;&lt;td&gt;薄纱披帛、冰晶&lt;/td&gt;&lt;td&gt;——&lt;/td&gt;&lt;td&gt;冰川幻境、寒气&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;桃夭仙使&lt;/td&gt;&lt;td&gt;粉白&lt;/td&gt;&lt;td&gt;纱裙&lt;/td&gt;&lt;td&gt;桃花发饰&lt;/td&gt;&lt;td&gt;花瓣、仙鹤、春日仙境&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;星月谪仙&lt;/td&gt;&lt;td&gt;深蓝&lt;/td&gt;&lt;td&gt;流光披帛、月辉&lt;/td&gt;&lt;td&gt;月冠星链&lt;/td&gt;&lt;td&gt;夜空宫阙&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;碧荷真君&lt;/td&gt;&lt;td&gt;碧绿&lt;/td&gt;&lt;td&gt;衣裙、玉佩流苏&lt;/td&gt;&lt;td&gt;荷花头饰&lt;/td&gt;&lt;td&gt;水波、莲叶&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;天阙神女&lt;/td&gt;&lt;td&gt;白金&lt;/td&gt;&lt;td&gt;华服、法杖&lt;/td&gt;&lt;td&gt;神女冠冕&lt;/td&gt;&lt;td&gt;云海仙宫、威严&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;② 宫廷风&lt;/h2&gt;&lt;p&gt;图面副题：本页共 6 种高贵华美的宫廷女子造型，适合宫斗、权谋、古风宫廷故事。&lt;/p&gt;














































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;角色&lt;/th&gt;&lt;th&gt;提示词（图面原文）&lt;/th&gt;&lt;th&gt;关键词&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;1&lt;/td&gt;&lt;td&gt;昭华贵妃&lt;/td&gt;&lt;td&gt;朱红宫装，金线绣牡丹，凤冠步摇，珠翠垂曳，华贵典雅，气度雍容，深宫贵妃&lt;/td&gt;&lt;td&gt;贵妃、牡丹、朱红、金绣、凤冠、珠翠、华丽、雍容、高贵&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;凤仪皇后&lt;/td&gt;&lt;td&gt;明黄皇后礼服，龙凤纹刺绣，十二旒冕冠，端庄威仪，母仪天下，皇权象征&lt;/td&gt;&lt;td&gt;皇后、明黄、龙凤、旒冕、端庄、威严、母仪、尊贵、霸气&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;海棠公主&lt;/td&gt;&lt;td&gt;粉色公主裙，海棠花纹，珠花发饰，轻盈飘逸，温婉灵动，尊贵公主&lt;/td&gt;&lt;td&gt;公主、海棠、粉色、花朵、珠花、轻盈、温婉、灵动、尊贵&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;4&lt;/td&gt;&lt;td&gt;雪庭才人&lt;/td&gt;&lt;td&gt;素白才人服，银雪纹样，白玉发簪，清冷雅致，气质出尘，才情内敛&lt;/td&gt;&lt;td&gt;才人、素白、雪花、银色、清冷、雅致、才情、内敛、出尘&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;5&lt;/td&gt;&lt;td&gt;兰台嫔女&lt;/td&gt;&lt;td&gt;淡紫宫装，兰花刺绣，玉簪流苏，书香气质，温婉端方，兰台读书嫔女&lt;/td&gt;&lt;td&gt;嫔女、兰花、淡紫、刺绣、流苏、文雅、端方、书香、温婉&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;6&lt;/td&gt;&lt;td&gt;夜阙宠妃&lt;/td&gt;&lt;td&gt;墨紫宠妃服，金线暗纹，流苏发饰，夜色宫阙，神秘迷人，受宠倾城&lt;/td&gt;&lt;td&gt;宠妃、墨紫、夜色、金线、流苏、神秘、妖娆、倾城、受宠&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;strong&gt;角色怎么拆&lt;/strong&gt;&lt;/p&gt;





















































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;角色&lt;/th&gt;&lt;th&gt;配色&lt;/th&gt;&lt;th&gt;服装&lt;/th&gt;&lt;th&gt;发饰&lt;/th&gt;&lt;th&gt;场景/身份&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;昭华贵妃&lt;/td&gt;&lt;td&gt;朱红、金绣&lt;/td&gt;&lt;td&gt;宫装牡丹纹&lt;/td&gt;&lt;td&gt;凤冠步摇、珠翠&lt;/td&gt;&lt;td&gt;深宫贵妃&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;凤仪皇后&lt;/td&gt;&lt;td&gt;明黄&lt;/td&gt;&lt;td&gt;龙凤礼服&lt;/td&gt;&lt;td&gt;十二旒冕冠&lt;/td&gt;&lt;td&gt;母仪、皇权&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;海棠公主&lt;/td&gt;&lt;td&gt;粉色&lt;/td&gt;&lt;td&gt;公主裙海棠纹&lt;/td&gt;&lt;td&gt;珠花发饰&lt;/td&gt;&lt;td&gt;温婉灵动&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;雪庭才人&lt;/td&gt;&lt;td&gt;素白、银雪&lt;/td&gt;&lt;td&gt;才人服&lt;/td&gt;&lt;td&gt;白玉发簪&lt;/td&gt;&lt;td&gt;清冷出尘&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;兰台嫔女&lt;/td&gt;&lt;td&gt;淡紫&lt;/td&gt;&lt;td&gt;兰花刺绣宫装&lt;/td&gt;&lt;td&gt;玉簪流苏&lt;/td&gt;&lt;td&gt;书香兰台&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;夜阙宠妃&lt;/td&gt;&lt;td&gt;墨紫、金线暗纹&lt;/td&gt;&lt;td&gt;宠妃服&lt;/td&gt;&lt;td&gt;流苏发饰&lt;/td&gt;&lt;td&gt;夜色宫阙&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;③ 异域风&lt;/h2&gt;&lt;p&gt;图面副题：本页共 6 种异域与丝路风格的古代女子造型方向，适合奇幻、边陲、商路、异国故事。&lt;/p&gt;














































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;角色&lt;/th&gt;&lt;th&gt;提示词（图面原文）&lt;/th&gt;&lt;th&gt;关键词&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;1&lt;/td&gt;&lt;td&gt;赤砂舞姬&lt;/td&gt;&lt;td&gt;赤砂色纱衣，流苏金链，异域舞姬，薄纱披帛，头纱飘饰，沙漠风情，日落余晖，热烈奔放，舞姿灵动&lt;/td&gt;&lt;td&gt;赤砂、流苏、金链、纱裙、头纱、舞姬、热情、沙漠&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;绿洲王姬&lt;/td&gt;&lt;td&gt;翡翠绿长裙，金饰宝冠，绿洲王姬，轻纱头纱，宝石镶嵌，椰枣林与水渠，华丽高贵，权威典雅&lt;/td&gt;&lt;td&gt;绿洲、翡翠、金饰、宝冠、轻纱、宫殿、柳林、典雅&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;蓝纱圣女&lt;/td&gt;&lt;td&gt;天蓝纱衣，白金圣纹，异域圣女，面纱轻垂，神祇祭坛，风中飘带，清冷圣洁，神秘庄严&lt;/td&gt;&lt;td&gt;蓝纱、圣纹、祭坛、面纱、神圣、纯净、庄严、飘带&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;4&lt;/td&gt;&lt;td&gt;紫晶商旅少女&lt;/td&gt;&lt;td&gt;紫色商旅服，头巾披肩，宝石串饰，驼队商路，市集摊位，机敏灵动，探索冒险，异域风情&lt;/td&gt;&lt;td&gt;商旅、紫色、头巾、宝石、驼队、集市、机敏、冒险&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;5&lt;/td&gt;&lt;td&gt;金铃胡旋娘&lt;/td&gt;&lt;td&gt;金铃腰饰，旋舞长袖，胡旋舞娘，彩带飞扬，异域乐器，灯火庭院，舞姿旋转，灵动热情&lt;/td&gt;&lt;td&gt;金铃、彩带、长袖、胡旋舞、乐器、旋转、热烈、灵动&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;6&lt;/td&gt;&lt;td&gt;月幕祭司&lt;/td&gt;&lt;td&gt;月白长裙，星月头饰，神秘祭司，披帛垂落，月幕仪式，夜色神殿，清冷神秘，庄重肃穆&lt;/td&gt;&lt;td&gt;月白、月幕、祭司、星月、神殿、夜色、神秘、肃穆&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;strong&gt;角色怎么拆&lt;/strong&gt;&lt;/p&gt;





















































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;角色&lt;/th&gt;&lt;th&gt;配色&lt;/th&gt;&lt;th&gt;服装/饰&lt;/th&gt;&lt;th&gt;发饰/头饰&lt;/th&gt;&lt;th&gt;场景&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;赤砂舞姬&lt;/td&gt;&lt;td&gt;赤砂&lt;/td&gt;&lt;td&gt;纱衣、流苏金链、披帛&lt;/td&gt;&lt;td&gt;头纱飘饰&lt;/td&gt;&lt;td&gt;沙漠日落&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;绿洲王姬&lt;/td&gt;&lt;td&gt;翡翠&lt;/td&gt;&lt;td&gt;长裙、宝石&lt;/td&gt;&lt;td&gt;金饰宝冠、轻纱头纱&lt;/td&gt;&lt;td&gt;椰枣林与水渠&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;蓝纱圣女&lt;/td&gt;&lt;td&gt;天蓝、白金圣纹&lt;/td&gt;&lt;td&gt;纱衣、飘带&lt;/td&gt;&lt;td&gt;面纱&lt;/td&gt;&lt;td&gt;神祇祭坛&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;紫晶商旅少女&lt;/td&gt;&lt;td&gt;紫色&lt;/td&gt;&lt;td&gt;商旅服、宝石串饰&lt;/td&gt;&lt;td&gt;头巾披肩&lt;/td&gt;&lt;td&gt;驼队、市集&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;金铃胡旋娘&lt;/td&gt;&lt;td&gt;彩带、金铃&lt;/td&gt;&lt;td&gt;长袖旋舞&lt;/td&gt;&lt;td&gt;金铃腰饰&lt;/td&gt;&lt;td&gt;灯火庭院、乐器&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;月幕祭司&lt;/td&gt;&lt;td&gt;月白&lt;/td&gt;&lt;td&gt;长裙、披帛&lt;/td&gt;&lt;td&gt;星月头饰&lt;/td&gt;&lt;td&gt;月幕仪式、夜色神殿&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;④ 江湖风&lt;/h2&gt;&lt;p&gt;图面副题：本页共 6 种江湖风古代女子造型方向，适合武侠、侠客、江湖故事创作。&lt;/p&gt;














































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;角色&lt;/th&gt;&lt;th&gt;提示词（图面原文）&lt;/th&gt;&lt;th&gt;关键词&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;1&lt;/td&gt;&lt;td&gt;竹影女剑客&lt;/td&gt;&lt;td&gt;竹林深处，青衣劲装，腰佩长剑，衣袂随风，神色清冷，剑气凛然，山风吹拂，竹影婆娑&lt;/td&gt;&lt;td&gt;竹林、青衣、长剑、侠女、清冷、剑气&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;夜行影卫&lt;/td&gt;&lt;td&gt;夜色如墨，黑衣劲装，束发藏锋，轻功跃檐，月下潜行，目光如炬，剑匣暗藏，孤影无痕&lt;/td&gt;&lt;td&gt;夜色、黑衣、面巾、轻功、隐秘、冷峻&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;杏林医娘&lt;/td&gt;&lt;td&gt;药香袅袅，素衣纱裙，发间簪花，执药碾药，目光温柔，悬壶济世，仁心仁术，清雅恬静&lt;/td&gt;&lt;td&gt;医娘、药铺、素衣、草药、温婉、仁心&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;4&lt;/td&gt;&lt;td&gt;铁坊少掌柜&lt;/td&gt;&lt;td&gt;铁炉熊熊，劲装挽袖，汗珠微落，手持锤钳，目光果敢，掌铁坊生意，巾帼不让须眉&lt;/td&gt;&lt;td&gt;铁坊、锻造、劲装、挽袖、飒爽、果敢&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;5&lt;/td&gt;&lt;td&gt;酒肆女掌柜&lt;/td&gt;&lt;td&gt;红灯高挂，锦衣裙装，发饰华美，执杯迎客，谈笑风生，掌酒肆生意，豪爽大气，气场强大&lt;/td&gt;&lt;td&gt;酒肆、掌柜、红衣、杯酒、豪爽、气场&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;6&lt;/td&gt;&lt;td&gt;雪溪刀客&lt;/td&gt;&lt;td&gt;雪落溪畔，白衣披白，腰佩长刀，孤身行走，目光凌厉，行侠仗义，风雪相伴，傲骨铮铮&lt;/td&gt;&lt;td&gt;雪景、白衣、长刀、刀客、孤傲、侠义&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;strong&gt;角色怎么拆&lt;/strong&gt;&lt;/p&gt;





















































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;角色&lt;/th&gt;&lt;th&gt;配色/装&lt;/th&gt;&lt;th&gt;道具&lt;/th&gt;&lt;th&gt;发饰&lt;/th&gt;&lt;th&gt;场景&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;竹影女剑客&lt;/td&gt;&lt;td&gt;青衣劲装&lt;/td&gt;&lt;td&gt;长剑&lt;/td&gt;&lt;td&gt;——&lt;/td&gt;&lt;td&gt;竹林、山风&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;夜行影卫&lt;/td&gt;&lt;td&gt;黑衣劲装、面巾&lt;/td&gt;&lt;td&gt;剑匣&lt;/td&gt;&lt;td&gt;束发&lt;/td&gt;&lt;td&gt;月下屋檐、潜行&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;杏林医娘&lt;/td&gt;&lt;td&gt;素衣纱裙&lt;/td&gt;&lt;td&gt;药碾&lt;/td&gt;&lt;td&gt;发间簪花&lt;/td&gt;&lt;td&gt;药香、药铺气&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;铁坊少掌柜&lt;/td&gt;&lt;td&gt;劲装挽袖&lt;/td&gt;&lt;td&gt;锤钳&lt;/td&gt;&lt;td&gt;——&lt;/td&gt;&lt;td&gt;铁炉&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;酒肆女掌柜&lt;/td&gt;&lt;td&gt;锦衣偏红&lt;/td&gt;&lt;td&gt;杯&lt;/td&gt;&lt;td&gt;华美发饰&lt;/td&gt;&lt;td&gt;红灯酒肆&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;雪溪刀客&lt;/td&gt;&lt;td&gt;白衣披白&lt;/td&gt;&lt;td&gt;长刀&lt;/td&gt;&lt;td&gt;——&lt;/td&gt;&lt;td&gt;雪落溪畔&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;blockquote&gt;&lt;p&gt;「白衣披白」按图面可见字形抄录；若实拍印刷更像「披帛」，以原图为准。&lt;/p&gt;&lt;/blockquote&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;⑤ 妖族风&lt;/h2&gt;&lt;p&gt;图面副题：本页共 6 种妖族/灵族的古代女子造型方向，适合仙侠、妖魔、玄幻题材。&lt;/p&gt;














































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;角色&lt;/th&gt;&lt;th&gt;提示词（图面原文）&lt;/th&gt;&lt;th&gt;关键词&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;1&lt;/td&gt;&lt;td&gt;雪尾狐灵&lt;/td&gt;&lt;td&gt;雪白狐耳，九尾如雪，红白狐纹妆，银发红瞳，冰雪霜花，红白狐裘，月夜神社，清冷灵动&lt;/td&gt;&lt;td&gt;狐耳、九尾、雪白、红瞳、冰雪、月夜、神社&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;炽羽凰姬&lt;/td&gt;&lt;td&gt;朱羽凤冠，金红羽衣，凤焰流光，火凤凰纹身，烈焰缠绕，金羽飘逸，〔图面文字不清〕，涅槃重生&lt;/td&gt;&lt;td&gt;凤凰、火焰、金红、羽翼、凤冠、涅槃、烈焰&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;青鳞蛇后&lt;/td&gt;&lt;td&gt;青鳞蛇身，蛇纹面饰，碧玉发冠，水潭薄雾，蛇影缭绕，鳞片流光，清冷妖冶，掌控水域&lt;/td&gt;&lt;td&gt;蛇身、鳞片、青绿、水潭、蛇影、冷艳、掌控&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;4&lt;/td&gt;&lt;td&gt;樱花花魅&lt;/td&gt;&lt;td&gt;樱花发饰，花瓣衣裙，花香萦绕，桃粉妆容，花影迷离，花瓣飘落，温柔魅惑，春日妖姬&lt;/td&gt;&lt;td&gt;樱花、花瓣、粉色、花魅、春日、飘落、魅惑&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;5&lt;/td&gt;&lt;td&gt;孔雀妖使&lt;/td&gt;&lt;td&gt;孔雀翎羽，翎冠发饰，宝蓝衣裙，孔雀开屏，翎羽联动，流光溢彩，优雅神秘，妖使降临&lt;/td&gt;&lt;td&gt;孔雀、翎羽、宝蓝、开屏、羽冠、神秘、妖使&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;6&lt;/td&gt;&lt;td&gt;幻夜蝶妖&lt;/td&gt;&lt;td&gt;蝶翼轻纱，紫黑蝶纹，夜色幻影，蝶发饰，幻夜流光，蝶群环绕，迷离梦境，魅惑妖姬&lt;/td&gt;&lt;td&gt;蝴蝶、蝶翼、紫黑、幻夜、蝶群、梦境、妖姬&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;strong&gt;炽羽凰姬&lt;/strong&gt; 倒数第二组多轮 OCR 在「凤眸高贵 / 凤舞高贵」间摇摆，正文不硬选，见文末缺失项。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;角色怎么拆&lt;/strong&gt;&lt;/p&gt;





















































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;角色&lt;/th&gt;&lt;th&gt;族征/配色&lt;/th&gt;&lt;th&gt;服装&lt;/th&gt;&lt;th&gt;发饰&lt;/th&gt;&lt;th&gt;场景&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;雪尾狐灵&lt;/td&gt;&lt;td&gt;狐耳九尾、银发红瞳、红白&lt;/td&gt;&lt;td&gt;狐裘、狐纹妆&lt;/td&gt;&lt;td&gt;——&lt;/td&gt;&lt;td&gt;月夜神社、冰雪&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;炽羽凰姬&lt;/td&gt;&lt;td&gt;金红、火焰、羽翼&lt;/td&gt;&lt;td&gt;羽衣、纹身&lt;/td&gt;&lt;td&gt;凤冠&lt;/td&gt;&lt;td&gt;烈焰、涅槃&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;青鳞蛇后&lt;/td&gt;&lt;td&gt;青绿鳞&lt;/td&gt;&lt;td&gt;蛇身、面饰&lt;/td&gt;&lt;td&gt;碧玉发冠&lt;/td&gt;&lt;td&gt;水潭、蛇影&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;樱花花魅&lt;/td&gt;&lt;td&gt;桃粉&lt;/td&gt;&lt;td&gt;花瓣衣裙&lt;/td&gt;&lt;td&gt;樱花发饰&lt;/td&gt;&lt;td&gt;花瓣飘落&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;孔雀妖使&lt;/td&gt;&lt;td&gt;宝蓝&lt;/td&gt;&lt;td&gt;衣裙、开屏翎羽&lt;/td&gt;&lt;td&gt;翎冠&lt;/td&gt;&lt;td&gt;流光、妖使&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;幻夜蝶妖&lt;/td&gt;&lt;td&gt;紫黑&lt;/td&gt;&lt;td&gt;蝶翼轻纱、蝶纹&lt;/td&gt;&lt;td&gt;蝶发饰&lt;/td&gt;&lt;td&gt;幻夜、蝶群&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;⑥ 敦煌风&lt;/h2&gt;&lt;p&gt;图面副题：本页共 6 种敦煌风古代女子造型方向，适合壁画、丝路、神女、沙漠奇幻等故事创作。&lt;/p&gt;














































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;角色&lt;/th&gt;&lt;th&gt;提示词（图面原文）&lt;/th&gt;&lt;th&gt;关键词&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;1&lt;/td&gt;&lt;td&gt;反弹琵琶天女&lt;/td&gt;&lt;td&gt;天女反弹琵琶，飘带环绕，衣袂轻扬，壁画飞天彩绘质感，云气流动，姿态优美，灵动婉转&lt;/td&gt;&lt;td&gt;琵琶、飞天、反弹、飘带、壁画、彩云、乐伎、灵动、天衣、曲线美&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;莲灯壁画仙姬&lt;/td&gt;&lt;td&gt;壁画风仙姬，手持莲灯，衣带缠绕，莲花环绕，光影柔和，禅意清雅，壁画质感，庄严祥和&lt;/td&gt;&lt;td&gt;莲花、莲灯、壁画、仙姬、佛光、供养、文殊、菩萨、清雅、宁静&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;砂海圣行者&lt;/td&gt;&lt;td&gt;沙海行者，头纱披肩，手持法杖，丝路旅途，金砂漫天，孤寂辽阔，信仰坚定，神秘庄重&lt;/td&gt;&lt;td&gt;丝路、沙漠、行者、头纱、法杖、驼队、圣迹、远行、风沙、信仰&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;4&lt;/td&gt;&lt;td&gt;灵鹿守窟神使&lt;/td&gt;&lt;td&gt;灵鹿神使，洞窟壁画背景，鹿伴左右，衣饰华美，气质温柔，守护神圣，静谧灵动，壁画意境&lt;/td&gt;&lt;td&gt;灵鹿、洞窟、守护、神使、壁画、鹿角、慈悲、仙气、圣域、轻柔&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;5&lt;/td&gt;&lt;td&gt;飞绫舞天姬&lt;/td&gt;&lt;td&gt;舞动飞绫天姬，身姿轻盈，彩带飘逸，云天飞舞，壁画飞天风格，色彩明丽，飘逸灵动，仙乐悠扬&lt;/td&gt;&lt;td&gt;飞绫、天姬、舞姿、飘带、云天、飞天、壁画、仙乐、轻盈、色彩感&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;6&lt;/td&gt;&lt;td&gt;暮沙神谕者&lt;/td&gt;&lt;td&gt;暮色沙漠神谕者，手持星盘，预言未来，装饰繁复，神秘深邃，光影交错，庄严冷峻，宿命感强&lt;/td&gt;&lt;td&gt;神谕、星盘、沙漠、预言者、暮色、符文、神秘、高贵、宿命、深邃&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;blockquote&gt;&lt;p&gt;「壁画风仙姬」：副题强调壁画风；若原图无「风」字，以原图为准（见缺失项）。&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;&lt;strong&gt;角色怎么拆&lt;/strong&gt;&lt;/p&gt;





















































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;角色&lt;/th&gt;&lt;th&gt;质感/配色&lt;/th&gt;&lt;th&gt;道具/服装&lt;/th&gt;&lt;th&gt;头饰&lt;/th&gt;&lt;th&gt;场景&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;反弹琵琶天女&lt;/td&gt;&lt;td&gt;壁画飞天彩绘&lt;/td&gt;&lt;td&gt;琵琶、飘带、衣袂&lt;/td&gt;&lt;td&gt;——&lt;/td&gt;&lt;td&gt;云气流动&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;莲灯壁画仙姬&lt;/td&gt;&lt;td&gt;壁画质感、禅意&lt;/td&gt;&lt;td&gt;莲灯、衣带&lt;/td&gt;&lt;td&gt;——&lt;/td&gt;&lt;td&gt;莲花环绕&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;砂海圣行者&lt;/td&gt;&lt;td&gt;金砂&lt;/td&gt;&lt;td&gt;法杖、头纱披肩&lt;/td&gt;&lt;td&gt;头纱&lt;/td&gt;&lt;td&gt;丝路沙漠&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;灵鹿守窟神使&lt;/td&gt;&lt;td&gt;华美衣饰&lt;/td&gt;&lt;td&gt;——&lt;/td&gt;&lt;td&gt;——&lt;/td&gt;&lt;td&gt;洞窟壁画、灵鹿&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;飞绫舞天姬&lt;/td&gt;&lt;td&gt;明丽彩带&lt;/td&gt;&lt;td&gt;飞绫、舞姿&lt;/td&gt;&lt;td&gt;——&lt;/td&gt;&lt;td&gt;云天飞舞&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;暮沙神谕者&lt;/td&gt;&lt;td&gt;暮色、繁复装饰&lt;/td&gt;&lt;td&gt;星盘&lt;/td&gt;&lt;td&gt;纱/头饰&lt;/td&gt;&lt;td&gt;沙漠神谕&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;通用画质词 &amp;amp; 反向词（图面页脚）&lt;/h2&gt;&lt;p&gt;多数风格页页脚接近（仙侠页可见原文）：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;超高画质，细节丰富，国风插画，光影唯美，色彩柔和，皮肤细腻，衣纹飘逸，背景精美，构图优雅，氛围感强，全身或近全身，8k，高清，电影级质感&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;低画质，模糊，手部畸形，变形，五官扭曲，裁剪，水印，文字，logo，重复身体，多余手指，解剖错误，比例失调，光线杂乱&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;&lt;strong&gt;敦煌页&lt;/strong&gt;画质词单独一版（图面可见）：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;超高画质，细节丰富，敦煌壁画风格，矿物颜料质感，绢本肌理，金箔点缀，色彩典雅，光影柔和，构图讲究，8k高清，电影级氛围，东方美学，神圣庄严&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;异域页「色彩」处可见「绚丽」、宫廷页可见「华丽」——按题材换一两个色感词即可，不必六页死抄同一串。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;怎么用才像一部戏里的人&lt;/h2&gt;&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;先定身份，再贴风格页&lt;/strong&gt;：女主是剑修还是贵妃，比先写「好看」重要。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;提示词 + 关键词叠一层&lt;/strong&gt;：提示词管画面事件与物件，关键词管气质标签；漫剧多镜可固定 3～5 个关键词当角色锚。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;画质词垫底、反向词拦住残肢水印&lt;/strong&gt;：敦煌题材优先换壁画那组画质词。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;别六套混进同一角色&lt;/strong&gt;：换装可以，族征（狐耳 / 十二旒 / 劲装面巾）别一场戏里互殴。&lt;/li&gt;
&lt;/ol&gt;&lt;/section&gt;</content:encoded></item><item><title>人物场景再精致，固定机位也只是会说话的插画</title><link>https://fork-firefly.vercel.app/posts/ai-comic-camera-moves-prompts/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/ai-comic-camera-moves-prompts/</guid><description>AI 漫剧可用的 36 种运镜提示词，按镜头意图分类。</description><pubDate>Mon, 10 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;做 AI 漫剧时，人物和场景已经够精致了，镜头却一直钉死——成片还是很容易滑成「会说话的插画」。&lt;/p&gt;
&lt;p&gt;真正把情绪带起来的，往往还是运镜本身。&lt;/p&gt;
&lt;p&gt;这篇把常用运镜按六个方向拆开：推、拉、摇、移、跟、特殊。每条都是能直接丢进视频模型的提示词思路，不是概念课。&lt;/p&gt;
&lt;blockquote&gt;&lt;p&gt;&lt;strong&gt;计数脚注&lt;/strong&gt;：原标题与导语写「36种」；六张信息图上可辨编号条目合计 &lt;strong&gt;39&lt;/strong&gt;（推7 + 拉6 + 摇6 + 移6 + 跟7 + 特殊7）。下文按图面实录，不编造、不删条去凑 36。&lt;/p&gt;&lt;/blockquote&gt;
&lt;p&gt;旁链（不合并）：&lt;a href=&quot;../2026-08-10_AI%E5%9B%BE%E7%89%87%E6%8F%90%E7%A4%BA%E8%AF%8D%E5%8F%8D%E6%8E%A8%E5%85%AC%E5%BC%8F/&quot;&gt;静图 Prompt 反推&lt;/a&gt; · &lt;a href=&quot;../2026-08-10_baoyu-comic%E7%9F%A5%E8%AF%86%E6%BC%AB%E7%94%BB%E5%B7%A5%E4%BD%9C%E6%B5%81%E6%8B%86%E8%A7%A3/&quot;&gt;baoyu-comic 分镜流水线&lt;/a&gt; · &lt;a href=&quot;../2026-08-10_verysmallwoods%E8%A7%86%E9%A2%91%E6%B5%81%E6%B0%B4%E7%BA%BF%E6%8B%86%E8%A7%A3/&quot;&gt;verysmallwoods 视频流水线&lt;/a&gt; · &lt;a href=&quot;../../Archive/2026-08-06_MiniMax%E7%94%9F%E6%88%90%E4%BD%93%E7%B3%BB%E4%BC%98%E5%8C%96/&quot;&gt;MiniMax 当制片&lt;/a&gt;&lt;/p&gt;
&lt;hr /&gt;
&lt;section&gt;&lt;h2&gt;万用组合，比堆特效管用&lt;/h2&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;[景别] + [运镜动词] + [速度/半径/角度] + [主体动作] + [环境/光影] + [4K+防崩约束]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;运镜不是越复杂越好，关键是对上剧情要的情绪：&lt;/p&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;想表达&lt;/th&gt;&lt;th&gt;更合适的方向&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;孤独&lt;/td&gt;&lt;td&gt;慢拉&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;突出细节&lt;/td&gt;&lt;td&gt;缓推&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;代入感&lt;/td&gt;&lt;td&gt;跟拍&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;空间关系&lt;/td&gt;&lt;td&gt;摇镜 / 移镜&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;爆发、记忆点&lt;/td&gt;&lt;td&gt;特殊运镜（别天天上）&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;推镜头：控制距离，放大情绪&lt;/h2&gt;&lt;p&gt;把观众的注意力慢慢推向重点。核心：&lt;strong&gt;控制距离，放大情绪，聚焦重点。&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;推镜头：七种提示词思路&quot; loading=&quot;lazy&quot; width=&quot;766&quot; height=&quot;1024&quot; src=&quot;/_astro/cover.CgUun1-w_1MCBkl.webp&quot; /&gt;&lt;figcaption&gt;推镜头：七种提示词思路&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;












































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;名称&lt;/th&gt;&lt;th&gt;提示词思路（图面原文）&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;①&lt;/td&gt;&lt;td&gt;慢推情绪&lt;/td&gt;&lt;td&gt;3秒内从中景缓推到眼部特写，带轻微呼吸感，适合内心独白&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;②&lt;/td&gt;&lt;td&gt;急推进击&lt;/td&gt;&lt;td&gt;全景急推到惊恐面部特写，约0.5秒完成，制造紧张&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;③&lt;/td&gt;&lt;td&gt;逐层揭示&lt;/td&gt;&lt;td&gt;从远景推进到中景，最后定格关键物体&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;④&lt;/td&gt;&lt;td&gt;瞳孔放大&lt;/td&gt;&lt;td&gt;从面部中景急推到眼部大特写，抓住瞳孔变化&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑤&lt;/td&gt;&lt;td&gt;犹豫呼吸推&lt;/td&gt;&lt;td&gt;推近1秒，停0.3秒，再拉回0.5秒，重复两次&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑥&lt;/td&gt;&lt;td&gt;冲击回弹推&lt;/td&gt;&lt;td&gt;撞击或爆炸瞬间猛推到特写，再轻微回弹&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑦&lt;/td&gt;&lt;td&gt;穿物转场推&lt;/td&gt;&lt;td&gt;穿过玻璃、水面或烟雾，模糊后进入新场景&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;拉镜头：把人拉回环境&lt;/h2&gt;&lt;p&gt;把人物拉回环境，让情绪和空间一起出现。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;拉镜头：六种提示词思路&quot; loading=&quot;lazy&quot; width=&quot;766&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-02-02-pull.DZCAp2RG_A378A.webp&quot; /&gt;&lt;figcaption&gt;拉镜头：六种提示词思路&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;







































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;名称&lt;/th&gt;&lt;th&gt;提示词思路（图面原文）&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;①&lt;/td&gt;&lt;td&gt;孤独慢拉&lt;/td&gt;&lt;td&gt;从人物眼泪特写缓慢拉到空荡全景，环境逐渐清晰&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;②&lt;/td&gt;&lt;td&gt;灾难急速拉&lt;/td&gt;&lt;td&gt;从角色近景急速拉到大远景，1秒内制造失控感&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;③&lt;/td&gt;&lt;td&gt;渺小感拉&lt;/td&gt;&lt;td&gt;从中景向后拉远，人物逐渐变小，环境占满画面&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;④&lt;/td&gt;&lt;td&gt;真相反转拉&lt;/td&gt;&lt;td&gt;从照片特写急速拉远，展示照片所处的完整场景&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑤&lt;/td&gt;&lt;td&gt;转场拉出&lt;/td&gt;&lt;td&gt;从水面、镜面或车窗中拉出，完成虚拟到现实过渡&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑥&lt;/td&gt;&lt;td&gt;晕厥抽离拉&lt;/td&gt;&lt;td&gt;从人物面部快速拉远并虚化到全白或全黑&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;摇镜头：核心是「流动」&lt;/h2&gt;&lt;p&gt;通过摇动视角改变观察方式和画面节奏。先分清两件事：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;摇（Pan）&lt;/strong&gt;：镜头水平移动，视野左右展开&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;仰/俯摇（Tilt）&lt;/strong&gt;：镜头上下移动，视野上下延展&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;摇镜头的核心是「流动」——让观众像被带着看，情绪也随之起伏。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;摇镜头：六种提示词思路&quot; loading=&quot;lazy&quot; width=&quot;766&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-03-03-pan.quZnRXXA_Z1zpPbh.webp&quot; /&gt;&lt;figcaption&gt;摇镜头：六种提示词思路&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;







































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;名称&lt;/th&gt;&lt;th&gt;提示词思路（图面原文）&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;①&lt;/td&gt;&lt;td&gt;横摇扫全景&lt;/td&gt;&lt;td&gt;镜头水平缓慢摇动，扫过街道或战场全景&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;②&lt;/td&gt;&lt;td&gt;全身展示摇&lt;/td&gt;&lt;td&gt;从脚底垂直摇到头顶，展示服饰和姿态&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;③&lt;/td&gt;&lt;td&gt;极速甩镜&lt;/td&gt;&lt;td&gt;急速横摇，制造强烈运动模糊，适合激烈转场&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;④&lt;/td&gt;&lt;td&gt;悠闲跟随摇&lt;/td&gt;&lt;td&gt;缓慢摇动跟随飞鸟、车流等移动物体&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑤&lt;/td&gt;&lt;td&gt;背后有人摇&lt;/td&gt;&lt;td&gt;从人物正面缓慢摇到背后并停住，暗示被跟踪&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑥&lt;/td&gt;&lt;td&gt;醉酒来回摇&lt;/td&gt;&lt;td&gt;镜头左右来回摇摆，频率渐快，表现眩晕感&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;移镜头：镜头在空间里走&lt;/h2&gt;&lt;p&gt;让镜头在空间中移动，画面会更有现场感。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;移镜头：六种提示词思路&quot; loading=&quot;lazy&quot; width=&quot;766&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-04-04-truck.CgUcaMca_Z2ul9tg.webp&quot; /&gt;&lt;figcaption&gt;移镜头：六种提示词思路&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;







































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;名称&lt;/th&gt;&lt;th&gt;提示词思路（图面原文）&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;①&lt;/td&gt;&lt;td&gt;平行跟移&lt;/td&gt;&lt;td&gt;镜头与人物平行移动，保持中景，速度匹配步伐&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;②&lt;/td&gt;&lt;td&gt;360°环绕&lt;/td&gt;&lt;td&gt;镜头绕主体旋转一整圈，保持轻微仰角&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;③&lt;/td&gt;&lt;td&gt;滑轨横移&lt;/td&gt;&lt;td&gt;平滑横向平移，掠过墙壁、树丛或人群展示细节&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;④&lt;/td&gt;&lt;td&gt;穿墙转场移&lt;/td&gt;&lt;td&gt;横向移动并穿过门框或树丛，遮挡后进入新空间&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑤&lt;/td&gt;&lt;td&gt;弧形绕障移&lt;/td&gt;&lt;td&gt;沿弧形轨迹移动，绕过前景障碍物平滑过渡&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑥&lt;/td&gt;&lt;td&gt;垂直升降横移&lt;/td&gt;&lt;td&gt;下降的同时横移，形成楼上到楼下的视角切换&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;跟镜头：把观众拴在角色身上&lt;/h2&gt;&lt;p&gt;让观众紧跟角色，代入行动和情绪变化。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;跟镜头：七种提示词思路&quot; loading=&quot;lazy&quot; width=&quot;766&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-05-05-follow.DRNq5znz_1WJw9C.webp&quot; /&gt;&lt;figcaption&gt;跟镜头：七种提示词思路&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;












































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;名称&lt;/th&gt;&lt;th&gt;提示词思路（图面原文）&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;①&lt;/td&gt;&lt;td&gt;手持慌乱跟&lt;/td&gt;&lt;td&gt;轻微无规则晃动，跟随角色奔跑，增强纪实感&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;②&lt;/td&gt;&lt;td&gt;侧面速度跟&lt;/td&gt;&lt;td&gt;在角色侧面平行移动，发丝衣角飘动，背景模糊&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;③&lt;/td&gt;&lt;td&gt;背影沉浸跟&lt;/td&gt;&lt;td&gt;镜头位于角色身后，代入角色视角，带呼吸起伏&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;④&lt;/td&gt;&lt;td&gt;正面压迫跟&lt;/td&gt;&lt;td&gt;角色直面镜头走来，表情逐渐清晰，适合反派登场&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑤&lt;/td&gt;&lt;td&gt;加速追逐跟&lt;/td&gt;&lt;td&gt;跟拍并逐渐提速，镜头与角色距离保持不变&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑥&lt;/td&gt;&lt;td&gt;第一人称跟&lt;/td&gt;&lt;td&gt;模拟角色眼睛所见，聚焦前方目标，周围虚化&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑦&lt;/td&gt;&lt;td&gt;低角度脚步跟&lt;/td&gt;&lt;td&gt;镜头贴近地面，跟拍快速脚步，表现匆忙或神秘&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;特殊运镜：爆点才上，别当日常调料&lt;/h2&gt;&lt;p&gt;用更强烈的镜头语言制造记忆点和戏剧性。特殊运镜是情绪的放大器——用得好，故事会立刻记住你；天天上，观众只会觉得你在炫技。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;特殊运镜：七种提示词思路&quot; loading=&quot;lazy&quot; width=&quot;766&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-06-06-special.BY2oYmNA_1Uf0yC.webp&quot; /&gt;&lt;figcaption&gt;特殊运镜：七种提示词思路&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;












































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;名称&lt;/th&gt;&lt;th&gt;提示词思路（图面原文）&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;①&lt;/td&gt;&lt;td&gt;一镜到底&lt;/td&gt;&lt;td&gt;无剪辑连续镜头，跟随角色穿过3个以上场景&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;②&lt;/td&gt;&lt;td&gt;希区柯克变焦&lt;/td&gt;&lt;td&gt;镜头后拉同时推焦，主体不变，背景压缩变形&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;③&lt;/td&gt;&lt;td&gt;子弹时间定格&lt;/td&gt;&lt;td&gt;镜头绕主体极速旋转，突然完全定格再恢复&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;④&lt;/td&gt;&lt;td&gt;眩晕旋转&lt;/td&gt;&lt;td&gt;以角色为轴心快速旋转，持续制造模糊感&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑤&lt;/td&gt;&lt;td&gt;坠落失重&lt;/td&gt;&lt;td&gt;镜头随角色一起下坠，背景快速上升&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑥&lt;/td&gt;&lt;td&gt;时间凝滞&lt;/td&gt;&lt;td&gt;高速运动中突然静止，所有元素短暂停格&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑦&lt;/td&gt;&lt;td&gt;残影分身移&lt;/td&gt;&lt;td&gt;镜头平移扫过多重残影，透明度由实到虚递增&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;怎么选，别怎么炫&lt;/h2&gt;&lt;p&gt;固定机位再精致，也只是插画会说话。先问剧情要什么情绪，再选推 / 拉 / 摇 / 移 / 跟；只有真需要爆发或记忆点时，再动特殊运镜。&lt;/p&gt;&lt;p&gt;拼口令时按上方公式塞进景别、速度和防崩约束即可——方向对了，复杂运镜不是加分项。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>3 分钟交切图：GPT Image 2 把 UI 从灵感图做成可编辑资产</title><link>https://fork-firefly.vercel.app/posts/gpt-image2-ui-layer-slice/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/gpt-image2-ui-layer-slice/</guid><description>GPT Image 2 做 UI：分层、切图、交付怎么串。</description><pubDate>Mon, 10 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;以前拿 AI 出 UI，多半是「看起来像 App」的一张扁图：中文糊、结构飘、前端没法拆。GPT Image 2 这次把口子拧到交付侧——文字能读、懂导航/卡片/Tab，还能按背景 / 组件 / 图标 / 文字分层导出。跑通一轮大约三分钟：先把整体对上，再抠细节，最后交切图。&lt;/p&gt;
&lt;hr /&gt;
&lt;section&gt;&lt;h2&gt;为什么这次不一样&lt;/h2&gt;&lt;p&gt;图面原话写得很直：&lt;strong&gt;不只是画图，是生产素材&lt;/strong&gt;。左边便签三条：更懂中文、更像设计师、直接出素材。中间那条箭头才是重点——从灵感图到可交付 UI 资产（分层资源）。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;GPT Image 2 为什么不一样&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;576&quot; src=&quot;/_astro/cover.DxQ491vD_eHevD.webp&quot; /&gt;&lt;figcaption&gt;GPT Image 2 为什么不一样&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;三刀能力，对照着用：&lt;/p&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;能力&lt;/th&gt;&lt;th&gt;图面说法&lt;/th&gt;&lt;th&gt;你要盯的结果&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;文字清晰&lt;/td&gt;&lt;td&gt;中文也能稳定出清&lt;/td&gt;&lt;td&gt;按钮「确认」、输入框「请输入用户名」一类字能直接读&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;懂 UI 结构&lt;/td&gt;&lt;td&gt;导航 / 卡片 / Tab&lt;/td&gt;&lt;td&gt;顶栏、内容区、底栏各归其位，不是一张海报硬塞控件&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;分层可编辑&lt;/td&gt;&lt;td&gt;背景 / 组件 / 图标 / 文字&lt;/td&gt;&lt;td&gt;导出 PNG 分层，能改、能交、能进 Figma&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;底下一行流程也写死了：&lt;code&gt;prompt → screen → refine → layers&lt;/code&gt;。别指望一句提示词同时完成构图和像素级细节。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;3 分钟四步&lt;/h2&gt;&lt;p&gt;口诀跟图底虚线框一致：&lt;strong&gt;整体先对 → 再抠细节 → 最后交付切图&lt;/strong&gt;。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;3 分钟跑通一轮 UI 设计四步&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;576&quot; src=&quot;/_astro/fig-02-02-three-min-ui-four-steps.D7E_Pgs2_7A2R.webp&quot; /&gt;&lt;figcaption&gt;3 分钟跑通一轮 UI 设计四步&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;





























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;步&lt;/th&gt;&lt;th&gt;耗时（图面）&lt;/th&gt;&lt;th&gt;你该干什么&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;① 描述需求&lt;/td&gt;&lt;td&gt;30s&lt;/td&gt;&lt;td&gt;钉死平台 / 页面 / 风格 / 主色 / 关键元素&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;② 生成主界面&lt;/td&gt;&lt;td&gt;40s&lt;/td&gt;&lt;td&gt;&lt;strong&gt;先看大结构&lt;/strong&gt;，别急着抠图标圆角&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;③ 局部精修&lt;/td&gt;&lt;td&gt;60s&lt;/td&gt;&lt;td&gt;&lt;strong&gt;一次只改一个点&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;④ 分层导出&lt;/td&gt;&lt;td&gt;50s&lt;/td&gt;&lt;td&gt;背景 · 组件 · 图标 · 文字 分开出&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;section&gt;&lt;h3&gt;需求模板（五字段）&lt;/h3&gt;&lt;p&gt;图里空白框就是这五项，先填满再喂模型：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;平台：&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;页面：&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;风格：&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;主色：&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;关键元素：&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;成句版（把五项串进一句需求单）：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;请设计一个【平台】的【页面】。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;风格：【风格】&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;主色：【主色】&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;关键元素：【关键元素，逗号分隔】&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;要求：中文文字清晰可读；界面具备真实 App 的导航 / 卡片 / Tab 结构；输出适合后续分层（背景 / 组件 / 图标 / 文字）。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;精修例句（一次一个点）&lt;/h3&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;只修改底部导航的图标样式，其它布局、配色、文案全部保持不变。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;只把主操作按钮改成暖橙色高亮，卡片与顶栏不动。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;只校正标题字号层级（更大标题、更小辅助说明），不要改版式结构。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;双交付路径&lt;/h3&gt;



















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;路径&lt;/th&gt;&lt;th&gt;图面说法&lt;/th&gt;&lt;th&gt;适合何时&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;直接切图给前端&lt;/td&gt;&lt;td&gt;分层导出 PNG 直接交付开发&lt;/td&gt;&lt;td&gt;结构已定、要快速进开发&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;导入 Figma 二次编辑&lt;/td&gt;&lt;td&gt;组件化调整，复用更高效&lt;/td&gt;&lt;td&gt;还要改文案、对齐品牌组件库&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;外卖商家详情页完整示例&lt;/h2&gt;&lt;p&gt;工具箱底部示例组合 verbatim：&lt;strong&gt;iOS + 商家详情页 + 暖橙 + 底部购物车&lt;/strong&gt;。下面按五字段填满，可直接粘贴开跑。&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;请设计一个 iOS 外卖 App 的商家详情页。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;风格：现代清爽、偏餐饮食欲感，信息层级清楚&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;主色：暖橙&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;关键元素：顶部商家头图与评分、菜品列表卡片、优惠标签、底部固定购物车栏（含合计与去结算）&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;要求：中文文字清晰可读；顶栏 / 内容卡片 / 底部栏结构完整；适合后续按背景、组件、图标、文字分层导出。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;禁止：文字乱码、控件挤成一团、把整页画成海报、一次塞多个无关页面。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;精修可以接着丢：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;在上一版基础上，只加强底部购物车栏的暖橙高亮与「去结算」按钮对比度，其它区域保持不变。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;交付时二选一：分层 PNG 直接给前端；或导入 Figma 把购物车、菜品卡做成可复用组件。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;提示词速查表&lt;/h2&gt;&lt;p&gt;先看整张工具箱，再按下表取词。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;UI 出图提示词工具箱&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;576&quot; src=&quot;/_astro/fig-03-03-ui-prompt-toolbox.CDaaPtCx_16qaOq.webp&quot; /&gt;&lt;figcaption&gt;UI 出图提示词工具箱&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;section&gt;&lt;h3&gt;风格关键词&lt;/h3&gt;




















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;方向&lt;/th&gt;&lt;th&gt;可拼词&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;清爽工具感&lt;/td&gt;&lt;td&gt;现代扁平、大量留白、细分割线、低阴影&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;餐饮食欲&lt;/td&gt;&lt;td&gt;暖色点缀、食物摄影质感、圆角卡片、轻投影&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;高端克制&lt;/td&gt;&lt;td&gt;低饱和、强层级、少装饰、品牌主色点到为止&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;结构关键词&lt;/h3&gt;




















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;模块&lt;/th&gt;&lt;th&gt;可拼词&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;导航&lt;/td&gt;&lt;td&gt;顶部导航、底部 Tab、返回与标题栏&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;内容&lt;/td&gt;&lt;td&gt;卡片列表、双列网格、分段标题、空状态&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;操作&lt;/td&gt;&lt;td&gt;主按钮、次按钮、底部固定栏、角标&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;输出控制关键词&lt;/h3&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;目的&lt;/th&gt;&lt;th&gt;可拼词&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;文字&lt;/td&gt;&lt;td&gt;中文清晰可读、禁止乱码、字号层级明确&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;结构&lt;/td&gt;&lt;td&gt;真实 App UI、导航/卡片/Tab、单页单屏&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;分层&lt;/td&gt;&lt;td&gt;可分层导出、背景/组件/图标/文字分离、透明底 PNG&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;边界&lt;/td&gt;&lt;td&gt;一次只出一页、不要海报构图、保持上版未改区域不变&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;短拼示例（与图底一致）：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;iOS + 商家详情页 + 暖橙 + 底部购物车&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;避坑：五条就够卡住质量&lt;/h2&gt;&lt;p&gt;图面「避坑小贴士」五条，照做：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;一次一页&lt;/strong&gt; —— 多页同屏生成，结构和文字都会糊。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;校对字号&lt;/strong&gt; —— 模型偶尔把辅助说明写得比标题还大，过一眼层级。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;给品牌色&lt;/strong&gt; —— 不写主色就容易落到默认蓝紫；暖橙、品牌 HEX 写进提示词。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;复杂页回 Figma&lt;/strong&gt; —— 多状态、长列表、设计系统对齐，分层进 Figma 再组件化。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;商用看授权&lt;/strong&gt; —— 出图能用 ≠ 账号/平台条款允许商用，交付前自己核。&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;再叠一句四步纪律：&lt;strong&gt;一次只改一个点&lt;/strong&gt;。结构还飘就回头改需求，别在精修里 simultaneous 改五个地方。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;认清你要的是灵感还是切图&lt;/h2&gt;&lt;p&gt;GPT Image 2 在 UI 这条线上，值钱的不是「又一张好看的手机框」，而是：&lt;strong&gt;字能读、结构像真 App、层能拆开交给人或前端&lt;/strong&gt;。三分钟四步够你验证方向；真要进生产，复杂页回 Figma、商用核授权，这两步别省。&lt;/p&gt;&lt;section&gt;&lt;h3&gt;旁链（不合并）&lt;/h3&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;你想解决的事&lt;/th&gt;&lt;th&gt;去哪篇&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;案例合集抄板子（55–75）&lt;/td&gt;&lt;td&gt;GPT Image2 案例 55–75（待发布）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;海报要「狠」&lt;/td&gt;&lt;td&gt;七种高张力海报（待发布）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;前端别 AI 紫&lt;/td&gt;&lt;td&gt;Taste Skill 反模板审美（待发布）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;好图怎么反推&lt;/td&gt;&lt;td&gt;AI 图片提示词反推公式（待发布）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;卡通文旅海报&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;/posts/gpt-cartoon-travel-poster-prompt/&quot;&gt;五个槽填完就能出图&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;&lt;/section&gt;</content:encoded></item><item><title>一段 Prompt 只够用一次：我把它做成了会出人物海报的 AI 员工</title><link>https://fork-firefly.vercel.app/posts/portrait-poster-codex-skill/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/portrait-poster-codex-skill/</guid><description>人物海报 Prompt 一次够用，Skill 可复用：调研 → 确认卡 → GPT Image 2 出图，换人不重写整套版式。</description><pubDate>Mon, 10 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;好看的人物海报不难。难的是换一个人名，还能保持同一套版式语法——竖构图、道具前伸、信息切片、底栏时间轴——并且事实别写错。&lt;/p&gt;
&lt;p&gt;有人把一段能跑的 Prompt 直接丢给同事：「照着改名字就行」。结果每人重查一遍资料、重填一遍字段，风格漂、年份错、脸还像隔壁那位。这篇原料的做法反过来：&lt;strong&gt;先把 Prompt 拆成可复用的 Skill（岗位说明书 / SOP），再加确认闸门，最后才让 GPT Image 2 出图。&lt;/strong&gt;&lt;/p&gt;
&lt;hr /&gt;
&lt;section&gt;&lt;h2&gt;Prompt 本身已经很完整，问题在复用&lt;/h2&gt;&lt;p&gt;那段能出片的 Prompt，要素其实钉得很死：&lt;/p&gt;




































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;要素&lt;/th&gt;&lt;th&gt;干什么&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;竖版 &lt;strong&gt;3&amp;lt;4&amp;gt;&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;信息海报常用画幅&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;写实人物立像&lt;/td&gt;&lt;td&gt;脸与气质要像本人，不是卡通滤镜&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;标志性道具 &lt;strong&gt;前伸 3D&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;稻穗 / 试管 / 火箭模型 / 灯泡……压出景深&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;6–8&lt;/strong&gt; 块信息切片&lt;/td&gt;&lt;td&gt;节点卡，别堆成墙&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;左侧大字姓名&lt;/td&gt;&lt;td&gt;一眼认人&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;底部时间轴&lt;/td&gt;&lt;td&gt;生平骨架&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;风格关键词&lt;/td&gt;&lt;td&gt;色板、光感、材质锁住系列感&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;一次跑通没问题。麻烦在于：&lt;strong&gt;每个人都要自己重查资料、重填字段&lt;/strong&gt;。Prompt 是一次性口头交代；团队要的是可交接的岗位。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;Skill = 岗位说明书，不是更长的 Prompt&lt;/h2&gt;&lt;p&gt;把流程写进 Skill 之后，Agent 更像一个固定工种：调研 → 出确认卡 → 等人点头 → 写 &lt;code&gt;research.md&lt;/code&gt; 与提示词文件 → 生图 → 质检。&lt;/p&gt;&lt;p&gt;确认闸门是关键一刀。没确认就出图，错名、错年、错道具会直接印上海报。确认卡通常要钉死这些字段（文称有 UI 截图，&lt;strong&gt;附件未给&lt;/strong&gt;&lt;sup&gt;&lt;a href=&quot;#user-content-fn-miss&quot;&gt;1&lt;/a&gt;&lt;/sup&gt;）：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;人物姓名 / 称谓&lt;/li&gt;
&lt;li&gt;来源类型（百科 / 论文 / 官方年表 / 其他）&lt;/li&gt;
&lt;li&gt;时间轴节点草案&lt;/li&gt;
&lt;li&gt;主道具与构图意向&lt;/li&gt;
&lt;li&gt;风格关键词&lt;/li&gt;
&lt;li&gt;禁止项（别画错时代服装、别乱加勋章等）&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;人机分工也清楚：人负责选题、确认与终检；机器负责检索整理、填模板、出图与自检清单。&lt;/p&gt;&lt;p&gt;金句就三句，够用：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;Prompt 一次性，Skill 可复用。&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;像流水线：上游钉规格，下游别每次重新发明。&lt;/li&gt;
&lt;li&gt;人机各干各的——确认归人，执行归员工。&lt;/li&gt;
&lt;/ol&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;袁隆平先跑通：确认 → 写错名 → 质检 → 修订&lt;/h2&gt;&lt;p&gt;首例用袁隆平把整条链路走通：填确认卡、标明来源类型、生成研究底稿与提示词，再出海报。过程里出现过&lt;strong&gt;名字写错的首版&lt;/strong&gt;——质检拦住，修订后再交付。（首版错名图、确认卡截图、交付目录树：文称有，&lt;strong&gt;附件未给&lt;/strong&gt;。&lt;sup&gt;&lt;a href=&quot;#user-content-fn-miss&quot;&gt;1&lt;/a&gt;&lt;/sup&gt;）&lt;/p&gt;&lt;p&gt;附件里袁隆平有两张不同构图，都保留：&lt;/p&gt;&lt;section&gt;&lt;h3&gt;过去 / 未来分屏版&lt;/h3&gt;&lt;p&gt;左稻田「艰难起步」，右未来城「造福人类」，中间稻穗前伸发光——叙事向更强。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;袁隆平人物海报：过去与未来分屏版&quot; loading=&quot;lazy&quot; width=&quot;682&quot; height=&quot;1024&quot; src=&quot;/_astro/cover.BM8K0Qvy_YXaVM.webp&quot; /&gt;&lt;figcaption&gt;袁隆平人物海报：过去与未来分屏版&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;稻田写实最终版&lt;/h3&gt;&lt;p&gt;金黄稻田、草帽、八块信息切片 + 底栏时间轴——更接近「系列可复用」的最终语法。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;袁隆平人物海报：稻田写实最终版&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-04-04-yuan-longping-rice-field-final.BUL0eAx2_ZXKHw7.webp&quot; /&gt;&lt;figcaption&gt;袁隆平人物海报：稻田写实最终版&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;交付物约定是三件套：&lt;strong&gt;海报 PNG + &lt;code&gt;research.md&lt;/code&gt; + 提示词文件&lt;/strong&gt;（后两件样例截图未给）。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;同系列样张：邓稼先 / 钱学森 / 屠呦呦 / 爱迪生&lt;/h2&gt;&lt;p&gt;正文列举还跑过邓稼先、钱学森、屠呦呦、爱迪生、&lt;strong&gt;贝聿铭&lt;/strong&gt;。附件里有前四位的样张；贝聿铭图未给。另有一张&lt;strong&gt;杨振宁&lt;/strong&gt;样张在附件里，正文未展开——脚注保留，不当成正文案例硬写。&lt;sup&gt;&lt;a href=&quot;#user-content-fn-yang&quot;&gt;2&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;&lt;section&gt;&lt;h3&gt;邓稼先：绝密稿本前伸&lt;/h3&gt;&lt;p&gt;荒漠试验场，手持「理论计算稿本（机密）」卷宗，信息切片围着两弹节点。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;邓稼先人物海报：绝密稿本道具前伸&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-05-05-deng-jiaxian-classified-manuscript.CZxvVD9s_Z1c1jVT.webp&quot; /&gt;&lt;figcaption&gt;邓稼先人物海报：绝密稿本道具前伸&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;钱学森：火箭模型前伸&lt;/h3&gt;&lt;p&gt;长征运载火箭模型 + 蓝图，身后发射与测控场景。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;钱学森人物海报：火箭模型道具前伸&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-06-06-qian-xuesen-rocket-model.DUOI1lHL_Z295ts4.webp&quot; /&gt;&lt;figcaption&gt;钱学森人物海报：火箭模型道具前伸&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;屠呦呦：两张构图都留&lt;/h3&gt;&lt;p&gt;实验室青蓝 HUD + 试管版：&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;屠呦呦人物海报：实验室试管版&quot; loading=&quot;lazy&quot; width=&quot;682&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-03-03-tu-youyou-lab-test-tube.BM8oyssr_ZhXMXi.webp&quot; /&gt;&lt;figcaption&gt;屠呦呦人物海报：实验室试管版&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;青蒿素瓶为主道具版（古籍 + 青蒿枝）：&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;屠呦呦人物海报：青蒿素瓶版&quot; loading=&quot;lazy&quot; width=&quot;766&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-07-07-tu-youyou-artemisinin-bottle.BDYJV3j1_ZR6gWV.webp&quot; /&gt;&lt;figcaption&gt;屠呦呦人物海报：青蒿素瓶版&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;爱迪生：白炽灯前伸&lt;/h3&gt;&lt;p&gt;暖金实验室，灯泡怼向镜头，切片覆盖门洛帕克到珍珠街发电站。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;爱迪生人物海报：白炽灯泡道具前伸&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-08-08-edison-incandescent-bulb.BPgH_OAK_Z19Apc8.webp&quot; /&gt;&lt;figcaption&gt;爱迪生人物海报：白炽灯泡道具前伸&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;附件多出来的杨振宁（正文未展开）&lt;/h3&gt;&lt;p&gt;晶体/分子结构道具前伸，黑金宇宙底。正文案例列表没写他，样张仍归档备查。&lt;sup&gt;&lt;a href=&quot;#user-content-fn-yang&quot;&gt;2&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;杨振宁人物海报样张（正文未展开）&quot; loading=&quot;lazy&quot; width=&quot;682&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-02-02-yang-zhenning-crystal-lattice.CFmmHPWH_HtjrH.webp&quot; /&gt;&lt;figcaption&gt;杨振宁人物海报样张（正文未展开）&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;评论回复确认生图模型是 &lt;strong&gt;GPT Image 2&lt;/strong&gt;。同模型其他玩法见旁链玩法盘点 / 高张力海报——主题相关，交付形态不同。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;认清它解决的是哪一层&lt;/h2&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;你卡在哪&lt;/th&gt;&lt;th&gt;这篇帮得上吗&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;只会一次出图，换人就重写&lt;/td&gt;&lt;td&gt;帮得上：Skill + 确认卡&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;要神魔浮雕 / 古装脸谱&lt;/td&gt;&lt;td&gt;去西游谱，别硬套写实科学家模板&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;只要 Coze 三十秒出图&lt;/td&gt;&lt;td&gt;去 Coze 历史人物海报笔记&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;要仓库级路由规矩&lt;/td&gt;&lt;td&gt;去 AGENTS / CLAUDE.md 模板&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;要 Skill 公开仓库地址&lt;/td&gt;&lt;td&gt;原文没给——别猜&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;把 Prompt 当一次性咒语，你会一直当「会写提示词的人」。把它写成带确认闸门的岗位 SOP，你才开始有「AI 员工」。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;附录：人物海报提示词 · 填空骨架&lt;/h2&gt;&lt;blockquote&gt;&lt;p&gt;&lt;strong&gt;口径&lt;/strong&gt;：任务要求收录评论区作者贴出的完整提示词模板（verbatim）。本轮素材包&lt;strong&gt;未附评论区原文&lt;/strong&gt;，下列按正文「Prompt 要素」整理成填空骨架，&lt;strong&gt;勿当作作者原文逐字照录&lt;/strong&gt;。若补贴评论截图/全文，应整段替换本附录。&lt;/p&gt;&lt;/blockquote&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;【画幅】竖版 3:4 信息海报&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;【主体】写实人物立像：{姓名}（{称谓/身份}）&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;- 五官、年龄感、气质符合公开形象&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;- 服装与时代匹配：{时代服装要点}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;【道具 · 前伸 3D】&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;8&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;- 主道具：{标志性道具}，手臂向前伸向镜头，形成景深突出&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;9&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;- 禁止：平面贴图感、道具悬浮无接触&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;10&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;11&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;【信息切片】6–8 块&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;12&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;- 每块含：年份 / 短标题 / 一句事实&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;13&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;- 节点草案：&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;14&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;1. {年} {事件}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;15&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;2. {年} {事件}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;16&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;3. {年} {事件}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;17&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;4. {年} {事件}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;18&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;5. {年} {事件}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;19&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;6. {年} {事件}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;20&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;（可选 7–8）&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;21&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;22&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;【排版】&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;23&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;- 左侧大字姓名：{中文名}（可附拼音/外文名）&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;24&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;- 底部时间轴：{起点年} → … → {终点年/至今}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;25&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;- 可选金句：{一句引言}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;26&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;27&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;【风格关键词】&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;28&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;{色板}；{光感}；{材质}；写实摄影感；信息图 UI；高细节；无水印乱码&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;29&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;30&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;【禁止】&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;31&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;错名、错年、错勋章/奖项；现代道具穿越；过度赛博滤镜破坏系列一致性&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;span&gt;展开&lt;/span&gt;&lt;span&gt;收起&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;p&gt;生图侧按评论回复使用 &lt;strong&gt;GPT Image 2&lt;/strong&gt;。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;Footnotes&lt;/h2&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;文称有 Codex 拆 Skill 过程、确认卡、&lt;code&gt;research.md&lt;/code&gt;、提示词文件、错名首版、交付目录等截图；本次附件仅 8 张人物样张，过程图未给。 &lt;a href=&quot;#user-content-fnref-miss&quot;&gt;↩&lt;/a&gt; &lt;a href=&quot;#user-content-fnref-miss-2&quot;&gt;↩&lt;sup&gt;2&lt;/sup&gt;&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;附件含杨振宁样张，正文列举为邓稼先 / 钱学森 / 屠呦呦 / 爱迪生 / 贝聿铭——杨振宁未展开；贝聿铭样张附件亦无。 &lt;a href=&quot;#user-content-fnref-yang&quot;&gt;↩&lt;/a&gt; &lt;a href=&quot;#user-content-fnref-yang-2&quot;&gt;↩&lt;sup&gt;2&lt;/sup&gt;&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;/section&gt;</content:encoded></item><item><title>仓颉 Skill + WorkBuddy：把书蒸成 Agent 能直接调用的能力</title><link>https://fork-firefly.vercel.app/posts/cangjie-skill-workbuddy-distill/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/cangjie-skill-workbuddy-distill/</guid><description>仓颉 Skill 挂 WorkBuddy，把 PDF/MD 资料蒸馏成可安装、可触发的 Agent Skills，收藏一万本不如蒸出一套能用的。</description><pubDate>Mon, 10 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;收藏一万本，不如蒸出一套能触发的 Skill。这篇保姆级教程讲的是用开源仓颉 Skill（&lt;code&gt;cangjie-skill&lt;/code&gt;）挂在腾讯 WorkBuddy 上，把 PDF/MD 资料蒸馏成可安装、可复用的 Agent Skills——不是再写一份读书笔记，也不是手写 &lt;code&gt;AGENTS.md&lt;/code&gt;。&lt;/p&gt;
&lt;p&gt;仓库：&lt;a href=&quot;https://github.com/kangarooking/cangjie-skill&quot; target=&quot;_blank&quot;&gt;github.com/kangarooking/cangjie-skill&lt;/a&gt;（文中时点约 &lt;strong&gt;6.7K Star&lt;/strong&gt;）。仓库自述：「蒸馏所有值得蒸馏的高价值内容」。&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;GitHub cangjie-skill 约 6.7k Star&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;491&quot; src=&quot;/_astro/cover.DtvFy3r9_ZvXRJr.webp&quot; /&gt;&lt;figcaption&gt;GitHub cangjie-skill 约 6.7k Star&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;blockquote&gt;&lt;p&gt;&lt;strong&gt;投资免责（原文保留）&lt;/strong&gt;：后文演示问答里 AI 的回答「不构成任何投资建议」。&lt;/p&gt;&lt;/blockquote&gt;
&lt;hr /&gt;
&lt;section&gt;&lt;h2&gt;先想清楚：蒸出来能干啥&lt;/h2&gt;&lt;p&gt;一开始自己也想不出多少场景，后来在交流群里收了一波反馈[^missing-group]，挑了几类：&lt;/p&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;场景&lt;/th&gt;&lt;th&gt;场景说明&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;小红书商家投流指导&lt;/td&gt;&lt;td&gt;蒸馏+优化出 &lt;strong&gt;10 个 Skill&lt;/strong&gt;（见下表）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;AI4science&lt;/td&gt;&lt;td&gt;称获博士认可[^missing-ai4s]&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;卖 Skill&lt;/td&gt;&lt;td&gt;约 &lt;strong&gt;29.9&lt;/strong&gt; 价位的售卖例子[^missing-sell]&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;其他&lt;/td&gt;&lt;td&gt;课程 / 剧本 / 金融分析 / 企业规章 / 科学访谈…&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;企业侧：有行业私有资料时，场景更密。个人侧：最直接的入口仍是&lt;strong&gt;蒸馏一本书&lt;/strong&gt;。文中还提到入驻 WorkBuddy 那篇在 AI 社群里被传[^missing-spread]。&lt;/p&gt;&lt;section&gt;&lt;h3&gt;小红书投流：S01–S10（从图抄）&lt;/h3&gt;&lt;p&gt;图题「三重验证筛选后」：约 65 个原始单元筛成 &lt;strong&gt;10 个 Skill 候选&lt;/strong&gt;。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;小红书投流蒸馏 S01–S10&quot; loading=&quot;lazy&quot; width=&quot;597&quot; height=&quot;535&quot; src=&quot;/_astro/fig-02-02-xhs-traffic-skills-s01-s10.kybjeM2L_Z1tJHNB.webp&quot; /&gt;&lt;figcaption&gt;小红书投流蒸馏 S01–S10&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;



























































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;Skill（图面）&lt;/th&gt;&lt;th&gt;核心能力（图面）&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;S01&lt;/td&gt;&lt;td&gt;三阶段投放搭建法&lt;/td&gt;&lt;td&gt;从冷启到爆发的完整计划体系&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;S02&lt;/td&gt;&lt;td&gt;ROI出价与预算管控&lt;/td&gt;&lt;td&gt;出价策略+预算公式+降速红线&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;S03&lt;/td&gt;&lt;td&gt;电商笔记创作全流程&lt;/td&gt;&lt;td&gt;封面/标题/正文/商品/话题全要素&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;S04&lt;/td&gt;&lt;td&gt;「图面不清」…词嵌入&lt;/td&gt;&lt;td&gt;品类SEO+话题运营+内容方向&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;S05&lt;/td&gt;&lt;td&gt;笔记联动运营策略（图面似「笔直」，按语境判为笔记）&lt;/td&gt;&lt;td&gt;商销笔记+直播投放协同+日历&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;S06&lt;/td&gt;&lt;td&gt;计划冷启与素材赛马&lt;/td&gt;&lt;td&gt;新计划过冷启+笔记赛马汰换&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;S07&lt;/td&gt;&lt;td&gt;盯盘诊断与投放优化&lt;/td&gt;&lt;td&gt;7类问题排查+工具使用+反例&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;S08&lt;/td&gt;&lt;td&gt;人群定向与破圈策略&lt;/td&gt;&lt;td&gt;智能定向→高级定向→智能扩量&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;S09&lt;/td&gt;&lt;td&gt;搜索投放获客方法论&lt;/td&gt;&lt;td&gt;品牌词→品类词→场景词三层&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;S10&lt;/td&gt;&lt;td&gt;行业大盘数据与效果评估&lt;/td&gt;&lt;td&gt;「图面不清」…基准+货盘布局&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;S04 / S10 有像素糊块，上表已标「图面不清」，不脑补。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;官网：收藏变成可调用&lt;/h2&gt;&lt;p&gt;官网：&lt;a href=&quot;https://cangjie-skill.com&quot; target=&quot;_blank&quot;&gt;cangjie-skill.com&lt;/a&gt;&lt;br /&gt;
标语大意：把看过的知识，变成 Agent 真正能调用的能力；书 / 视频 / 播客 / 课程 → 可安装 Skill Pack。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;cangjie-skill.com 官网&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;608&quot; src=&quot;/_astro/fig-03-03-cangjie-skill-website.OZ16JPtW_yAL3a.webp&quot; /&gt;&lt;figcaption&gt;cangjie-skill.com 官网&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;四步开蒸（教程主体）&lt;/h2&gt;&lt;section&gt;&lt;h3&gt;1. 准备资料：PDF → MD/TXT，一次一类&lt;/h3&gt;&lt;p&gt;示例书：《王川宝典》。文中称大佬推荐线：巴菲特、芒格、段永平，以及这本。&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;PDF 转 Markdown / TXT（文中：Google 搜「PDF 免费转 MD」等）&lt;/li&gt;
&lt;li&gt;图里有关键信息 → OCR；也可试豆包 &lt;strong&gt;Seed-Evolving&lt;/strong&gt;，或收费但效果不错的 &lt;strong&gt;Doc2X&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;一次只蒸馏一本书，或一类资料&lt;/strong&gt;（反复强调）&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;工作文件夹里的 王川宝典.md&quot; loading=&quot;lazy&quot; width=&quot;736&quot; height=&quot;362&quot; src=&quot;/_astro/fig-04-04-wangchuan-baodian-folder.C8ejpNI7_Z2wMbnk.webp&quot; /&gt;&lt;figcaption&gt;工作文件夹里的 王川宝典.md&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;2. 安装 WorkBuddy&lt;/h3&gt;&lt;p&gt;下载：&lt;a href=&quot;https://workbuddy.ai&quot; target=&quot;_blank&quot;&gt;workbuddy.ai&lt;/a&gt;（文中写 workbuddy.ai / WorkBuddy；腾讯出品全场景 AI 办公工作台）。傻瓜式安装，微信扫码登录。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;WorkBuddy 官网&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;471&quot; src=&quot;/_astro/fig-05-05-workbuddy-website.DpGg7tfV_ZUyy0I.webp&quot; /&gt;&lt;figcaption&gt;WorkBuddy 官网&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;3. 找到仓颉 Skill →「去试试」；模型怎么选&lt;/h3&gt;&lt;p&gt;路径（操作路径）：技能 → 搜索「仓颉 skill」→ 推荐 → 仓颉 skill → &lt;strong&gt;去试试&lt;/strong&gt;[^missing-wb-search]。&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;指令：让仓颉直接蒸馏；把书文件路径/内容丢进对话框&lt;/li&gt;
&lt;li&gt;可自定义 API / Coding Plan / 中转[^missing-api]——文中夸开放灵活&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;耗 token&lt;/strong&gt;：蒸馏书本身就贵，别当闲聊额度&lt;/li&gt;
&lt;/ul&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;模型选择（实测口径）&lt;/th&gt;&lt;th&gt;用途&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Hy3&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;限时免费，适合第一次试水&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;DeepSeek V4 Flash&lt;/strong&gt;（WB 内置正式版）&lt;/td&gt;&lt;td&gt;效果/速度/价格兼顾，本次开蒸选用&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;自定义接官方 DeepSeek API&lt;/td&gt;&lt;td&gt;&lt;strong&gt;不能识图&lt;/strong&gt;；内置版可以&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Kimi K3&lt;/strong&gt; 反例&lt;/td&gt;&lt;td&gt;跑到约 2/3 已耗 &lt;strong&gt;~2000 积分&lt;/strong&gt;[^missing-credits]&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Hy3 限时免费 / GLM-5.2 夜间折扣&quot; loading=&quot;lazy&quot; width=&quot;548&quot; height=&quot;152&quot; src=&quot;/_astro/fig-06-06-hy3-glm-model-select.CZf0cP9L_1V10i.webp&quot; /&gt;&lt;figcaption&gt;Hy3 限时免费 / GLM-5.2 夜间折扣&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;4. 开蒸：约 30 分钟 · 12 Skill · 65 积分&lt;/h3&gt;&lt;p&gt;本次：WB 内置 DeepSeek V4 Flash。&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;过程约 &lt;strong&gt;30 分钟&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;产出约 &lt;strong&gt;12 个 skill&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;积分约 &lt;strong&gt;65&lt;/strong&gt;（文称每日可免费领 &lt;strong&gt;100&lt;/strong&gt; 积分 → 几乎等于白嫖一本书；想彻底免费就用 Hy3）[^missing-credits]&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;工作方式：按&lt;strong&gt;项目文件夹&lt;/strong&gt;开工作空间——书/资料一份夹，蒸馏产物也落在同一空间，用的时候仍以该夹为工作区（避免 Skill 越积越乱）。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;蒸完怎么用：确定性，不是「听着有点道理」&lt;/h2&gt;&lt;p&gt;演示：同一问题，加载《王川宝典》蒸馏 Skill 的答卷 vs 裸 &lt;strong&gt;Kimi K3&lt;/strong&gt;（不挂工具）[^missing-kimi-cmp]。&lt;/p&gt;&lt;p&gt;他自己的对比结论：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;裸模型也能说得过去，但&lt;strong&gt;确定性不够&lt;/strong&gt;——「有道理，又好像差点什么」&lt;/li&gt;
&lt;li&gt;挂上蒸馏 Skill 后，更容易给出&lt;strong&gt;关键、建设性、更敢拍板&lt;/strong&gt;的建议&lt;/li&gt;
&lt;li&gt;通用问题已能拉开差距；&lt;strong&gt;私有资料 / 模型未训练过的新料&lt;/strong&gt;，差距会更大&lt;/li&gt;
&lt;li&gt;换&lt;strong&gt;本地小模型&lt;/strong&gt;时，差异通常更醒目 → 适合有私有化部署需求的企业&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;蒸馏结果演示截图&quot; loading=&quot;lazy&quot; width=&quot;277&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-07-07-distill-result-demo.8XdNBo2w_Z2v5Y9E.webp&quot; /&gt;&lt;figcaption&gt;蒸馏结果演示截图&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;用法一句话就够：&lt;strong&gt;把问题丢给挂了该项目 Skill 的 Agent&lt;/strong&gt;，别指望自己背完整本书。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;视频蒸馏：预告，不是本期主菜&lt;/h2&gt;&lt;p&gt;文中称已用字节 &lt;strong&gt;Seed-Evolving&lt;/strong&gt; 试过：视觉强 → 视频信息抽得更完整 → 视频蒸馏更稳。完整教程未展开，等三连催更[^missing-video]。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;评论区择要（作者征集反馈里常见的几问）&lt;/h2&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;问法&lt;/th&gt;&lt;th&gt;可带走的判断&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;动态知识库更新了，要不要重蒸？&lt;/td&gt;&lt;td&gt;方法论变了 / 触发条件变了 → 值得重蒸或增量蒸馏；纯事实补丁未必每次全量重跑&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;蒸馏 Skill vs 外挂知识库（RAG）&lt;/td&gt;&lt;td&gt;RAG 擅长「你知道该问什么时的检索」；Skill 带触发条件，会在对的情境自己跳出来——两者不是同一层&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;什么样的书更合适？&lt;/td&gt;&lt;td&gt;&lt;strong&gt;工具类 / 方法论密度高&lt;/strong&gt;的书更合适；金句散文型往往蒸不实&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;日常怎么用？&lt;/td&gt;&lt;td&gt;按项目空间挂载 → &lt;strong&gt;丢给 Agent&lt;/strong&gt; 直接干，而不是把 SKILL.md 当阅读材料&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;（评论原文未完整收录在转载页；上表按作者征集反馈主题与文中论点择要，不当逐条引用。）&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;</content:encoded></item><item><title>扒开 Anthropic 教师 Skill 源码：生产级该长这样</title><link>https://fork-firefly.vercel.app/posts/anthropic-k12-teacher-skills/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/anthropic-k12-teacher-skills/</guid><description>Anthropic 开源 k12-teacher-skills：JSON 内容源分离、学科 references 按需加载、density rules，生产级 Skill 该长这样。</description><pubDate>Mon, 10 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;大家好，我是 Ai 学习的老章。&lt;/p&gt;
&lt;p&gt;Anthropic 悄悄开了个仓库，叫 &lt;a href=&quot;https://github.com/anthropics/k12-teacher-skills&quot; target=&quot;_blank&quot;&gt;k12-teacher-skills&lt;/a&gt;，把 Claude for Teachers 里两个官方 Agent Skill 的源码整个丢了出来。&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;GitHub：anthropics/k12-teacher-skills&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;859&quot; src=&quot;/_astro/cover.imTXKxI-_Zpk1pQ.webp&quot; /&gt;&lt;figcaption&gt;GitHub：anthropics/k12-teacher-skills&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;p&gt;一开始以为就是两个「AI 帮老师备课」的普通 skill，扒完源码之后有点绷不住——Anthropic 这次是亲自下场，把一份生产级 skill 该长成什么样，从心法到工程细节，明明白白摆在你面前了。&lt;/p&gt;
&lt;p&gt;做 skill 的人不看一眼真的可惜。&lt;/p&gt;
&lt;hr /&gt;
&lt;section&gt;&lt;h2&gt;先钉住定位&lt;/h2&gt;&lt;p&gt;Anthropic 联合 Learning Commons 给中小学老师做了两个 Agent Skill，打包在 Claude for Teachers 里跑，同时把源码全开出来了。&lt;/p&gt;&lt;p&gt;两个 skill 分工特别清楚：&lt;/p&gt;



















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Skill&lt;/th&gt;&lt;th&gt;干什么&lt;/th&gt;&lt;th&gt;一次性交付&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;k12-lesson-planning&lt;/code&gt;&lt;/td&gt;&lt;td&gt;从零生成一节课的教案&lt;/td&gt;&lt;td&gt;&lt;strong&gt;3&lt;/strong&gt; 份 Word（教师用教案 + 学生用材料 + 观察模板）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;k12-lesson-differentiation&lt;/code&gt;&lt;/td&gt;&lt;td&gt;拿到一节现成的课，改编成三层版本（低于 / 达到 / 高于年级水平）&lt;/td&gt;&lt;td&gt;&lt;strong&gt;4&lt;/strong&gt; 份 Word（教师差异化计划 + 三个分层作业单）&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;配套还接了个叫 &lt;strong&gt;Learning Commons Knowledge Graph&lt;/strong&gt; 的 Connector，直接对齐学术标准——CCSS、NGSS、TEKS、SOL 一网打尽。&lt;/p&gt;&lt;p&gt;另外 &lt;code&gt;.mcp.json&lt;/code&gt; 里塞了 &lt;strong&gt;9&lt;/strong&gt; 个教育垂类 MCP：ASSISTments、Brisk Teaching、Canva、Coteach、Diffit、Eedi、MagicSchool、Snorkl、TeachFX——教育科技那帮 SaaS 全站好了队。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;为什么值得看：&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;官方产品原封不动的 skill 源码，不是 demo、不是 tutorial，是真正在跑的东西&lt;/li&gt;
&lt;li&gt;Anthropic 亲自示范怎么处理垂类知识、内容源分离、模板渲染这些工程难题&lt;/li&gt;
&lt;li&gt;有配套的 &lt;code&gt;evals/&lt;/code&gt; 目录，连怎么评测 skill 都给你抄好了&lt;/li&gt;
&lt;/ul&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;两个 Skill 分别在干嘛&lt;/h2&gt;&lt;p&gt;先用一张图看清两个 skill 的分工——左边从零生成一节课，右边把现有课改成三层版本：&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;两个 Skill 分工一览&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;630&quot; src=&quot;/_astro/fig-02-02-two-skills-division.Bmk9mPCZ_Z1bRsb4.webp&quot; /&gt;&lt;figcaption&gt;两个 Skill 分工一览&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;section&gt;&lt;h3&gt;k12-lesson-planning：一句话给我一节课&lt;/h3&gt;&lt;p&gt;老师只需要说一句「我明天要给八年级讲光合作用」，这个 skill 就会跑完下面一整套流程：&lt;/p&gt;
































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;步骤&lt;/th&gt;&lt;th&gt;干什么&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Route&lt;/strong&gt;（静默路由）&lt;/td&gt;&lt;td&gt;识别学科（math / ELA / science / social studies），加载对应的 &lt;code&gt;references/{subject}.md&lt;/code&gt;；这一步不做视为「关键失败」&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Clarify&lt;/strong&gt;（澄清）&lt;/td&gt;&lt;td&gt;最多问 0~2 个关键问题，别的都用默认值&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Ground&lt;/strong&gt;（对齐标准）&lt;/td&gt;&lt;td&gt;如果 Learning Commons KG 接上了，先调 &lt;code&gt;find_standard_statement&lt;/code&gt; 拉标准原文&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Draft offer&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;让老师选「直接出完整版」还是「先看聊天草稿」，默认走完整版&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Build&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;按学科文件里的规范搭课程结构&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Output&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;写一份 &lt;code&gt;lesson.json&lt;/code&gt;，跑一个脚本，Word 全部生成&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;最后交付到老师手上的东西是这样的：&lt;/p&gt;




















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;文件&lt;/th&gt;&lt;th&gt;内容&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;lesson_plan.docx&lt;/code&gt;&lt;/td&gt;&lt;td&gt;教师用教案，含 phase 分段、时间分配、脚本、预设错误&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;student_materials.docx&lt;/code&gt;&lt;/td&gt;&lt;td&gt;学生用作业单，只在需要打印时才生成（K-2 口头课就没这份）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;observation_template.docx&lt;/code&gt;&lt;/td&gt;&lt;td&gt;观察记录模板，含 look-fors、误解表、Exit ticket 分类桶&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;Skill 里最狠的一句约束是这个：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;Word 里出现的每一个数字、每一道题、每一个 exit ticket 分类桶，都必须能被老师亲手验算通过。&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;模型自己算错的答案上课要炸场的，Anthropic 直接把「输出前必须验算」写进硬规则。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;k12-lesson-differentiation：把一节课改成三层&lt;/h3&gt;&lt;p&gt;有个通行做法叫 &lt;strong&gt;Tiered Instruction&lt;/strong&gt;，同一节课要为不同水平的学生准备不同版本。&lt;/p&gt;&lt;p&gt;这个 skill 干的就是这活。输入是老师现有的一节课（上传 / 粘贴 / 链接 / 命名一个课程库里的课），输出是：&lt;/p&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;文件&lt;/th&gt;&lt;th&gt;内容&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;teacher_plan.docx&lt;/code&gt;&lt;/td&gt;&lt;td&gt;教师差异化计划，含每层学生的切入点、Flexible Grouping 依据&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;worksheet_group_a.docx&lt;/code&gt;&lt;/td&gt;&lt;td&gt;Below（低于年级）版本作业单&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;worksheet_group_b.docx&lt;/code&gt;&lt;/td&gt;&lt;td&gt;At（达到年级）版本作业单&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;worksheet_group_c.docx&lt;/code&gt;&lt;/td&gt;&lt;td&gt;Above（高于年级）版本作业单&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;三个版本干同一件事、用同一段材料、给同一份 exit ticket，只在脚手架密度和延伸问题上有差异——这套设计学名叫 &lt;strong&gt;Tomlinson 差异化框架&lt;/strong&gt;。&lt;/p&gt;&lt;section&gt;&lt;h4&gt;硬规则 R1–R8（要点）&lt;/h4&gt;&lt;p&gt;图面上八条硬规则一览；作者后文展开了其中几条最有意思的：&lt;/p&gt;








































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;规则&lt;/th&gt;&lt;th&gt;要点&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;R1&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;输出结构固定为 4 份文档&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;R2&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;各层标准范围必须一致（不能偷换学习目标）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;R3&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;各层切入点（tier entry points）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;R4&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;Below-tier 脚手架密度封顶——支架太多反而变成依赖的拐杖&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;R5&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;教学基础设施必选项（instructional infrastructure essentials）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;R6&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;Invisible modifications——作业单不能暴露学生「在哪一层」&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;R7&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;渐进脚手架——课内 Task 1→2→3 逐步撤支架&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;R8&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;UDL 默认值 + learner variables——没提障碍也默认配 sentence supports / 词汇表&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;挑几条最有意思的展开：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;R6：Invisible modifications&lt;/strong&gt; —— 学生看到的作业单不能暴露自己是「哪一层」，Group A/B/C 只用组名，绝不能出现 Scaffolded / Guided / Independent 这种词&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;R7：渐进脚手架&lt;/strong&gt; —— 一节课内 Task 1 有脚手架、Task 2 更轻、Task 3 撤掉，让学生逐步独立&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;R4：Below-tier 脚手架密度封顶&lt;/strong&gt; —— 支架太多反而变成学生依赖的拐杖，Anthropic 直接写死了密度上限&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;R8：UDL 默认值&lt;/strong&gt; —— 老师没提学习障碍时，默认所有层都配 sentence supports 和词汇表，符合通用设计原则&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;特别戳人的一段设计哲学：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;学生页面上不允许出现任何教学术语，「CER」要写成 Claim / Evidence / Reasoning，「sensemaking check」要改成 “Check your thinking”，「scaffold / tier / differentiation」这种词学生一个都看不到。&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;老师的话是给老师说的，学生的话是给学生说的，两套语言严格分离——这种颗粒度的规范，估计是 Anthropic 和 Learning Commons 一起坐下来磨了不知道多少版。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;三个惊艳设计，做 Skill 的人务必抄一遍作业&lt;/h2&gt;&lt;p&gt;看完源码，读完可以把仓库当 skill 工程学的教材反复读了两遍，扒出三个可以直接抄作业的设计。&lt;/p&gt;&lt;section&gt;&lt;h3&gt;设计一：JSON-driven 内容源分离&lt;/h3&gt;&lt;p&gt;这个 skill 完全不让 LLM 直接生成 Word 文档。做法是这样：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;LLM 写 lesson.json（内容源）&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;↓&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;bash scripts/render_all.sh lesson.json $OUTPUT_DIR&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;↓&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;Word 文档（渲染产物）&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;&lt;code&gt;lesson.json&lt;/code&gt; 只有两个顶层字段：&lt;/p&gt;
















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;字段&lt;/th&gt;&lt;th&gt;作用&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;shared&lt;/code&gt;&lt;/td&gt;&lt;td&gt;内容注册表：题目、标准原文、词汇表、误解表——但凡在多个文档出现的内容，只在这里写一次，起个 key（比如 &lt;code&gt;t1&lt;/code&gt;、&lt;code&gt;stamp_act_petition&lt;/code&gt;、&lt;code&gt;prices_table&lt;/code&gt;）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;documents[]&lt;/code&gt;&lt;/td&gt;&lt;td&gt;文档数组，每个文档用 &lt;code&gt;{&quot;type&quot;: &quot;from_shared&quot;, &quot;key&quot;: &quot;t1&quot;}&lt;/code&gt; 引用共享内容&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;这样做的好处直接爆炸：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;老师改一个题目数字，&lt;code&gt;shared&lt;/code&gt; 改一处，所有 4 份文档同步刷新&lt;/li&gt;
&lt;li&gt;三层作业单的核心任务文本永远一模一样（R6 从架构上保证）&lt;/li&gt;
&lt;li&gt;Word / HTML / JSON 一次全出，格式绝不漂移&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;Anthropic 甚至在 SKILL.md 里明确警告：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;Do not open, cat, head, or grep the renderer scripts —— 脚本行为已经在文档里完全规定清楚了，读源码只会分散注意力。&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;意思很直接：LLM 你别去研究渲染引擎，专心把 JSON 写对就行。&lt;/p&gt;&lt;p&gt;很多自研 skill 都栽在 LLM 越权尝试理解一切；Anthropic 官方是明确告诉模型「不该看的别看」。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;设计二：学科 references 按需加载&lt;/h3&gt;&lt;p&gt;这个 skill 里最重要的目录不是 &lt;code&gt;SKILL.md&lt;/code&gt;，是 &lt;code&gt;references/&lt;/code&gt;：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;plugin/skills/k12-lesson-planning/references/&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;├── math.md                 # 数学教学法 + IM 课程结构&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;├── ela.md                  # 英语语言艺术教学法&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;├── science.md              # NGSS + OpenSciEd 三维学习&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;├── social_studies.md       # 历史/公民/地理/经济 + C3 探究弧&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;├── learning-commons-kg.md  # KG 调用规范&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;├── example_lesson.json     # 完整可运行示例&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;8&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;└── NOTICE&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;每个学科几十 KB 的教学法专属规范，包含课程分段结构、非商量选项（non-negotiables）、和 &lt;code&gt;lesson.json&lt;/code&gt; 的映射。&lt;/p&gt;&lt;p&gt;Skill 主文件只做一件事：&lt;strong&gt;路由&lt;/strong&gt;。&lt;/p&gt;&lt;p&gt;看到 math → 加载 &lt;code&gt;math.md&lt;/code&gt;，看到 science → 加载 &lt;code&gt;science.md&lt;/code&gt;，加载完就把 references 当成本轮完整指令来跑。&lt;/p&gt;&lt;p&gt;这套结构解决了 skill 工程的核心矛盾：你既想覆盖多个垂类，又不想把所有专业知识塞进一个巨大的 &lt;code&gt;SKILL.md&lt;/code&gt; 让模型看瞎。&lt;/p&gt;&lt;p&gt;按需加载既控制了 context 长度，又让每个学科的规范可以独立演进——数学专家改 &lt;code&gt;math.md&lt;/code&gt;，理科专家改 &lt;code&gt;science.md&lt;/code&gt;，互不干扰。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;设计三：Density rules 和语言规范&lt;/h3&gt;&lt;p&gt;做 skill 最常翻车的地方，就是输出物看起来「太 AI 味」——一堆并列排比、一段接一段长句、把简单事情说得像论文。&lt;/p&gt;&lt;p&gt;Anthropic 的做法是把可读性直接写成硬约束：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;一个段落 / labeled 块最多 &lt;strong&gt;3&lt;/strong&gt; 句，超了就拆、就列、就上表格&lt;/li&gt;
&lt;li&gt;列表项是 fragment，一句一想法、≤ &lt;strong&gt;15&lt;/strong&gt; 词、绝不用分号连缀从句&lt;/li&gt;
&lt;li&gt;平行的分层内容（三个 tier 做同一件事）必须用一个 table 块，行 = 阶段、列 = 层级、每格 ≤ &lt;strong&gt;25&lt;/strong&gt; 词，绝不能用三段并列长文&lt;/li&gt;
&lt;li&gt;一段连续散文超过半页就必须重构（拆表格、拆列表、拆成两节）&lt;/li&gt;
&lt;li&gt;标准原文只允许在 &lt;code&gt;target-standard&lt;/code&gt; callout 里逐字出现一次，其它地方引用只写代码 + 十词以内的要点&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;还有专门的 &lt;strong&gt;Copyright guardrail&lt;/strong&gt;：如果参考了 IM（Illustrative Mathematics）或 OpenSciEd 这类现有课程，绝不能逐字复制学生用文本、教师笔记、探究提示——只能借鉴结构，原创措辞。&lt;/p&gt;&lt;p&gt;再看一眼这份 SKILL.md 的语言，就明白 Anthropic 内部对「AI 内容质量」有多严格。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;集成能力：不只是备课工具&lt;/h2&gt;&lt;p&gt;先给一张完整的架构图——这个仓库到底把哪些东西连起来了，看这一张就够：&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;K-12 教师 AI 助手完整架构&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;712&quot; src=&quot;/_astro/fig-03-03-k12-architecture.CYS8B7Hs_NhtYO.webp&quot; /&gt;&lt;figcaption&gt;K-12 教师 AI 助手完整架构&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;这个仓库最容易被忽略的部分，是 &lt;code&gt;.mcp.json&lt;/code&gt;。&lt;/p&gt;&lt;p&gt;它提供了 &lt;strong&gt;9&lt;/strong&gt; 个教育垂类 SaaS，全都以 HTTP MCP 的形式接进来。老师在 Claude 里可以直接调 MagicSchool 生成练习、调 Canva 做课件、调 Diffit 改编阅读难度、调 TeachFX 分析课堂对话。&lt;/p&gt;&lt;p&gt;再叠加 Learning Commons Knowledge Graph connector，Claude 拿到的信息量是：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;每一条教育标准的原文&lt;/li&gt;
&lt;li&gt;每条标准的先修技能 / 学习进阶路径&lt;/li&gt;
&lt;li&gt;每条标准对应的具体学习组件（learning components）&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;给老师一个 prompt，Claude 就能自动路由到对的 MCP、拉对的标准、生成对的产物。&lt;/p&gt;&lt;p&gt;教育垂类的 AI 落地，Anthropic 用这个仓库演示了一遍完整解法：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;&lt;strong&gt;Skill（专业工作流） + References（垂类知识） + MCP（第三方能力） + Connector（权威数据源） = 一个真正能替代半个备课组的助手&lt;/strong&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;怎么用起来&lt;/h2&gt;&lt;p&gt;如果你是 Claude for Teachers 用户，两个 skill 已经默认装好了，直接对话就行。&lt;/p&gt;&lt;p&gt;如果不是，用 Claude Code 也能装：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;Terminal window&lt;/span&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;git&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;clone&lt;/span&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;github.&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;com/anthropics/k12-teacher-skills&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;claude&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;plugin&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;marketplace&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;add&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;./k12-teacher-skills/plugin&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;claude&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;plugin&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;install&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;k12-teacher-skills@k12-teacher-skills&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;blockquote&gt;&lt;p&gt;&lt;code&gt;git clone https://github.com/anthropics/k12-teacher-skills&lt;/code&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;装完之后，只要说一句话就能触发：&lt;/p&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;例句&lt;/th&gt;&lt;th&gt;触发&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;&quot;I&apos;m teaching long division to 5th graders&quot;&lt;/code&gt;&lt;/td&gt;&lt;td&gt;lesson-planning&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;&quot;need to teach photosynthesis tomorrow&quot;&lt;/code&gt;&lt;/td&gt;&lt;td&gt;lesson-planning&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;&quot;my students are at different levels&quot;&lt;/code&gt;&lt;/td&gt;&lt;td&gt;lesson-differentiation&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;&quot;adapt this lesson for below and above grade&quot;&lt;/code&gt;&lt;/td&gt;&lt;td&gt;lesson-differentiation&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;description 里对触发条件的定义细致到什么程度：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;“A new lesson that asks for differentiated, tiered, or leveled materials is still ONE planning request —— this skill produces those materials inside the lesson package; do not also invoke k12-lesson-differentiation”&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;Anthropic 甚至在 skill 描述里直接告诉模型：新课要分层不要重复调用另一个 skill——把 skill 之间可能的冲突都提前写死了。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;对中文教育场景能不能用&lt;/h2&gt;&lt;p&gt;有老师问：这套东西国内老师能用吗？&lt;/p&gt;&lt;p&gt;对国内场景的判断分三档：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;底层设计能借鉴&lt;/strong&gt;：JSON-driven 内容源分离、references 按需加载、density rules、师生语言分离——这些都是语言无关的工程模式，中文语文数学老师完全可以复用&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;或者国家中小学智慧教育平台&lt;/strong&gt;&lt;sup&gt;&lt;a href=&quot;#user-content-fn-cn-gap&quot;&gt;1&lt;/a&gt;&lt;/sup&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;MCP 生态要建&lt;/strong&gt;：中国目前还没有 MagicSchool、Brisk Teaching、Diffit 这种规模的教育垂类 MCP，谁先在国内做起来这一层，谁就是中国的 Claude for Teachers&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;有做教育 AI 的老板可以认真看看这个仓库，路径已经很清楚了。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;Anthropic 开源这两个 skill 到底想干嘛&lt;/h2&gt;&lt;p&gt;表面：给全美老师一份产品级 AI 备课工具。&lt;/p&gt;&lt;p&gt;深层：给整个 skill 开发者社区上一堂公开课——生产级 skill 应该长什么样。&lt;/p&gt;&lt;p&gt;这个仓库里能学到的东西，比 Anthropic 官方 skill 教程文档还多：&lt;/p&gt;
































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;能抄走的&lt;/th&gt;&lt;th&gt;对应做法&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;垂类知识&lt;/td&gt;&lt;td&gt;&lt;code&gt;references/&lt;/code&gt; 按需加载&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;多文档一致&lt;/td&gt;&lt;td&gt;JSON-driven + &lt;code&gt;shared&lt;/code&gt; 引用&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;输出质量&lt;/td&gt;&lt;td&gt;density rules + copyright guardrail&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;触发条件&lt;/td&gt;&lt;td&gt;description 写得像法律条文&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;MCP / Connector&lt;/td&gt;&lt;td&gt;&lt;code&gt;.mcp.json&lt;/code&gt; + KG 调用规范&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;评测&lt;/td&gt;&lt;td&gt;&lt;code&gt;evals/&lt;/code&gt; 目录里有完整框架&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;这个仓库值得 &lt;strong&gt;95&lt;/strong&gt; 分，扣 5 分是因为 SKILL.md 写得太密、初读上手门槛偏高，但每一句都是干货。&lt;/p&gt;&lt;p&gt;做 Skill 的人务必去 clone 一份，把两个 SKILL.md 逐字读完——读完 30k 字胜过看 30 篇教程。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;Footnotes&lt;/h2&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;原料自称「分三档」，粘贴到第二档时仅残留「或者国家中小学智慧教育平台」一句，前后句缺失；此处&lt;strong&gt;不脑补&lt;/strong&gt;完整表述，待补原文 permalink 后再补齐。 &lt;a href=&quot;#user-content-fnref-cn-gap&quot;&gt;↩&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;/section&gt;</content:encoded></item><item><title>用 GPT 做卡通文旅海报：五个槽填完就能出图</title><link>https://fork-firefly.vercel.app/posts/gpt-cartoon-travel-poster-prompt/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/gpt-cartoon-travel-poster-prompt/</guid><description>卡通文旅宣传图的 GPT 提示词，可直接改地名套用。</description><pubDate>Mon, 10 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;文旅海报一旦写成「风景好看、人物开心」，模型只会给你一张正确但没记忆点的插画。&lt;/p&gt;
&lt;p&gt;这套模板把风格钉死在&lt;strong&gt;扁平矢量海报&lt;/strong&gt;：粗黑轮廓、圆角几何、纯色块、极简五官、彩带涂鸦、干净留白、竖版 4&amp;lt;5&amp;gt;。你只管填五个槽——人、动物、姿势、服装、风景——外加一块调色板。填完直接贴进 GPT 出图。&lt;/p&gt;
&lt;p&gt;原料是一篇微信短文 + 三张效果图；关注引流已删，只留模板和例证。出处链接原文未附，见文末脚注。[^1]&lt;/p&gt;
&lt;hr /&gt;
&lt;section&gt;&lt;h2&gt;先看三张填槽结果&lt;/h2&gt;&lt;p&gt;同一骨架，换主体和场景，气质就从「红河瓦猫」跳到「大理丽江路牌」，再到「多孩动物合影」。&lt;/p&gt;&lt;section&gt;&lt;h3&gt;云南红河 · 瓦猫&lt;/h3&gt;&lt;p&gt;孩童 + 瓦猫，梯田、石桥、灰瓦屋顶；标题区「云南红河」。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;云南红河瓦猫文旅海报&quot; loading=&quot;lazy&quot; width=&quot;819&quot; height=&quot;1024&quot; src=&quot;/_astro/cover.rDxXM7uI_ZN4uhY.webp&quot; /&gt;&lt;figcaption&gt;云南红河瓦猫文旅海报&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;云南 · 大理 / 丽江路牌&lt;/h3&gt;&lt;p&gt;女孩 + 花猫，大理门楼、雪山、路牌指向大理 / 丽江 / 香格里拉。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;云南大理丽江路牌卡通海报&quot; loading=&quot;lazy&quot; width=&quot;819&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-02-02.DPvkueHF_Z1vRLB1.webp&quot; /&gt;&lt;figcaption&gt;云南大理丽江路牌卡通海报&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;草地合影 · 多孩多动物&lt;/h3&gt;&lt;p&gt;四人与北极熊、长颈鹿、棕熊、企鹅、狐狸、兔子、花猫等排成竖版合影；色块更偏黄绿橙。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;多孩多动物草地合影扁平矢量&quot; loading=&quot;lazy&quot; width=&quot;819&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-03-03.DsplXZZ2_Z25Fn81.webp&quot; /&gt;&lt;figcaption&gt;多孩多动物草地合影扁平矢量&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;评论区有人要科普图 / 流程图，有人吐槽国内 GPT 贵——那是另一条需求；本篇只锁这套文旅卡通海报槽。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;完整提示词（逐字可复制）&lt;/h2&gt;&lt;p&gt;占位符保留方括号，用中文具体名词替换后再提交。&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;一张趣味十足的扁平矢量海报插画，描绘了[人类]与[动物]以[姿势]摆出各种姿势，身着[服装]，置身于[风景]之中。使用干净利落的粗黑轮廓线、简洁的圆角几何图形、扁平的纯色填充、极简的面部细节、小巧的中性眼神、平静的表情、简化的手部和身体比例、柔和的色块、零星的彩带涂鸦、小巧的抽象图标、干净的留白、清晰的图形海报布局以及精心控制的[调色板]。竖版 4:5 构图。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;section&gt;&lt;h3&gt;槽怎么填&lt;/h3&gt;







































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;占位符&lt;/th&gt;&lt;th&gt;填什么&lt;/th&gt;&lt;th&gt;例（对照上图）&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;[人类]&lt;/code&gt;&lt;/td&gt;&lt;td&gt;人数、年龄、关系&lt;/td&gt;&lt;td&gt;一对穿民族服饰的孩童 / 一名女孩 / 四个孩子&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;[动物]&lt;/code&gt;&lt;/td&gt;&lt;td&gt;品种 + 是否拟人配饰&lt;/td&gt;&lt;td&gt;云南瓦猫 / 戴围巾的花猫 / 熊·长颈鹿·企鹅等&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;[姿势]&lt;/code&gt;&lt;/td&gt;&lt;td&gt;动态或队形&lt;/td&gt;&lt;td&gt;跳跃举手 / 路牌前合影式挥手 / 草地排排坐挥手&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;[服装]&lt;/code&gt;&lt;/td&gt;&lt;td&gt;地域或季节特征&lt;/td&gt;&lt;td&gt;绣花马甲与条纹裙 / 蓝绣花白裙 / 背带裤与针织帽&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;[风景]&lt;/code&gt;&lt;/td&gt;&lt;td&gt;地标 + 前景物&lt;/td&gt;&lt;td&gt;红河梯田与石桥 / 大理门楼与雪山路牌 / 草地丘陵彩旗&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;[调色板]&lt;/code&gt;&lt;/td&gt;&lt;td&gt;主色 3–5 个，写死&lt;/td&gt;&lt;td&gt;红橙绿梯田色 / 天蓝金黄民族蓝 / 黄绿橙米色&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;风格句已经很长，&lt;strong&gt;别再往模板里塞「高级、震撼、电影感」&lt;/strong&gt;——那些词会冲掉扁平矢量约束。要改气质，动槽位和调色板就够。&lt;/p&gt;&lt;p&gt;下期风格征集原文提到：国风 / 赛博朋克 / 日漫 / 写实人像 / 美食 / 建筑——需要哪条再单独开篇，别和这篇扁平文旅槽硬揉。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;相关笔记（旁链，不合并）&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;GPT-Image2 玩法盘点（待发布）—— 同模型族案例合集&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;/posts/gpt-image2-ui-layer-slice/&quot;&gt;UI 设计分层切图&lt;/a&gt; —— 出可编辑 UI 资产&lt;/li&gt;
&lt;li&gt;七种高张力海报（待发布）—— 狠封面 vs 本篇软萌文旅&lt;/li&gt;
&lt;li&gt;AI 图片提示词反推公式（待发布）—— 按维拆图反推；本篇是直接可复制槽模板&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;</content:encoded></item><item><title>想清楚用 Chat，做成品用 Work，改代码用 Codex</title><link>https://fork-firefly.vercel.app/posts/chatgpt-chat-work-codex/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/chatgpt-chat-work-codex/</guid><description>先选模式再选模型：想清楚用 Chat，做成品用 Work，改系统和代码用 Codex。</description><pubDate>Mon, 10 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;很多人一打开 ChatGPT，先纠结「用哪个模型、推理开多高」。图卡把顺序拧回来了：&lt;strong&gt;先选模式，再选模型与推理档位。&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;模式决定工作方式；模型决定能力、速度与成本；推理档位决定思考深度。下面按图面完整转录，不当完整产品手册。&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Chat、Work、Codex，怎么选？&quot; loading=&quot;lazy&quot; width=&quot;766&quot; height=&quot;1024&quot; src=&quot;/_astro/cover.kzy93Qlp_Z2ctK9B.webp&quot; /&gt;&lt;figcaption&gt;Chat、Work、Codex，怎么选？&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;hr /&gt;
&lt;section&gt;&lt;h2&gt;三个模式各管什么&lt;/h2&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;模式&lt;/th&gt;&lt;th&gt;定位（图面）&lt;/th&gt;&lt;th&gt;典型用途（图面）&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Chat&lt;/strong&gt;（绿）&lt;/td&gt;&lt;td&gt;问答与快速交流&lt;/td&gt;&lt;td&gt;解释概念 · 讨论与判断 · 头脑风暴&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Work&lt;/strong&gt;（蓝）&lt;/td&gt;&lt;td&gt;研究与正式交付&lt;/td&gt;&lt;td&gt;分析多份材料 · 文档·表格·演示 · 报告·Site·计划任务&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Codex&lt;/strong&gt;（紫）&lt;/td&gt;&lt;td&gt;软件开发与技术执行&lt;/td&gt;&lt;td&gt;修改与调试代码 · 运行命令与测试 · 审查仓库与技术整改&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;分不清时先问自己：是在&lt;strong&gt;想清楚&lt;/strong&gt;，还是在&lt;strong&gt;交成品&lt;/strong&gt;，还是在&lt;strong&gt;改系统和代码&lt;/strong&gt;。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;选型逻辑：模式在前&lt;/h2&gt;&lt;p&gt;图中部那条够硬：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;&lt;strong&gt;先选模式，再选模型与推理档位。&lt;/strong&gt;&lt;br /&gt;
模式决定工作方式；模型决定能力、速度与成本；推理档位决定思考深度。&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;别把「模型更强」当成万能开关——工作方式选错，再贵的档位也只是更快地做错事。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;模型与推理，分开选&lt;/h2&gt;&lt;p&gt;图面标题：&lt;strong&gt;模型与推理，分开选择。&lt;/strong&gt; 三档对照如下（名称按图面照录[^models]）：&lt;/p&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;场景&lt;/th&gt;&lt;th&gt;图面建议&lt;/th&gt;&lt;th&gt;备注&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;日常快速回答&lt;/td&gt;&lt;td&gt;&lt;strong&gt;GPT-5.5 Instant&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;快答档&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;复杂知识工作与研究&lt;/td&gt;&lt;td&gt;&lt;strong&gt;GPT-5.6 Sol&lt;/strong&gt;，推理可选 &lt;strong&gt;Medium / High / Extra High&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;深度档，推理强度单独拧&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Work / Codex 中的效率选择&lt;/td&gt;&lt;td&gt;&lt;strong&gt;Terra&lt;/strong&gt;（均衡）· &lt;strong&gt;Luna&lt;/strong&gt;（最快、成本最低）&lt;/td&gt;&lt;td&gt;交付/执行场景下的效率档&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;Instant 管「说得快」；Sol + 推理档管「想得深」；Terra / Luna 管 Work、Codex 里要不要压成本和延迟。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;口诀够用了&lt;/h2&gt;&lt;p&gt;图底那句直接背：&lt;/p&gt;&lt;p&gt;&lt;strong&gt;想清楚用 Chat，做成品用 Work，改系统和代码用 Codex。&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;进了 Codex 还要写规矩、派活、少走偏，旁边几篇管用法，不跟本篇抢选型。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;</content:encoded></item><item><title>7 天烧掉 230 亿 Token：这 50 条 Codex 心得够用了</title><link>https://fork-firefly.vercel.app/posts/codex-practice-50-tips/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/codex-practice-50-tips/</guid><description>7 天烧掉 230 亿 Token 的实战清单：从 AI Native 思维到 AGENTS.md 与 Skill，50 条够你把 Codex 当默认执行者来用。</description><pubDate>Mon, 10 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;看案例、听聚会，和真正把 Codex 当默认执行者，是两回事。&lt;/p&gt;
&lt;p&gt;有位把 Codex 当默认执行者的实践者，把完整目标直接交给 Codex：持续调研、编写代码、运行测试、打开浏览器，最后交可直接用的文件或产品。7 天消耗 &lt;strong&gt;230 亿 Token&lt;/strong&gt;（约 &lt;strong&gt;$2.6 万&lt;/strong&gt;），消耗量一度排到榜一。落地数字也不含糊：可商用笔记日产 &lt;strong&gt;100 → 1000&lt;/strong&gt;；内部提效工具开发期 &lt;strong&gt;1 个月 → 3 天&lt;/strong&gt;；销售陪练考核系统 &lt;strong&gt;1 天&lt;/strong&gt; 完成。&lt;/p&gt;
&lt;p&gt;下面 50 条按原文六大部分收录——不是官方十条的翻版，是业务侧「敢把权限交出去」之后的实战清单。&lt;/p&gt;
&lt;p&gt;相关阅读：官方十条边界气质、&lt;a href=&quot;/posts/claude-code-four-loops/&quot;&gt;Claude Code 四类循环&lt;/a&gt;、Prompt→Harness→Loop 四站、Vibe Coding 流程纪律——见文末。&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;AI 落地流程总览&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;575&quot; src=&quot;/_astro/cover.DeeQYT6Y_1eVtLN.webp&quot; /&gt;&lt;figcaption&gt;AI 落地流程总览&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;hr /&gt;
&lt;section&gt;&lt;h2&gt;AI Native 的工作方式&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;AI 协作：1个月→3天&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;575&quot; src=&quot;/_astro/fig-02-02-ai-collab-1month-to-3days.DT4GKDOO_Z1S0DL0.webp&quot; /&gt;&lt;figcaption&gt;AI 协作：1个月→3天&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;相信未来是一个&lt;strong&gt;普通人靠想法也能暴富的时代&lt;/strong&gt;，前提是你学会无限烧 Token 的方式。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;真正拉开差距的不是「会不会用 AI」，而是&lt;strong&gt;拥有 AI Native 的思维&lt;/strong&gt;：不要让人成为瓶颈，思考怎么减少自己的参与；你敢不敢让 AI 连续工作几小时、几天，甚至长期替你推进一个目标。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;学会搭建稳定、低成本的模型调用方案。&lt;/strong&gt; Token 成本降不下来，你就会下意识少思考、少尝试、少并行。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;想办法让账号拥有更充足的 Token 配额。可以研究 OpenCodex、CC Switch。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;不要把「省 Token」当成最高目标。Token 可以再买，真正稀缺的是你的时间、注意力和机会窗口。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;烧 Token 不是让 AI 陪你闲聊，而是让它持续搜索、分析、执行、验证，最后交付可以直接使用的结果。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;最有价值的不是一个神奇提示词，而是一套能够反复运行、持续优化的工作流程。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;相信 AI，理解 AI，然后尽可能让 AI 去做。&lt;/strong&gt; 很多事情不是 AI 做不了，而是你没有真正把权限和任务交给它。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;再次强调：&lt;strong&gt;不要让人成为工作流里的瓶颈。&lt;/strong&gt; 每次需要你复制、粘贴、确认、整理，都应该思考能否继续自动化。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;AI Native 不是「原来的业务加一个聊天框」，而是重新设计整个业务，让 AI 成为默认执行者。&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;从陌生行业开始做新项目&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;不懂行业反而是优势&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;575&quot; src=&quot;/_astro/fig-03-03-outsider-advantage-tip11.BwVHoYKC_Zstb3j.webp&quot; /&gt;&lt;figcaption&gt;不懂行业反而是优势&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;不懂一个行业有时反而是优势。&lt;/strong&gt; 你没有被旧规则限制，更容易让 AI 带着你从第一性原理重新拆解行业。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;遇到新行业，不要先花三个月学习。&lt;/strong&gt; 先让 Codex 调研市场、整理术语、分析竞品，再用真实项目反向学习。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;做新业务时，&lt;strong&gt;先考虑能不能让 AI 完成&lt;/strong&gt;，再考虑要不要招人。很多过去需要一个团队的事情，现在可能只需要一个负责人。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;一定要&lt;strong&gt;优先使用当前能力最强的模型&lt;/strong&gt;。模型能力差一点，可能不是结果差一点，而是整个复杂任务根本跑不通。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;简单任务可以交给便宜模型，关键判断、复杂编码和长期任务交给顶级模型。不要为了省小钱，浪费更多返工时间。&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;模型路由：Haiku / Sonnet / Opus&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;575&quot; src=&quot;/_astro/fig-04-04-model-routing-haiku-sonnet-opus.Blq6aqW4_oYPso.webp&quot; /&gt;&lt;figcaption&gt;模型路由：Haiku / Sonnet / Opus&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;学会观察 Codex 的额度和重置时间。临近重置还有大量额度，就安排代码审计、竞品调研、批量测试等重任务。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;不要等到额度快过期才随便烧。提前准备一个「高 Token 任务池」，有剩余额度时直接启动。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;学会使用目标模式。把一个需要数小时甚至数天的结果设成目标，让 Codex 围绕最终交付持续推进。&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;让 AI 从想法走到可交付结果&lt;/h2&gt;&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;目标要写结果，不要只写动作。&lt;/strong&gt; 不要说「研究一下竞品」，要说「交付竞品数据库、差异分析和可执行方案」。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;学会使用 Plan 模式。&lt;/strong&gt; 复杂任务先让 Codex 拆步骤、找风险、确定验收标准，再开始执行，返工会少很多。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;简单任务别过度规划，复杂任务别直接开干。判断标准是：做错一次的返工成本高不高。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;给 Codex 明确的完成标准。例如「页面能打开」不够，要写清楚响应速度、移动端效果、异常状态和测试要求。&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;完成标准：模糊 vs 细化验收&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;575&quot; src=&quot;/_astro/fig-05-05-acceptance-vague-vs-detailed.BdQtEHyw_Z2uK7l9.webp&quot; /&gt;&lt;figcaption&gt;完成标准：模糊 vs 细化验收&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;不要只告诉 AI「做什么」，还要告诉它**「做到什么程度」。** 没有验收标准，AI 很容易交付一个看起来完成的半成品。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;大任务尽量交付文件、代码、表格或网页，不要只停留在聊天答案。能沉淀的成果，才有复利。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;让 Codex 先读取现有项目、历史文档和真实数据，再提出方案。上下文越真实，输出越少像套话。&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;把重复操作做成长期流程&lt;/h2&gt;&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;为长期项目编写 AGENTS.md。&lt;/strong&gt; 把项目规则、目录结构、禁区和验收方式写进去，避免每次重新解释。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;把经常重复的操作做成 Skill。&lt;/strong&gt; 一次写好规则，以后一句话就能触发完整流程。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;把高频提示词升级为模板，把模板升级为 Skill，再把多个 Skill 串成自动运行的业务系统。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;学会使用工具和连接器。让 Codex 直接读取代码、文档、邮件和数据库，少做人工搬运。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;不要复制几万行日志给 AI。让 Codex 自己搜索关键词、定位异常时间段、提取相关上下文，更快也更准确。&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;让 AI 完成调研、开发和测试&lt;/h2&gt;&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;遇到 Bug，不要只让 AI 猜原因。&lt;/strong&gt; 让它复现问题、读取日志、缩小范围、编写测试，最后验证修复。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;修复问题时要求 Codex 先写失败测试，再修改代码。能被测试捕获的 Bug，才更不容易再次出现。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;不要用「感觉差不多」验收。让 Codex 运行测试、查看页面、检查日志，用证据证明任务已经完成。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;做网页时，让 Codex 同时检查桌面端、移动端、加载状态、空状态和错误状态，别只看首页截图。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;学会让 Codex 操作浏览器。&lt;/strong&gt; 大量调研、录入、页面测试和后台操作，本质上都可以转化成浏览器工作流。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;让 AI 看图、看截图、看视频，不要什么都靠文字描述。多模态输入经常比你解释十分钟更准确。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;不要自己逐个整理竞品。让 Codex 批量搜集、分类、去重、打标签，再由你判断真正值得关注的信号。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;相信自己的想法，但前提是看过足够多的竞品、用户反馈和失败案例。自信应该建立在信息密度上。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;一个想法不要只生成一套方案。让 Codex 同时给出保守版、激进版、低成本版和最快验证版，再进行比较。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;学会并行推进。市场研究、产品设计、技术验证和内容生产可以同时运行，不必等上一件事做完。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;并行不是让十个 AI 重复回答同一个问题，而是把任务拆成互不依赖的子问题，最后再汇总判断。&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;用复盘和配置提高长期效率&lt;/h2&gt;&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;让最好模型用最高推理做审查，执行用中等推理即可。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;重要决策不要只问「这个想法好不好」，要让 AI 主动反对你。哪里会失败、什么假设最危险、如何最低成本证伪，都可以让它一起检查。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;学会洞察 Codex 或 Claude 的周额度重置时间，它是有规律的，不要浪费剩余的 Token。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;一次对话只解决一个问题，会浪费 Codex 的连续工作能力。尽量把「调研、方案、实现、测试、复盘」连成完整流程。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;每完成一个项目，都让 Codex 复盘。哪些步骤浪费了 Token，哪些信息重复提供，哪些流程可以自动化。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;建立自己的失败案例库。&lt;/strong&gt; AI 犯过的错误、无效提示词和项目踩坑，都应该沉淀成下一次的约束条件。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;买一台性能更好的电脑，建议是 1 万元以上的 Mac，尤其是需要同时运行 Codex、浏览器、开发环境和 Docker 时。生产工具卡顿，会直接限制你的并行能力和思考速度。有段时间，机器只能每天烧 30 亿 Token——因为电脑成了瓶颈。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;不要为了烧 Token 而烧 Token。&lt;/strong&gt; 原文此处附「试试装一下这几个 Skill」配图清单（镜像文本未展开具体 Skill 名，以图为准）。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;你不需要一次把 50 条全用上。先找一个自己每周都会重复做的任务，把目标、验收标准和上下文交代清楚，让 Codex 完整跑一遍。&lt;strong&gt;跑完以后再复盘，把重复步骤写进 AGENTS.md 或做成 Skill。&lt;/strong&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;先跑通一件重复的事&lt;/h2&gt;&lt;p&gt;别把这 50 条当收藏夹。挑一件每周必做的活，目标 + 验收 + 上下文一次说清，让 Codex 整段跑完；再把重复步骤写进 &lt;code&gt;AGENTS.md&lt;/code&gt; / Skill。烧得出 Token 不难，烧成可复用流程才算数。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>单张概念图撑不起一座宋式园区：Codex 把 GPT Image 2 编成多机位合同</title><link>https://fork-firefly.vercel.app/posts/song-era-campus-gpt-image2-workflow/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/song-era-campus-gpt-image2-workflow/</guid><description>用 Codex + GPT Image 2 做宋代园区设计的完整工作流。</description><pubDate>Mon, 10 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;生成一张漂亮的古建筑效果图并不难。难的是让总平面、入口、庭院、水院、书院与夜景都属于&lt;strong&gt;同一个园区&lt;/strong&gt;。&lt;/p&gt;
&lt;p&gt;单张图质量可以很好，但建筑数量、屋顶方向、院落比例和水体位置容易漂移——因为每次生成都在重新设计园区。真正的问题不是提示词长短，而是&lt;strong&gt;状态管理&lt;/strong&gt;：布局合同、风格合同、固定机位、参考图顺序、失败返工。&lt;/p&gt;
&lt;p&gt;旁链（&lt;strong&gt;不硬并&lt;/strong&gt;）：&lt;a href=&quot;/posts/sketch-to-interactive-3d-traceform/&quot;&gt;草图→可交互 Three.js&lt;/a&gt; 钉单物体参数化；本篇钉的是&lt;strong&gt;园区多机位 + 布局/风格合同&lt;/strong&gt;。&lt;a href=&quot;/posts/agents-md-template-six-scenes/&quot;&gt;好 AGENTS.md 模板&lt;/a&gt; 讲通用路由原则；这里落到四个古代园区 skills。同模型其他交付见文末。&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;宋代建筑园区鸟瞰全景&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;576&quot; src=&quot;/_astro/cover.B_SIJvRS_CtFNR.webp&quot; /&gt;&lt;figcaption&gt;宋代建筑园区鸟瞰全景&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;hr /&gt;
&lt;section&gt;&lt;h2&gt;流程先改定义，再谈出图&lt;/h2&gt;&lt;p&gt;流程被重新定义为：&lt;/p&gt;&lt;p&gt;需求与分区 → 正交总平面 → 布局锁定合同 → 宋式风格合同 → 固定机位登记 → 参考图约束生成 → 独立线框图 → 跨视角一致性审计&lt;/p&gt;&lt;p&gt;Codex 在这里不是「帮我写一段提示词」的聊天工具，而是工作流执行者：读取项目文件、维护版本目录、调用图像接口、检查尺寸、生成审计记录，并把反复使用的方法沉淀为 skills。OpenAI 的 Codex 用例也将「把重复工作保存为 skills」列为正式工作方式。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;第一步：先锁定总平面&lt;/h2&gt;&lt;p&gt;项目首先生成严格俯视的园区线框图，把南侧主入口、南北主轴、中央大殿、西侧水院、东侧书院、北侧后园、围墙、连廊和道路固定下来。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;园区正交总平面线框图&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;576&quot; src=&quot;/_astro/fig-02-02-orthographic-site-plan-wireframe.RuH2PYJE_5JBY5.webp&quot; /&gt;&lt;figcaption&gt;园区正交总平面线框图&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;与图片同时保存的 &lt;code&gt;LAYOUT_LOCK.md&lt;/code&gt; 明确规定：后续可以改变机位、天气、季节、灯光和人物活动，但不能移动、旋转或增删主要建筑，也不能改变庭院、水体、连廊和入口关系。&lt;/p&gt;&lt;p&gt;本阶段的核心 Prompt 直接要求模型把鸟瞰图转换为正交建筑线框，而不是重新设计：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;Transform the reference aerial rendering into a precise orthographic&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;top-down architectural wireframe master plan of the exact same campus.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;Preserve every major building footprint, courtyard, wall, covered corridor,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;pond, path and landscape boundary. Remove perspective and render north-up&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;on a white background. No shading, photorealism, labels, dimensions,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;logo or watermark.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;鸟瞰全景（文称并置位；附件为重复鸟瞰）&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;576&quot; src=&quot;/_astro/cover.B_SIJvRS_CtFNR.webp&quot; /&gt;&lt;figcaption&gt;鸟瞰全景（文称并置位；附件为重复鸟瞰）&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;sup&gt;&lt;a href=&quot;#user-content-fn-layout-juxtapose&quot;&gt;1&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;&lt;p&gt;这一步非常关键。效果图不再决定布局，布局反过来约束效果图。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;第二步：把「宋代感」写成设计系统&lt;/h2&gt;&lt;p&gt;「古风」「宋代建筑」都太宽泛，必须进一步拆成可检查的规则：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;灰色陶瓦与克制的屋面起翘&lt;/li&gt;
&lt;li&gt;深出檐、深色原木柱梁与稳定开间&lt;/li&gt;
&lt;li&gt;暖白墙体、青灰石铺地&lt;/li&gt;
&lt;li&gt;松、竹、山石、水面与雾山背景&lt;/li&gt;
&lt;li&gt;当代无障碍、玻璃和照明只能低调嵌入&lt;/li&gt;
&lt;li&gt;排除明清式红金装饰、日式神社符号、奇幻屋顶和主题乐园化表达&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;主入口图被选为风格母图。之后每个机位都按固定顺序输入：总平面线框、风格母图、可选的已批准局部视角。GPT Image 2 的图像编辑能力使「参考既有设计并改变视角或氛围」成为可执行路径，而不是每次从文本重新开始。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;宋代风格主入口母图&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;576&quot; src=&quot;/_astro/fig-04-04-main-gate-style-master.BMjGYOVl_15hNHx.webp&quot; /&gt;&lt;figcaption&gt;宋代风格主入口母图&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;本阶段 Prompt 不使用抽象的「古风」，而是明确屋面、木构、墙体、铺地、植物和排除项：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;Use gray clay tile roofs, moderate roof curvature, deep eaves, dark&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;natural timber frames, stable structural bay rhythm, warm white lime&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;walls and blue-gray stone paving. Use pine, bamboo, scholar rocks,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;still water and misty mountain context. Exclude imperial red and gold,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;ornate Ming-Qing motifs, Japanese shrine markers, fantasy roofs, neon,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;readable text and watermarks.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;雨夜廊院风格延伸&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;576&quot; src=&quot;/_astro/fig-05-05-rain-night-corridor-courtyard.D3KxJfMR_ZkR1vW.webp&quot; /&gt;&lt;figcaption&gt;雨夜廊院风格延伸&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;庭院日景风格延伸&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;576&quot; src=&quot;/_astro/fig-06-06-courtyard-style-extension-day.HaE6Ry9e_Z18UpjQ.webp&quot; /&gt;&lt;figcaption&gt;庭院日景风格延伸&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;第三步：拆成四个 skills，用 AGENTS.md 路由&lt;/h2&gt;&lt;p&gt;为了避免职责混乱，项目没有保留一个巨大的「万能 skill」，而是拆成四个阶段：&lt;/p&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Skill&lt;/th&gt;&lt;th&gt;职责&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;plan-ancient-campus-layout&lt;/code&gt;&lt;/td&gt;&lt;td&gt;总平面、轴线、分区和布局合同&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;define-ancient-campus-style&lt;/code&gt;&lt;/td&gt;&lt;td&gt;朝代语言、构造比例、材料和禁用元素&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;render-ancient-campus-views&lt;/code&gt;&lt;/td&gt;&lt;td&gt;固定机位和参考图约束生成&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;audit-ancient-campus-consistency&lt;/code&gt;&lt;/td&gt;&lt;td&gt;逐图核对、问题分级和定向返工&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;根目录 &lt;code&gt;AGENTS.md&lt;/code&gt; 负责路由：新项目必须依次执行四个 skills，后续阶段不得修改前一阶段已经批准的合同。这让设计过程从一次对话变成可以复用、检查和继续迭代的项目资产。&lt;sup&gt;&lt;a href=&quot;#user-content-fn-skills-route&quot;&gt;2&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;&lt;p&gt;&lt;sup&gt;&lt;a href=&quot;#user-content-fn-skill-repo&quot;&gt;3&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;&lt;p&gt;每个多机位任务都使用同一条参考顺序约束：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;Image 1 is the immutable orthographic site plan.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;Image 2 is the immutable Song-inspired architectural system.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;Image 3, when provided, is only a local camera and facade reference.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;Change only camera, lighting, weather, season and requested visitor activity.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;Preserve complete layout, architecture, materials and landmarks.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;第四步：效果图与线框图一一对应&lt;/h2&gt;&lt;p&gt;最终方案包含八个独立机位：总体鸟瞰、主入口、中央庭院、水院廊桥、书院内院、中央夜景、北侧后园和临水茶亭。每个机位都有独立效果图，也有独立透视线框图，不把多个视角合并成一张交付图。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;中央庭院日景机位&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;576&quot; src=&quot;/_astro/fig-07-07-central-courtyard-day.CiGHPFLY_fpBJq.webp&quot; /&gt;&lt;figcaption&gt;中央庭院日景机位&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;独立透视线框图&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;576&quot; src=&quot;/_astro/fig-08-08-perspective-wireframe-courtyard.BEk2KQnN_1Bxnta.webp&quot; /&gt;&lt;figcaption&gt;独立透视线框图&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;线框图通过图像编辑从已批准效果图转换而来，要求保持原机位、屋顶、柱网、墙体、庭院、水体和景观轮廓，只移除颜色、材质、光影和人物。这些线框适合概念沟通，但不能替代从统一三维模型导出的工程投影。&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;Convert this exact approved camera view into a clean professional&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;architectural perspective wireframe. Preserve the identical camera,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;framing, building positions, roof directions, columns, walls, corridors,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;pond edges, paths and trees. Change only rendering style. One view only;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;no collage, split screen or text.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;夜景使用白天中央庭院作为第三张参考图，只改变光线和活动：&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;中央庭院夜景&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;576&quot; src=&quot;/_astro/fig-09-09-central-courtyard-night.CE_Zf5JC_12whC7.webp&quot; /&gt;&lt;figcaption&gt;中央庭院夜景&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;一致性不是「看起来差不多」&lt;/h2&gt;&lt;p&gt;审计阶段按文件名逐张检查：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;建筑数量、主轴、入口、庭院、水体和连廊是否匹配总平面&lt;/li&gt;
&lt;li&gt;屋顶方向、坡度、出檐、柱网、墙体和开间是否匹配风格母图&lt;/li&gt;
&lt;li&gt;松竹、铺地、山石、水面和远山是否属于同一环境&lt;/li&gt;
&lt;li&gt;白天与夜景是否仍是同一栋建筑、同一个空间&lt;/li&gt;
&lt;li&gt;是否出现文字、水印、现代高楼、日式构件或红金宫殿化装饰&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;项目 V3 的概念审计没有发现 blocker 或 major 问题，但仍保留一个明确边界：参考图约束能够提高视觉一致性，&lt;strong&gt;不能&lt;/strong&gt;保证坐标、尺寸和构件在不同视角下达到施工级一致。概念一致 ≠ 几何 / 施工级一致。&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;Audit every filename against the canonical site plan, layout contract&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;and style reference. Check building count, axis, gates, courtyards, pond,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;corridors, roof direction, bay rhythm, materials and day/night identity.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;Classify each finding as blocker, major or minor. Name the exact file&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;and regenerate only the failing view.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;水院/后园视角审计示意&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;576&quot; src=&quot;/_astro/fig-10-10-water-courtyard-rear-garden-audit.BsPiIgTc_1N9eQ4.webp&quot; /&gt;&lt;figcaption&gt;水院/后园视角审计示意&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;临水亭审计示意&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;576&quot; src=&quot;/_astro/fig-11-11-waterside-pavilion-audit.Dycx15BN_n9t64.webp&quot; /&gt;&lt;figcaption&gt;临水亭审计示意&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;Codex 与 GPT Image 2 的分工&lt;/h2&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Codex&lt;/th&gt;&lt;th&gt;GPT Image 2&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;管理目录、合同、版本和机位&lt;/td&gt;&lt;td&gt;生成或编辑具体图像&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;将流程拆成 skills&lt;/td&gt;&lt;td&gt;根据多张参考图完成视觉转换&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;调用工具并等待长任务&lt;/td&gt;&lt;td&gt;处理构图、材质、光线与氛围&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;检查尺寸、文件和跨图一致性&lt;/td&gt;&lt;td&gt;输出效果图与线框图&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;记录失败原因和返工规则&lt;/td&gt;&lt;td&gt;按目标修改单张失败图&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;真正提升稳定性的不是更长的提示词，而是把图像模型放进一个有状态、有合同、有版本、有验收的工程流程。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;顺序不能反，边界要认&lt;/h2&gt;&lt;p&gt;第一，先做布局，再做风格，最后做多机位。顺序不能反。&lt;/p&gt;&lt;p&gt;第二，相关场景必须使用图像编辑和共同参考图，不要用八段独立文本生成八张图。&lt;/p&gt;&lt;p&gt;第三，概念一致性与几何一致性是两件事。&lt;/p&gt;&lt;p&gt;若项目进入技术设计阶段，应把确定性总平面转成 CAD、SketchUp、Blender 或其他统一三维模型，从同一模型输出各机位结构图，再用 GPT Image 2 做材质和氛围增强。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;评论里吵过的几件事&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Work Buddy / API&lt;/strong&gt;：有人问 Work Buddy 怎么连 GPT Image 2；作者称自己基本走 Codex，Work Buddy 侧多半要用 API（型号命名混乱：image 2.0 / v2 / Pro 并不等于 GPT Image 2）。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;AI 感&lt;/strong&gt;：有人嫌图 AI 味重；作者回应 AI 抹不掉创意，但可替掉低效低质环节、压成本。另有读者称自己也做类似流，直出 AI 感重后换了别的生图路径。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;做成服务&lt;/strong&gt;：有人建议产品化；作者称准备把建筑设计到室内软装串成项目。&lt;/li&gt;
&lt;/ul&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;同模型不同交付（旁链）&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;GPT-Image2 玩法盘点 55–75（待发布）&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;/posts/gpt-image2-ui-layer-slice/&quot;&gt;UI 分层切图&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;高张力海报七风格（待发布）&lt;/li&gt;
&lt;li&gt;竹林现代东方美术馆长 Prompt（待发布，建筑向单场景，非园区合同链）&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;Footnotes&lt;/h2&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;文称「总平面与效果图并置对照」；本套附件第 3 张与第 1 张鸟瞰 MD5 相同，未单独给出并置拼图。 &lt;a href=&quot;#user-content-fnref-layout-juxtapose&quot;&gt;↩&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;文称有「四个 skills 的路由关系」示意；附件未单独给出架构图，正文不编造插图。 &lt;a href=&quot;#user-content-fnref-skills-route&quot;&gt;↩&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;四个 skill 名称按原文保留；公开仓库 URL 原文未给出，此处不补编。 &lt;a href=&quot;#user-content-fnref-skill-repo&quot;&gt;↩&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;/section&gt;</content:encoded></item><item><title>草图约束写成旋钮：Codex 把椅子草图编成可交互 Three.js</title><link>https://fork-firefly.vercel.app/posts/sketch-to-interactive-3d-traceform/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/sketch-to-interactive-3d-traceform/</guid><description>草图经 GPT Image 2 再到可交互 Three.js，一条 Traceform 工作流。</description><pubDate>Mon, 10 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;单视角椅子草图出发的完整实践：先把模糊形体解释清楚，再把设计假设写成可编辑、可验证、可导出的三维原型。&lt;/p&gt;
&lt;p&gt;链路是：&lt;strong&gt;草图输入 → GPT-Image-2 形体解释 → Three.js 参数化建模 → 浏览器交互与 GLB 导出&lt;/strong&gt;。目标不是「一键还原真实物体」，而是把有限证据变成可讨论、可旋转、可继续争论的设计对象。&lt;/p&gt;
&lt;p&gt;旁链（&lt;strong&gt;不硬并&lt;/strong&gt;）：开源产线 img2threejs（待发布）出的是规格 + TS 工厂；本篇聚焦 &lt;strong&gt;Codex 编排流程 + TRACEFORM 参数化工作台&lt;/strong&gt;。同模型出图向见文末 GPT Image2 海报 / 玩法盘点。&lt;/p&gt;
&lt;hr /&gt;
&lt;section&gt;&lt;h2&gt;01｜草图不是模型，但它是有效的设计约束&lt;/h2&gt;&lt;p&gt;一张黑底红线的草图没有深度、背面拓扑和精确尺寸，却已经提供了最重要的设计证据：对象类别、主轮廓、部件数量、连接关系和大致视角。这次实践的目标不是承诺「一键还原真实物体」，而是把有限证据转化成一套可讨论的设计假设；最终链路是草图输入、GPT-Image-2 形体解释、Three.js 参数化建模、浏览器交互与 GLB 导出。它把「灵感」变成了可旋转、可修改、可交付、也可以继续争论的设计对象。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;草图→实体→线框三阶段合成&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;576&quot; src=&quot;/_astro/cover.GMdXAsK5_2cdcXO.webp&quot; /&gt;&lt;figcaption&gt;草图→实体→线框三阶段合成&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;02｜先读证据，再做推断&lt;/h2&gt;&lt;p&gt;面对原始草图，Codex 先只记录看得见的事实：这是高靠背椅子，坐面接近椭圆，四条腿向外张开，靠背与坐面通过较窄的区域连接；而座深、壳体厚度、腿部落点和背面结构都属于未知量。随后把未知量收敛为有边界的参数，例如 &lt;code&gt;seatWidth&lt;/code&gt;、&lt;code&gt;seatDepth&lt;/code&gt;、&lt;code&gt;backHeight&lt;/code&gt;、&lt;code&gt;legAngle&lt;/code&gt; 与 &lt;code&gt;shellThickness&lt;/code&gt;。这个步骤很关键，因为单视角重建没有唯一答案，诚实的做法不是隐藏不确定性，而是把不确定性变成用户可以调节的旋钮。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;黑底红线原草图&quot; loading=&quot;lazy&quot; width=&quot;888&quot; height=&quot;640&quot; src=&quot;/_astro/fig-02-02-redline-sketch-black.BgiaLxxT_Z1bTJGJ.webp&quot; /&gt;&lt;figcaption&gt;黑底红线原草图&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;03｜Codex 是编排器，而不是单一的生成按钮&lt;/h2&gt;&lt;p&gt;在整个流程中，Codex 负责把视觉理解、提示词设计、前端工程和运行验证串成完整流程：检查草图与仓库，调用 GPT-Image-2 生成形体参照，依据参照选择 Three.js 几何策略，启动 Vite 应用，再通过真实浏览器检查构图、交互、响应式布局和导出链接。这里最有价值的不是「写了多少代码」，而是每一步都有可观察的输入和输出，发现偏差后可以回到上一层修正，不必把错误一直带到最终模型。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;TRACEFORM 工作台全界面&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;640&quot; src=&quot;/_astro/fig-03-03-traceform-workbench-full.36x-9Nqk_Z12TpCx.webp&quot; /&gt;&lt;figcaption&gt;TRACEFORM 工作台全界面&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;04｜GPT-Image-2 负责消解视觉歧义，不负责生成网格&lt;/h2&gt;&lt;p&gt;GPT-Image-2 接收原草图作为几何与轮廓参考，提示词要求保留椅子类别、高靠背、圆润坐面、四腿外撇和原始视角，同时禁止增加扶手、装饰和额外部件。输出是一张边界清晰的产品级形体解释图，它帮助我们判断曲面、比例与材质方向，但它仍然是二维图像，不是可旋转的 mesh，更不能被伪装成生产级 CAD；实际三维几何必须在下一步由 Three.js 或专业重建后端生成。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;GPT-Image-2 产品级形体解释图&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;738&quot; src=&quot;/_astro/fig-04-04-gpt-image2-form-interpretation.D3SDDD7i_ZSElW0.webp&quot; /&gt;&lt;figcaption&gt;GPT-Image-2 产品级形体解释图&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;05｜Three.js 把假设变成确定性的几何&lt;/h2&gt;&lt;p&gt;实际模型由命名的 &lt;code&gt;THREE.Group&lt;/code&gt; 组织：坐面和靠背用 &lt;code&gt;THREE.Shape&lt;/code&gt; 加 &lt;code&gt;ExtrudeGeometry&lt;/code&gt; 构造，曲线由贝塞尔控制点描述，四条椅腿则用端点之间对齐的 &lt;code&gt;CylinderGeometry&lt;/code&gt; 生成；材质统一使用可导出的 &lt;code&gt;MeshStandardMaterial&lt;/code&gt;。因此相同参数永远得到相同网格，实体、素模、线框和透视模式只是观察方式的变化，而不是四套互不一致的模型。相比把生成图贴在平面上，这种实现才能承受真正的环绕观察和后续编辑。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;线框模式视口与参数侧栏&quot; loading=&quot;lazy&quot; width=&quot;788&quot; height=&quot;662&quot; src=&quot;/_astro/fig-05-05-wireframe-viewport-params.BB9GNLYW_2fSbeS.webp&quot; /&gt;&lt;figcaption&gt;线框模式视口与参数侧栏&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;06｜参数化让「渲染结果」升级为「设计工具」&lt;/h2&gt;&lt;p&gt;一个好看的静态渲染只能回答「它现在是什么样」，参数化工作台还可以回答「如果更宽、更深、更薄会怎样」。界面把座宽、座深、靠背高度、腿部角度与壳体厚度直接连接到几何重建，同时提供材质色板、网格开关、自动旋转和多种观察模式；参数改变后旧几何会被移除并释放资源，新的 GLB Blob 链接也会重新生成。设计评审因此从交换截图，变成围绕同一可执行模型调整变量。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;移动端参数面板特写&quot; loading=&quot;lazy&quot; width=&quot;355&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-06-06-mobile-params-panel.CUFYe2gX_cq1rF.webp&quot; /&gt;&lt;figcaption&gt;移动端参数面板特写&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;07｜「能运行」之后，还要验证它真的可用&lt;/h2&gt;&lt;p&gt;三维界面最常见的问题并不只在代码：相机可能裁掉模型，Canvas 可能尺寸正常但实际空白，控制面板可能在移动端溢出，异步下载也可能丢失用户激活。本次验证覆盖 &lt;strong&gt;1440 × 900&lt;/strong&gt; 桌面与 &lt;strong&gt;390 × 844&lt;/strong&gt; 移动视口，检查 Canvas 的非空像素、完整构图和水平溢出，并实际操作形体参数、材质、线框模式、重建进度及原图/AI 参照切换；PNG 截图使用 &lt;code&gt;preserveDrawingBuffer&lt;/code&gt;，GLB 则预先生成原生 Blob URL，避免「按钮存在但文件下不下来」。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;TRACEFORM LAB 全界面含移动预览条&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;571&quot; src=&quot;/_astro/fig-07-07-traceform-lab-with-mobile-bar.BVbGmf6C_1pt67U.webp&quot; /&gt;&lt;figcaption&gt;TRACEFORM LAB 全界面含移动预览条&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;08｜把一次实践封装成可复用的 Skill&lt;/h2&gt;&lt;p&gt;这套方法已经封装为 &lt;code&gt;$build-sketch-to-3d&lt;/code&gt;：它约束 Codex 先判断任务属于品类原型、固定展示还是生产级图生网格，再按「证据提取、ImageGen 解释、Three.js 建模、工作台实现、PNG/GLB 导出、桌面与移动端验证」的顺序执行。Skill 的价值不是复制这把椅子，而是保存经过验证的判断顺序、能力边界和交付标准；下次给出灯具、家具或产品概念草图时，可以从同一条可靠流程开始。&lt;sup&gt;&lt;a href=&quot;#user-content-fn-skill-repo&quot;&gt;1&lt;/a&gt;&lt;/sup&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;五步工作流 knolling 俯视图&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;682&quot; src=&quot;/_astro/fig-08-08-five-step-workflow-knolling.Ck29iSfC_ZzfMBD.webp&quot; /&gt;&lt;figcaption&gt;五步工作流 knolling 俯视图&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;实现骨架&lt;/h2&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;const&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;initialShape&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt; {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;seatWidth&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;2.58&lt;/span&gt;&lt;span&gt;,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;seatDepth&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;2.18&lt;/span&gt;&lt;span&gt;,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;backHeight&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;2.5&lt;/span&gt;&lt;span&gt;,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;legAngle&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;18&lt;/span&gt;&lt;span&gt;,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;shellThickness&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;0.16&lt;/span&gt;&lt;span&gt;,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;};&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;8&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;const&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;group&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;new&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;THREE&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;span&gt;Group&lt;/span&gt;&lt;span&gt;();&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;9&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;group&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;span&gt;name&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&apos;Traceform_Chair&apos;&lt;/span&gt;&lt;span&gt;;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;10&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;11&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;const&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;seatGeometry&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;new&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;THREE&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;span&gt;ExtrudeGeometry&lt;/span&gt;&lt;span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;seatShape&lt;/span&gt;&lt;span&gt;, {&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;12&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;depth&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;shape&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;span&gt;shellThickness&lt;/span&gt;&lt;span&gt;,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;13&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;bevelEnabled&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;true&lt;/span&gt;&lt;span&gt;,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;14&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;bevelSegments&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;4&lt;/span&gt;&lt;span&gt;,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;15&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;curveSegments&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;72&lt;/span&gt;&lt;span&gt;,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;16&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;});&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;17&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;const&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;exporter&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;new&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;GLTFExporter&lt;/span&gt;&lt;span&gt;();&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;18&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;exporter&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;span&gt;parse&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;19&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;chair&lt;/span&gt;&lt;span&gt;,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;20&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;result&lt;/span&gt;&lt;span&gt;) &lt;/span&gt;&lt;span&gt;=&amp;gt;&lt;/span&gt;&lt;span&gt; {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;21&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;    &lt;/span&gt;&lt;span&gt;const&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;url&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;URL&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;span&gt;createObjectURL&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;22&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;      &lt;/span&gt;&lt;span&gt;new&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;Blob&lt;/span&gt;&lt;span&gt;&lt;span&gt;([&lt;/span&gt;&lt;span&gt;result&lt;/span&gt;&lt;span&gt;], { &lt;/span&gt;&lt;/span&gt;&lt;span&gt;type&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&apos;model/gltf-binary&apos;&lt;/span&gt;&lt;span&gt; }),&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;23&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;);&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;24&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;    &lt;/span&gt;&lt;span&gt;onExportReady&lt;/span&gt;&lt;span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;url&lt;/span&gt;&lt;span&gt;);&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;25&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;},&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;26&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;console&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;span&gt;error&lt;/span&gt;&lt;span&gt;,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;27&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;{ &lt;/span&gt;&lt;span&gt;binary&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;true&lt;/span&gt;&lt;span&gt;, &lt;/span&gt;&lt;span&gt;onlyVisible&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;true&lt;/span&gt;&lt;span&gt; },&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;28&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;);&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;span&gt;展开&lt;/span&gt;&lt;span&gt;收起&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;评论区里两句有用的&lt;/h2&gt;



















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;谁&lt;/th&gt;&lt;th&gt;说啥&lt;/th&gt;&lt;th&gt;带走&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;Sunny、&lt;/td&gt;&lt;td&gt;&lt;code&gt;$build-sketch-to-3d&lt;/code&gt; 在哪呢？最近刚好需要这个&lt;/td&gt;&lt;td&gt;Skill 名公开了，&lt;strong&gt;仓库位置原文没给&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;泡泡糖&lt;/td&gt;&lt;td&gt;核心还在是 image2 吧&lt;/td&gt;&lt;td&gt;作者回：图像是 GPT-image2，锁保持一致性&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;「能做室内 3D 机器人第三人称走动吗」那条闲聊不展开——Three.js 能干游戏，和本篇草图→参数化原型不是同一题。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;旁链（互见，别硬并）&lt;/h2&gt;





























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;旁链&lt;/th&gt;&lt;th&gt;它管啥&lt;/th&gt;&lt;th&gt;别并进这篇的原因&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;img2threejs 一张图变 Three.js 工厂（待发布）&lt;/td&gt;&lt;td&gt;开源 img2threejs：图 → 规格 + TS 工厂&lt;/td&gt;&lt;td&gt;仓库 README 深挖 ≠ Codex 编排实践 / TRACEFORM 工作台&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;GPT Image2 七种高张力海报（待发布）&lt;/td&gt;&lt;td&gt;同模型海报冲击&lt;/td&gt;&lt;td&gt;出图玩法 ≠ 形体消歧义再进几何&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;GPT Image2 案例 55–75（待发布）&lt;/td&gt;&lt;td&gt;同模型提示词合集&lt;/td&gt;&lt;td&gt;配方库 ≠ 本篇编排流程&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;sen-3d-resume 3D 网页简历（待发布）&lt;/td&gt;&lt;td&gt;可交互 3D 简历壳&lt;/td&gt;&lt;td&gt;简历产品形态 ≠ 草图参数化原型&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;本篇归档 &lt;strong&gt;TRACEFORM / &lt;code&gt;$build-sketch-to-3d&lt;/code&gt;&lt;/strong&gt;：草图约束 → Image2 消歧义 → 确定性 Three.js → 参数旋钮 → 双端验证。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;Footnotes&lt;/h2&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;文中提及 Skill 名 &lt;code&gt;$build-sketch-to-3d&lt;/code&gt;，仓库位置未在原文给出——勿编造 GitHub URL。 &lt;a href=&quot;#user-content-fnref-skill-repo&quot;&gt;↩&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;/section&gt;</content:encoded></item><item><title>vibe coding 怎么用：十步从一句话走到上线</title><link>https://fork-firefly.vercel.app/posts/vibe-coding-handbook-10-steps/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/vibe-coding-handbook-10-steps/</guid><description>Vibe coding 十条用法，从感觉写到能交付的 MVP。</description><pubDate>Mon, 10 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;很多人以为 vibe coding = 跟 AI 聊天就能出 App。其实更像一门&lt;strong&gt;描述目标、判断结果、持续迭代&lt;/strong&gt;的手艺：你不必先会手写每一行代码，但得说得清、看得懂、敢砍范围。&lt;/p&gt;
&lt;p&gt;下面按「离溪雪」系列信息图 01–10 原样拆开。每章一张图，能带走的是动作，不是口号。&lt;/p&gt;
&lt;hr /&gt;
&lt;section&gt;&lt;h2&gt;01｜先了解 vibe coding 是什么、用什么、怎么开始&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;01 vibe coding 使用手册总览&quot; loading=&quot;lazy&quot; width=&quot;766&quot; height=&quot;1024&quot; src=&quot;/_astro/cover.D961HGqP_dT0ai.webp&quot; /&gt;&lt;figcaption&gt;01 vibe coding 使用手册总览&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;定义（图上原话大意）：&lt;/strong&gt; 用自然语言描述软件意图，让 AI 帮你生成、修改、调试代码。不必先会写代码，但要能描述目标、判断结果、持续迭代。&lt;/p&gt;&lt;section&gt;&lt;h3&gt;先选工具&lt;/h3&gt;







































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;场景&lt;/th&gt;&lt;th&gt;工具&lt;/th&gt;&lt;th&gt;图上说法&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;快速出原型&lt;/td&gt;&lt;td&gt;Bolt&lt;/td&gt;&lt;td&gt;网页和小工具快速搭&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;Lovable&lt;/td&gt;&lt;td&gt;对话式生成产品界面&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;Replit&lt;/td&gt;&lt;td&gt;在线写、跑、部署&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;先做界面&lt;/td&gt;&lt;td&gt;v0&lt;/td&gt;&lt;td&gt;先出前端页面和组件&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;长期 / 更可控&lt;/td&gt;&lt;td&gt;Cursor、Windsurf&lt;/td&gt;&lt;td&gt;边看代码边改&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;Claude Code、Codex&lt;/td&gt;&lt;td&gt;更偏工程接管项目&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;怎么开始：5 步&lt;/h3&gt;&lt;ol&gt;
&lt;li&gt;选一个很小的项目&lt;/li&gt;
&lt;li&gt;用一句话描述目标&lt;/li&gt;
&lt;li&gt;让 AI 拆成功能清单&lt;/li&gt;
&lt;li&gt;先做最小版本（MVP）&lt;/li&gt;
&lt;li&gt;运行、反馈、继续迭代&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;&lt;strong&gt;适合：&lt;/strong&gt; 个人小工具、表单/管理系统、网页/落地页、内容整理工具、MVP 原型验证。&lt;br /&gt;
&lt;strong&gt;不适合一开始就上：&lt;/strong&gt; 大型综合 App、高安全系统（金融/医疗）、高并发生产后端、问题本身都说不清的项目。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;第一句可以这样说：&lt;/strong&gt;&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;我想做一个待办管理工具，支持新增任务、分类标签、状态管理和简单统计。先帮我拆成功能清单，并做一个最小可用版本。&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;&lt;strong&gt;术语：&lt;/strong&gt; 自然语言 · 意图 · 迭代 · MVP · 原型&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;02｜先写需求：一句想法不是软件需求&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;02 先写需求&quot; loading=&quot;lazy&quot; width=&quot;766&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-02-02-write-requirements.B-0_OZy0_Z1836WK.webp&quot; /&gt;&lt;figcaption&gt;02 先写需求&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;AI 最怕的不是任务难，而是你说得太模糊。&lt;/p&gt;&lt;section&gt;&lt;h3&gt;先填 7 个字段&lt;/h3&gt;&lt;ol&gt;
&lt;li&gt;用户是谁&lt;/li&gt;
&lt;li&gt;解决什么问题&lt;/li&gt;
&lt;li&gt;核心流程是什么&lt;/li&gt;
&lt;li&gt;输入是什么&lt;/li&gt;
&lt;li&gt;输出是什么&lt;/li&gt;
&lt;li&gt;什么算完成&lt;/li&gt;
&lt;li&gt;本版不做什么&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;最小需求模板同一套字段：用户 / 问题 / 核心流程 / 输入 / 输出 / 成功标准 / 本版不做。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;模糊 vs 可执行（记账 App）&lt;/h3&gt;












&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;模糊&lt;/th&gt;&lt;th&gt;可执行&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;「做一个记账 App。」&lt;/td&gt;&lt;td&gt;「面向个人用户，做一个极简记账网页。用户可以新增一笔支出，选择分类，填写金额和日期，保存后能看到今日支出和本月总支出。本版不做登录、预算、多人协作。」&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;strong&gt;术语：&lt;/strong&gt; Spec · User Story · Scope · Acceptance Criteria · Non-goals&lt;/p&gt;&lt;p&gt;&lt;strong&gt;常见错误：&lt;/strong&gt; 只说「帮我做个 App」；一上来塞太多功能；不说明用户；不定义完成标准；不写本版不做。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;03｜先砍范围：怎么定义 MVP&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;03 先砍范围定义 MVP&quot; loading=&quot;lazy&quot; width=&quot;766&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-03-03-define-mvp.D8UpmZoY_ZSU5C4.webp&quot; /&gt;&lt;figcaption&gt;03 先砍范围定义 MVP&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;Vibe coding 最容易失败的地方，是一上来做太大。先完成最小可行版本，再逐步变复杂。&lt;/p&gt;&lt;section&gt;&lt;h3&gt;先找核心动作（三问）&lt;/h3&gt;&lt;ol&gt;
&lt;li&gt;用户最核心的动作是什么？&lt;/li&gt;
&lt;li&gt;完成哪个动作后，用户就能感受到价值？&lt;/li&gt;
&lt;li&gt;哪些功能现在不做也能成立？&lt;/li&gt;
&lt;/ol&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;MVP 三分法&lt;/h3&gt;




















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;档&lt;/th&gt;&lt;th&gt;典型内容&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;必须有（Must）&lt;/td&gt;&lt;td&gt;核心功能、基础页面、数据保存、最小反馈&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;应该有（Should）&lt;/td&gt;&lt;td&gt;分类、搜索、筛选、简单统计&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;以后再说&lt;/td&gt;&lt;td&gt;多人协作、登录权限、复杂分析、支付系统&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;strong&gt;例子：任务管理工具&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;MVP 只做：创建任务、标记完成、分类标签、本地保存&lt;/li&gt;
&lt;li&gt;暂时不做：团队协作、日历同步、项目甘特图、权限系统&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;&lt;strong&gt;术语：&lt;/strong&gt; MVP · 核心循环 · 原型 · 迭代 · Must-have / Should-have&lt;/p&gt;&lt;p&gt;&lt;strong&gt;常见错误：&lt;/strong&gt; 还没跑通就想做完整产品；首页+登录+支付+分析一次全要；没有最小可行版本；每轮加功能却不管体验。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;04｜选技术路线：让 AI 用什么方式搭项目&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;04 选技术路线&quot; loading=&quot;lazy&quot; width=&quot;766&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-04-04-tech-route.CMmMy_BQ_ZAnDml.webp&quot; /&gt;&lt;figcaption&gt;04 选技术路线&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;section&gt;&lt;h3&gt;三种路线&lt;/h3&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;路线&lt;/th&gt;&lt;th&gt;工具&lt;/th&gt;&lt;th&gt;适合&lt;/th&gt;&lt;th&gt;目标&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;① 新手快速&lt;/td&gt;&lt;td&gt;Bolt、Lovable、Replit&lt;/td&gt;&lt;td&gt;网页、小工具、MVP&lt;/td&gt;&lt;td&gt;尽快跑起来&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;② 前端优先&lt;/td&gt;&lt;td&gt;v0、Figma → code&lt;/td&gt;&lt;td&gt;先看界面、落地页、组件多的页&lt;/td&gt;&lt;td&gt;先把视觉/UI 说清&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;③ 工程化&lt;/td&gt;&lt;td&gt;Cursor、Windsurf、Claude Code、Codex&lt;/td&gt;&lt;td&gt;长期项目、复杂逻辑、多文件改&lt;/td&gt;&lt;td&gt;可维护结构&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;让 AI 先输出技术建议清单&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;推荐什么技术栈？&lt;/li&gt;
&lt;li&gt;为什么选这个栈？&lt;/li&gt;
&lt;li&gt;文件结构怎么排？&lt;/li&gt;
&lt;li&gt;以后扩展难不难？&lt;/li&gt;
&lt;li&gt;哪些部分现在先跳过？&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;选择依据四问&lt;/h3&gt;&lt;p&gt;懂不懂代码？要不要长期维护？要不要数据库？要不要登录权限（Auth）？&lt;/p&gt;&lt;p&gt;&lt;strong&gt;术语：&lt;/strong&gt; Tech Stack · Frontend · Backend · Database · Auth · Scaffold&lt;/p&gt;&lt;p&gt;&lt;strong&gt;常见错误：&lt;/strong&gt; 新手一上来选复杂架构；临时 demo 和长期项目不分；放任 AI 随便定栈；不考虑维护成本。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;05｜先搭骨架：第一轮别追求做完&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;05 先搭骨架&quot; loading=&quot;lazy&quot; width=&quot;766&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-05-05-scaffold.3qpKCIzW_1bkFJE.webp&quot; /&gt;&lt;figcaption&gt;05 先搭骨架&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;第一轮目标不是做完，而是搭出一个能继续生长的项目骨架。&lt;/p&gt;&lt;section&gt;&lt;h3&gt;第一轮要产出这些&lt;/h3&gt;&lt;p&gt;页面结构 · 路由设计 · 核心组件 · 数据模型 · 文件夹结构 · 基础样式 · 运行方式&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;推荐 &lt;code&gt;src/&lt;/code&gt; 结构（图上示意）&lt;/h3&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;src/&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;app/&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;components/&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;hooks/&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;lib/&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;services/&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;styles/&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;8&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;types/&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;9&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;tests/&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;数据模型先想清楚（Task 例）&lt;/h3&gt;
































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;字段&lt;/th&gt;&lt;th&gt;类型&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;id&lt;/td&gt;&lt;td&gt;string&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;title&lt;/td&gt;&lt;td&gt;string&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;status&lt;/td&gt;&lt;td&gt;enum&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;priority&lt;/td&gt;&lt;td&gt;number&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;dueDate&lt;/td&gt;&lt;td&gt;date&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;createdAt&lt;/td&gt;&lt;td&gt;date&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;让 AI 先解释结构&lt;/h3&gt;&lt;p&gt;每个文件夹做什么 · 核心数据怎么流动 · 哪些文件以后会扩展 · 哪些地方暂时留空&lt;/p&gt;&lt;p&gt;&lt;strong&gt;术语：&lt;/strong&gt; Scaffold · Routes · Components · Schema · File Structure · Data Model&lt;/p&gt;&lt;p&gt;&lt;strong&gt;常见错误：&lt;/strong&gt; 第一轮就堆满功能；页面/数据/逻辑搅在一起；没有清晰文件结构；后面一改就全乱。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;06｜页面怎么做：别只做「正常显示」&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;06 页面怎么做六种状态&quot; loading=&quot;lazy&quot; width=&quot;766&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-06-06-page-states.CtNCvPQC_2cyLdg.webp&quot; /&gt;&lt;figcaption&gt;06 页面怎么做六种状态&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;真实软件页面至少要把状态说清楚。&lt;/p&gt;&lt;section&gt;&lt;h3&gt;每页至少考虑 6 种状态&lt;/h3&gt;
































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;状态&lt;/th&gt;&lt;th&gt;要点&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;正常&lt;/td&gt;&lt;td&gt;数据正常加载并展示&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;空&lt;/td&gt;&lt;td&gt;无数据时的友好提示 + 引导动作&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;加载&lt;/td&gt;&lt;td&gt;占位或提示，别让人以为卡死&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;错误&lt;/td&gt;&lt;td&gt;说明原因 + 可操作建议&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;成功&lt;/td&gt;&lt;td&gt;操作成功后的明确反馈&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;移动端&lt;/td&gt;&lt;td&gt;小屏信息层级与交互&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;strong&gt;给 AI 的指令模板：&lt;/strong&gt;&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;请为这个页面同时设计正常、空、加载、错误、提交成功、移动端 6 种状态，并说明每种状态触发条件。&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;&lt;strong&gt;任务列表页例子：&lt;/strong&gt; 空=「还没有任务」+ 新建；加载=「正在读取任务」骨架屏；错误=读取失败 + 重试；成功=新增成功 + 查看；移动端=列表改单列。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;术语：&lt;/strong&gt; UI State · Empty State · Loading State · Error State · Responsive Layout · Toast / Feedback&lt;/p&gt;&lt;p&gt;&lt;strong&gt;常见错误：&lt;/strong&gt; 只做正常态；没错误提示；表单提交无反馈；不看移动端；空数据直接白屏/崩。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;07｜报错了怎么办：和 AI 一起进修复循环&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;07 报错了怎么办调试流程&quot; loading=&quot;lazy&quot; width=&quot;766&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-07-07-debug-loop.DxABCuCS_Z1F044T.webp&quot; /&gt;&lt;figcaption&gt;07 报错了怎么办调试流程&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;报错不是失败。报错是让 AI 进入修复循环的入口。&lt;/p&gt;&lt;section&gt;&lt;h3&gt;调试流程 6 步&lt;/h3&gt;&lt;p&gt;运行 → 错误日志 → 让 AI 解释原因 → 最小修复 → 重跑 → 验证是否修好&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;你要给 AI 的六要素&lt;/h3&gt;&lt;p&gt;完整错误信息 · 终端日志 · 相关文件 · 操作步骤 · 预期结果 · 实际结果&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;让 AI 必须答 4 件事&lt;/h3&gt;&lt;ol&gt;
&lt;li&gt;错在哪里&lt;/li&gt;
&lt;li&gt;为什么错&lt;/li&gt;
&lt;li&gt;它要改哪里&lt;/li&gt;
&lt;li&gt;怎么验证修好了&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;&lt;strong&gt;推荐指令：&lt;/strong&gt;&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;请先解释这个错误的原因，不要直接大改代码。然后给出最小修复方案，并说明修复后我应该如何验证。&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;&lt;strong&gt;术语：&lt;/strong&gt; Error Log · Stack Trace · Patch · Debug Loop · Re-run · Verify&lt;/p&gt;&lt;p&gt;&lt;strong&gt;常见错误：&lt;/strong&gt; 只说「报错了」；只贴截图不贴日志；一次让 AI 大改很多文件；修完不重跑；不检查是否引入新问题。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;08｜看 Diff：真正危险的是你不知道它改了什么&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;08 看 Diff&quot; loading=&quot;lazy&quot; width=&quot;766&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-08-08-read-diff.e7bWJiSy_1rQ44K.webp&quot; /&gt;&lt;figcaption&gt;08 看 Diff&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;真正危险的不是 AI 改错，而是你完全不知道它改了什么。&lt;/p&gt;&lt;section&gt;&lt;h3&gt;每次改动后先看 6 件事&lt;/h3&gt;&lt;ol&gt;
&lt;li&gt;改了哪些文件&lt;/li&gt;
&lt;li&gt;每个文件为什么改&lt;/li&gt;
&lt;li&gt;有没有无关改动&lt;/li&gt;
&lt;li&gt;有没有删掉旧逻辑&lt;/li&gt;
&lt;li&gt;有没有硬编码&lt;/li&gt;
&lt;li&gt;有没有安全风险&lt;/li&gt;
&lt;/ol&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;让 AI 自己解释 diff&lt;/h3&gt;&lt;p&gt;改动摘要 · 受影响文件 · 为什么这么改 · 潜在风险 · 如何验证&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;不要盲目 Accept All&lt;/h3&gt;&lt;p&gt;涉及这些时尤其别一键全收：大面积重构 · 删除旧文件 · 修改依赖版本 · 改动鉴权逻辑 · 改动数据库结构&lt;/p&gt;&lt;p&gt;&lt;strong&gt;术语：&lt;/strong&gt; Diff · Code Review · Regression · Breaking Change · Side Effect · Hardcoded Value&lt;/p&gt;&lt;p&gt;&lt;strong&gt;常见错误：&lt;/strong&gt; 不看 diff；不知道改了哪些文件；小修变大修；修一个 bug 引入三个新 bug；不让 AI 说明风险。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;09｜怎么验收：从「能跑」到「真能用」&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;09 怎么验收&quot; loading=&quot;lazy&quot; width=&quot;766&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-09-09-acceptance.BJy9YURt_1DuY7Q.webp&quot; /&gt;&lt;figcaption&gt;09 怎么验收&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;section&gt;&lt;h3&gt;手动验收 6 问&lt;/h3&gt;&lt;ol&gt;
&lt;li&gt;核心流程能否走通？&lt;/li&gt;
&lt;li&gt;空输入会怎样？&lt;/li&gt;
&lt;li&gt;错误输入会怎样？&lt;/li&gt;
&lt;li&gt;刷新后数据是否保留？&lt;/li&gt;
&lt;li&gt;移动端是否正常？&lt;/li&gt;
&lt;li&gt;失败时有没有提示？&lt;/li&gt;
&lt;/ol&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;测试层级（由浅到深）&lt;/h3&gt;&lt;p&gt;手动点一遍 → 写测试用例 → 边界情况 → 端到端（E2E）→ 移动端测试&lt;/p&gt;&lt;p&gt;&lt;strong&gt;让 AI 生成验收 checklist：&lt;/strong&gt;&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;请根据这个功能，生成一份验收 checklist，包括正常流程、异常输入、空状态、移动端和数据保存测试。&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;&lt;strong&gt;例子：记账工具验收&lt;/strong&gt; —— 能新增支出；金额为空有错误提示；分类可选；刷新后记录还在；本月合计正确更新；移动端按钮不被挡住。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;术语：&lt;/strong&gt; Acceptance Criteria · Test Case · Edge Case · E2E Test · Regression Check&lt;/p&gt;&lt;p&gt;&lt;strong&gt;常见错误：&lt;/strong&gt; 自己点一遍就当完；不测空数据；不测错误输入；不测移动端；不测刷新与持久化。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;10｜上线与迭代：本地能跑 ≠ 上线能用&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;10 上线与迭代&quot; loading=&quot;lazy&quot; width=&quot;766&quot; height=&quot;1024&quot; src=&quot;/_astro/fig-10-10-deploy-iterate.CkxDgjiZ_1th4p8.webp&quot; /&gt;&lt;figcaption&gt;10 上线与迭代&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;软件真正进入「真实世界」，是上线之后。&lt;/p&gt;&lt;section&gt;&lt;h3&gt;上线前 8 项检查&lt;/h3&gt;&lt;p&gt;部署平台 · 环境变量 · 数据库 · 登录权限 · API Key · 域名 · 构建命令 · 日志查看方式&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;常见部署平台（图上）&lt;/h3&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;平台&lt;/th&gt;&lt;th&gt;图上说法&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;Vercel&lt;/td&gt;&lt;td&gt;前端部署体验好&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Netlify&lt;/td&gt;&lt;td&gt;持续部署简单&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Render&lt;/td&gt;&lt;td&gt;全栈灵活可靠&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Replit&lt;/td&gt;&lt;td&gt;内置环境一键部署&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Cloudflare Pages&lt;/td&gt;&lt;td&gt;全球加速，免费好用&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;strong&gt;让 AI 生成部署清单：&lt;/strong&gt;&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;请根据当前项目结构生成一份部署 checklist，包括环境变量、数据库、构建命令、权限配置、日志查看和回滚方案。&lt;/p&gt;&lt;/blockquote&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;上线后继续做&lt;/h3&gt;&lt;p&gt;收集反馈 · 修 bug · 补功能 · 改 UI · 优化性能 · 做版本记录&lt;/p&gt;&lt;p&gt;&lt;strong&gt;术语：&lt;/strong&gt; Deploy · Environment Variables · API Key · Logs · Rollback · Iteration&lt;/p&gt;&lt;p&gt;&lt;strong&gt;常见错误：&lt;/strong&gt; 本地能跑就当完；API Key 写死在代码里；不上生产看日志；没有回滚方案；不做版本记录。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;相关阅读&lt;/h2&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;笔记&lt;/th&gt;&lt;th&gt;关系&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;VibeCoding 别把流程交给聊天框（待发布）&lt;/td&gt;&lt;td&gt;入门十步之后，别把流程只活在聊天框&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Vibecoding 双轨机制（待发布）&lt;/td&gt;&lt;td&gt;工程化路线里的「一边干一边盯」&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;a href=&quot;/posts/claude-code-four-loops/&quot;&gt;Claude Code 四类 Loop&lt;/a&gt;&lt;/td&gt;&lt;td&gt;走到 Cursor/Claude Code 后，Loop 怎么交出去&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Prompt → Context → Harness → Loop（待发布）&lt;/td&gt;&lt;td&gt;为什么瓶颈会从 Prompt 挪到 Harness/Loop&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;a href=&quot;/posts/vibe-coding-tools-index/&quot;&gt;Vibe 编程 10 工具选型地图&lt;/a&gt;&lt;/td&gt;&lt;td&gt;工具怎么选；本篇是&lt;strong&gt;怎么用&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;十步走完，你会发现：难的从来不是「让 AI 写」，而是需求写清、范围砍准、Diff 看得懂、验收过得去、上线还能迭代。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>好 AGENTS.md 不让 Codex 更聪明，但少让它走偏</title><link>https://fork-firefly.vercel.app/posts/agents-md-template-six-scenes/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/agents-md-template-six-scenes/</guid><description>高质量 AGENTS.md 的写法原则，外加六种场景怎么落。</description><pubDate>Mon, 10 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;一份好的 &lt;code&gt;AGENTS.md&lt;/code&gt;，不会让 Codex 突然变得更聪明，却会显著减少它在错误方向上越走越远。&lt;/p&gt;
&lt;p&gt;Claude Code 侧同类文件见 &lt;a href=&quot;/posts/claude-md-template-principles/&quot;&gt;CLAUDE.md 模板专篇&lt;/a&gt;；四类 Loop 见 &lt;a href=&quot;/posts/claude-code-four-loops/&quot;&gt;Claude Code 四类 Loop&lt;/a&gt;。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;一、真正解决的是什么&lt;/h2&gt;&lt;p&gt;Codex 在陌生仓库里最容易遇到的，不是不会写代码，而是不知道团队的「默认答案」。&lt;/p&gt;&lt;p&gt;例如：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;这个项目用 pnpm、npm 还是 yarn？&lt;/li&gt;
&lt;li&gt;单元测试和集成测试分别怎么跑？&lt;/li&gt;
&lt;li&gt;改接口时，是否必须同步 OpenAPI 文档？&lt;/li&gt;
&lt;li&gt;数据库迁移能不能自动执行？&lt;/li&gt;
&lt;li&gt;前端应该复用哪个组件库？&lt;/li&gt;
&lt;li&gt;完成任务的标准是「代码写完」，还是「测试、文档和兼容性检查全部通过」？&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;这些信息往往散落在 README、CI 配置、团队 Wiki 和老员工的经验里。Codex 如果找不到，只能根据常见做法猜。猜对了是效率，猜错了就是返工。&lt;/p&gt;&lt;p&gt;&lt;code&gt;AGENTS.md&lt;/code&gt; 的价值，就是把这些隐性的工程共识变成可重复加载的项目上下文。&lt;/p&gt;&lt;p&gt;按照 Codex 官方文档，Codex 会在开始工作前读取适用的 &lt;code&gt;AGENTS.md&lt;/code&gt;。它可以同时使用三种层级：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;code&gt;~/.codex/AGENTS.md&lt;/code&gt;：个人在所有仓库通用的习惯。&lt;/li&gt;
&lt;li&gt;仓库根目录的 &lt;code&gt;AGENTS.md&lt;/code&gt;：整个项目共享的规则。&lt;/li&gt;
&lt;li&gt;子目录里的 &lt;code&gt;AGENTS.md&lt;/code&gt; 或 &lt;code&gt;AGENTS.override.md&lt;/code&gt;：某个服务、包或模块的局部规则。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;Codex 会从项目根目录一路读取到当前工作目录，越靠近当前目录的规则优先级越高。换句话说，根目录负责「共同宪法」，子目录负责「地方条例」。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Codex 如何按层级加载 AGENTS.md&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;576&quot; src=&quot;/_astro/cover.BUxCWqbN_2lFb8L.webp&quot; /&gt;&lt;figcaption&gt;Codex 如何按层级加载 AGENTS.md&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;这也是写好 &lt;code&gt;AGENTS.md&lt;/code&gt; 的第一个关键：不要试图用一份巨型文件解释整个世界，要让规则跟着代码的边界走。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;二、六条原则&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;高质量 AGENTS.md 的六大原则&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;576&quot; src=&quot;/_astro/fig-02-02-agents-six-principles.BNianHLc_Z8syc.webp&quot; /&gt;&lt;figcaption&gt;高质量 AGENTS.md 的六大原则&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;section&gt;&lt;h3&gt;1. 写可执行事实，不写正确的废话&lt;/h3&gt;&lt;p&gt;「保持代码简洁」「遵循最佳实践」「确保高质量」看起来没有错，但对 Codex 几乎没有约束力。&lt;/p&gt;&lt;p&gt;更有效的写法是：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 修改 TypeScript 文件后运行 &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;`&lt;/span&gt;&lt;span&gt;pnpm lint&lt;/span&gt;&lt;span&gt;`&lt;/span&gt;&lt;/span&gt;&lt;span&gt; 和 &lt;/span&gt;&lt;span&gt;&lt;span&gt;`&lt;/span&gt;&lt;span&gt;pnpm typecheck&lt;/span&gt;&lt;span&gt;`&lt;/span&gt;&lt;/span&gt;&lt;span&gt;。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 新增业务逻辑时，在同目录补充 &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;`&lt;/span&gt;&lt;span&gt;*.test.ts&lt;/span&gt;&lt;span&gt;`&lt;/span&gt;&lt;/span&gt;&lt;span&gt;。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 单个函数超过 60 行时，优先拆分；不要仅为满足行数机械拆分。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;判断一句规则是否有用，可以问自己：任务结束时，我能不能根据它明确判断 Codex 做到了还是没做到？如果不能，它大概率只是一句口号。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;2. 告诉它「怎么验证」，不只是「怎么修改」&lt;/h3&gt;&lt;p&gt;编码智能体最危险的状态，不是写不出来，而是写完后误以为已经完成。&lt;/p&gt;&lt;p&gt;因此，&lt;code&gt;AGENTS.md&lt;/code&gt; 至少要写清四件事：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;最小检查命令是什么；&lt;/li&gt;
&lt;li&gt;哪些改动需要扩大测试范围；&lt;/li&gt;
&lt;li&gt;什么情况可以跳过测试；&lt;/li&gt;
&lt;li&gt;无法验证时应该如何汇报。&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;例如：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;## Verification&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 文档改动：运行 &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;`&lt;/span&gt;&lt;span&gt;pnpm lint:docs&lt;/span&gt;&lt;span&gt;`&lt;/span&gt;&lt;/span&gt;&lt;span&gt;。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 单个包改动：运行 &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;`&lt;/span&gt;&lt;span&gt;pnpm --filter &amp;lt;package&amp;gt; test&lt;/span&gt;&lt;span&gt;`&lt;/span&gt;&lt;/span&gt;&lt;span&gt;。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 共享类型或公共包改动：运行 &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;`&lt;/span&gt;&lt;span&gt;pnpm test:affected&lt;/span&gt;&lt;span&gt;`&lt;/span&gt;&lt;/span&gt;&lt;span&gt;。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 如果本地缺少依赖或服务，说明未运行的检查、原因和潜在风险；不要声称验证通过。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;最后一句尤其重要。它把「诚实报告验证边界」也纳入了完成标准。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;3. 写清边界和禁区&lt;/h3&gt;&lt;p&gt;有些动作技术上可以执行，流程上却不应由 Codex 自行决定，例如升级生产依赖、重写历史迁移、提交密钥、删除兼容代码。&lt;/p&gt;&lt;p&gt;不要只写「谨慎操作」，而要明确触发条件：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;## Guardrails&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 未经明确要求，不新增生产依赖。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 不修改已经发布的数据库迁移；需要变更时创建新的迁移文件。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 不读取、输出或提交 &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;`&lt;/span&gt;&lt;span&gt;.env&lt;/span&gt;&lt;span&gt;`&lt;/span&gt;&lt;/span&gt;&lt;span&gt;、密钥及真实客户数据。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 不执行生产部署、数据删除、密钥轮换和远程 Git 推送。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;好的边界不是让 Codex 什么都不敢做，而是把「可自主完成」和「必须停下来确认」分开。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;4. 给地图，不要复制整本说明书&lt;/h3&gt;&lt;p&gt;&lt;code&gt;AGENTS.md&lt;/code&gt; 应该帮 Codex 快速找到重点，而不是把 README、架构文档和编码规范全部复制进去。&lt;/p&gt;&lt;p&gt;可以写：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;## Repository map&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;`&lt;/span&gt;&lt;span&gt;apps/web/&lt;/span&gt;&lt;span&gt;`&lt;/span&gt;&lt;/span&gt;&lt;span&gt;：Vue 3 管理端。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;`&lt;/span&gt;&lt;span&gt;services/api/&lt;/span&gt;&lt;span&gt;`&lt;/span&gt;&lt;/span&gt;&lt;span&gt;：Node.js API 服务。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;`&lt;/span&gt;&lt;span&gt;packages/contracts/&lt;/span&gt;&lt;span&gt;`&lt;/span&gt;&lt;/span&gt;&lt;span&gt;：前后端共享类型，改动可能影响所有应用。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;`&lt;/span&gt;&lt;span&gt;docs/architecture.md&lt;/span&gt;&lt;span&gt;`&lt;/span&gt;&lt;/span&gt;&lt;span&gt;：系统边界与关键设计决策。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;`&lt;/span&gt;&lt;span&gt;docs/review.md&lt;/span&gt;&lt;span&gt;`&lt;/span&gt;&lt;/span&gt;&lt;span&gt;：代码审查清单。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;官方文档提醒，Codex 合并加载的项目说明默认有 &lt;strong&gt;32 KiB&lt;/strong&gt; 上限。文件越长，不仅越难维护，也越可能让真正关键的规则被噪声淹没。主文件保持短小，需要时指向更具体的文档，通常更可靠。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;5. 用分层覆盖解决差异，不堆条件句&lt;/h3&gt;&lt;p&gt;假设仓库里前端用 Vitest，支付服务用 pytest。如果所有规则都塞在根目录，最终会出现大量「如果在 A 目录就……如果在 B 目录就……」的条件。&lt;/p&gt;&lt;p&gt;更清楚的做法是：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;repo/&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;├── AGENTS.md&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;├── apps/web/&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;│   └── AGENTS.md&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;└── services/payments/&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;└── AGENTS.override.md&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;根目录只写全局规则，&lt;code&gt;apps/web/AGENTS.md&lt;/code&gt; 写前端规则，支付服务用 &lt;code&gt;AGENTS.override.md&lt;/code&gt; 覆盖不适用的通用命令。局部规则越靠近代码，越不容易被误用。&lt;/p&gt;&lt;p&gt;需要注意：Codex 通常在一次运行或 TUI 会话开始时构建指令链。修改 &lt;code&gt;AGENTS.md&lt;/code&gt; 后，如果当前会话没有体现新规则，启动一个新会话再验证。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;6. 把它当成会演进的工程资产&lt;/h3&gt;&lt;p&gt;不要试图第一次就写出完美版本。更实用的方法是：先覆盖高频任务，然后根据真实返工持续更新。&lt;/p&gt;&lt;p&gt;每当 Codex 重复犯错，可以追问三个问题：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;它缺少的是项目事实、操作命令，还是决策边界？&lt;/li&gt;
&lt;li&gt;这条信息只对当前任务有效，还是以后还会复用？&lt;/li&gt;
&lt;li&gt;它应该放在根目录，还是某个子目录？&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;如果同类错误发生两次，就值得把修正写进 &lt;code&gt;AGENTS.md&lt;/code&gt;。它不应成为愿望清单，而应成为项目经验的压缩包。&lt;/p&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;三、可直接改的通用模板&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;AGENTS.md 模板七段&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;576&quot; src=&quot;/_astro/fig-03-03-agents-template-seven-sections.DF8VWRv5_Z7vx2b.webp&quot; /&gt;&lt;figcaption&gt;AGENTS.md 模板七段&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;下面这份模板适合大多数中小型项目。复制之后，请删除不适用的内容，并把占位命令替换为仓库中真实可运行的命令。&lt;/p&gt;&lt;p&gt;（图卡把骨架收成七段：项目说明 / 仓库地图 / 命令 / 验证 / 边界 / 完成标准 / 审查规则。下面完整模板另含 Working rules、Coding conventions 等可删改栏目。）&lt;/p&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;span&gt;AGENTS.md&lt;/span&gt;&lt;span&gt;展开&lt;/span&gt;&lt;span&gt;收起&lt;/span&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;## Project overview&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 本仓库用于：&amp;lt;一句话说明产品或服务&amp;gt;。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 主要技术栈：&amp;lt;语言、框架、运行时&amp;gt;。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 包管理器：&amp;lt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;pnpm/npm/yarn/uv/poetry&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;等&lt;/span&gt;&lt;span&gt;&amp;gt;。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 修改前先阅读：&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;`&lt;/span&gt;&lt;span&gt;README.md&lt;/span&gt;&lt;span&gt;`&lt;/span&gt;&lt;/span&gt;&lt;span&gt;、&lt;/span&gt;&lt;span&gt;&lt;span&gt;`&lt;/span&gt;&lt;span&gt;docs/architecture.md&lt;/span&gt;&lt;span&gt;`&lt;/span&gt;&lt;/span&gt;&lt;span&gt;。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;8&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;## Repository map&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;9&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;10&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;`&lt;/span&gt;&lt;span&gt;src/&lt;/span&gt;&lt;span&gt;`&lt;/span&gt;&lt;/span&gt;&lt;span&gt;：核心业务代码。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;11&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;`&lt;/span&gt;&lt;span&gt;tests/&lt;/span&gt;&lt;span&gt;`&lt;/span&gt;&lt;/span&gt;&lt;span&gt;：自动化测试。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;12&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;`&lt;/span&gt;&lt;span&gt;docs/&lt;/span&gt;&lt;span&gt;`&lt;/span&gt;&lt;/span&gt;&lt;span&gt;：架构与使用文档。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;13&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;`&lt;/span&gt;&lt;span&gt;&amp;lt;关键目录&amp;gt;&lt;/span&gt;&lt;span&gt;`&lt;/span&gt;&lt;/span&gt;&lt;span&gt;：&amp;lt;职责及影响范围&amp;gt;。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;14&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;15&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;## Working rules&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;16&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;17&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 修改前先阅读相关实现和测试，不根据文件名猜测行为。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;18&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 优先做满足需求的最小改动，避免顺手重构无关代码。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;19&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 遵循现有结构、命名和错误处理方式。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;20&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 未经明确要求，不新增生产依赖，不改变公共 API。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;21&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 发现需求与现有实现冲突时，先说明证据和影响，再决定是否继续。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;22&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;23&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;## Commands&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;24&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;25&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 安装依赖：&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;`&lt;/span&gt;&lt;span&gt;&amp;lt;command&amp;gt;&lt;/span&gt;&lt;span&gt;`&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;26&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 启动开发环境：&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;`&lt;/span&gt;&lt;span&gt;&amp;lt;command&amp;gt;&lt;/span&gt;&lt;span&gt;`&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;27&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 代码检查：&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;`&lt;/span&gt;&lt;span&gt;&amp;lt;command&amp;gt;&lt;/span&gt;&lt;span&gt;`&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;28&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 类型检查：&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;`&lt;/span&gt;&lt;span&gt;&amp;lt;command&amp;gt;&lt;/span&gt;&lt;span&gt;`&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;29&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 单元测试：&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;`&lt;/span&gt;&lt;span&gt;&amp;lt;command&amp;gt;&lt;/span&gt;&lt;span&gt;`&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;30&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 完整测试：&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;`&lt;/span&gt;&lt;span&gt;&amp;lt;command&amp;gt;&lt;/span&gt;&lt;span&gt;`&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;31&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;32&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;## Coding conventions&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;33&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;34&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; &amp;lt;语言或框架相关约定&amp;gt;。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;35&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; &amp;lt;文件命名、导入、异常处理约定&amp;gt;。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;36&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 新增或修改公共接口时，同步更新类型、测试和文档。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;37&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 不为了&quot;更整洁&quot;修改与任务无关的格式或代码。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;38&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;39&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;## Testing and verification&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;40&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;41&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; Bug 修复必须补充能够复现问题的回归测试。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;42&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 新功能至少覆盖主路径和一个失败路径。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;43&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 先运行受影响范围的测试；共享模块变更再运行完整测试。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;44&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 无法运行检查时，明确列出未验证项、原因和风险。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;45&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;46&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;## Guardrails&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;47&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;48&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 不提交密钥、令牌、&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;`&lt;/span&gt;&lt;span&gt;.env&lt;/span&gt;&lt;span&gt;`&lt;/span&gt;&lt;/span&gt;&lt;span&gt; 或真实用户数据。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;49&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 不执行生产部署、远程推送、数据删除或不可逆操作。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;50&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 不修改已发布的迁移文件；创建新的迁移。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;51&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 发现疑似安全问题时停止扩散敏感信息，只报告必要细节。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;52&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;53&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;## Definition of done&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;54&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;55&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 请求的行为已经实现，且没有夹带无关改动。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;56&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 相关测试、lint 和类型检查通过。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;57&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 必要的文档、示例、类型和迁移已同步。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;58&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 最终说明包含：改了什么、如何验证、仍有哪些风险。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;59&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;60&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;## Review guidelines&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;61&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;62&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 优先检查正确性、回归风险、安全性和兼容性。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;63&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 指出问题时给出文件位置、触发条件和影响。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;64&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 不把纯风格偏好当作阻塞问题。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;span&gt;展开&lt;/span&gt;&lt;span&gt;收起&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;p&gt;这份模板最重要的部分并不是标题数量，而是每条规则都能落到一个动作、一个边界或一个验收结果上。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;四、六个场景的局部规则&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;六场景局部规则&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;576&quot; src=&quot;/_astro/fig-04-04-agents-six-scenario-local-rules.3IPVA3cv_1AU07T.webp&quot; /&gt;&lt;figcaption&gt;六场景局部规则&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;通用模板解决的是底座，真正让 Codex 变得稳定的，往往是与业务场景贴合的局部规则。&lt;/p&gt;&lt;section&gt;&lt;h3&gt;场景 1：在成熟项目里开发新功能&lt;/h3&gt;&lt;p&gt;成熟项目最怕「功能完成了，但破坏了既有边界」。这时需要强调先找相似实现、控制改动范围，以及公共接口的同步责任。&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;## Feature development&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 实现前先查找同类功能，沿用现有分层和数据流。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 优先扩展现有模块，不新建平行抽象，除非现有设计无法满足需求。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 修改公共 API 时，同步更新 schema、客户端类型、测试和变更说明。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 新功能必须覆盖成功路径、权限失败和无效输入。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;这组规则能避免 Codex 在仓库里「另起炉灶」，尤其适合已经形成稳定架构的项目。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;场景 2：修复一个难复现的线上 Bug&lt;/h3&gt;&lt;p&gt;修 Bug 时，最大的诱惑是看见异常就直接改代码。但没有复现证据的修复，往往只是把症状移到别处。&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;## Bug fixes&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 修改实现前，先用现有日志、调用链或测试证明根因。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 能稳定复现时，先添加失败的回归测试，再修改代码。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 修复应针对根因，不通过吞掉异常、扩大重试或删除校验掩盖问题。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 如果无法复现，列出已验证事实、假设和仍需观测的数据。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;这里的重点，是强制把「事实」和「推测」分开。即便最终没能修复，也会留下可继续推进的诊断结果。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;场景 3：Monorepo 中只修改一个包&lt;/h3&gt;&lt;p&gt;Monorepo 的常见浪费，是一个小改动跑整库测试；常见事故，则是误以为只影响一个包。&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;## Monorepo scope&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 修改前检查目标包的 &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;`&lt;/span&gt;&lt;span&gt;package.json&lt;/span&gt;&lt;span&gt;`&lt;/span&gt;&lt;/span&gt;&lt;span&gt;、依赖方和局部 &lt;/span&gt;&lt;span&gt;&lt;span&gt;`&lt;/span&gt;&lt;span&gt;AGENTS.md&lt;/span&gt;&lt;span&gt;`&lt;/span&gt;&lt;/span&gt;&lt;span&gt;。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 包内改动先运行 &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;`&lt;/span&gt;&lt;span&gt;pnpm --filter &amp;lt;package&amp;gt; test&lt;/span&gt;&lt;span&gt;`&lt;/span&gt;&lt;/span&gt;&lt;span&gt;。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 修改 &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;`&lt;/span&gt;&lt;span&gt;packages/contracts/&lt;/span&gt;&lt;span&gt;`&lt;/span&gt;&lt;/span&gt;&lt;span&gt;、&lt;/span&gt;&lt;span&gt;&lt;span&gt;`&lt;/span&gt;&lt;span&gt;packages/config/&lt;/span&gt;&lt;span&gt;`&lt;/span&gt;&lt;/span&gt;&lt;span&gt; 或公共类型后，运行 &lt;/span&gt;&lt;span&gt;&lt;span&gt;`&lt;/span&gt;&lt;span&gt;pnpm test:affected&lt;/span&gt;&lt;span&gt;`&lt;/span&gt;&lt;/span&gt;&lt;span&gt;。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 不修改无关包的锁文件、生成物或格式。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;一份好的规则既要控制验证成本，也要指出哪些目录具有「爆炸半径」。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;场景 4：数据库迁移和高风险操作&lt;/h3&gt;&lt;p&gt;数据库相关任务不能只强调 SQL 是否正确，还要约束兼容窗口、回滚方式和执行权限。&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;## Database changes&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 不修改已经在任何环境执行过的迁移文件。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 破坏性 schema 变更采用 expand-migrate-contract 三阶段，不在一次发布中删除旧字段。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 迁移必须说明回滚或前向修复方案，并评估锁表和大表扫描风险。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 只生成和测试迁移；未经明确授权，不连接生产库、不执行生产迁移。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;这里要明确区分「编写迁移」和「执行迁移」。前者通常属于开发任务，后者可能是不可逆的生产操作。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;场景 5：前端页面还原与交互开发&lt;/h3&gt;&lt;p&gt;前端任务容易出现两个极端：只追求截图相似，忽略状态和可访问性；或者为了抽象组件，把一个页面改成半个设计系统。&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;## Frontend work&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 优先复用现有设计令牌和组件，不创建近似重复组件。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 页面必须处理 loading、empty、error 和 disabled 状态。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 交互元素支持键盘操作，并保留可见焦点状态。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 至少检查 375px、768px 和 1440px 三个宽度。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 视觉改动提供截图或明确说明人工检查路径。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;这类规则把「看起来完成」变成「在真实状态和真实设备上可用」。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;场景 6：让 Codex 做 Pull Request 审查&lt;/h3&gt;&lt;p&gt;代码审查不是复述 diff，更不是罗列所有风格差异。它应该优先发现会造成实际后果的问题。&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;## Review guidelines&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 优先报告正确性、安全性、数据损坏、兼容性和明显性能回归。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 每个问题说明触发条件、用户或系统影响，并标注具体文件位置。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 检查新增行为是否有测试，测试是否真的覆盖失败场景。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 不报告现有代码中的无关问题，不把个人风格偏好列为缺陷。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 如果没有发现问题，明确说明仍未覆盖的测试或环境风险。&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;Codex 官方文档说明，代码审查会寻找仓库中的 &lt;code&gt;AGENTS.md&lt;/code&gt;，并遵循其中的 Review guidelines。对于支付、鉴权、隐私等特殊目录，还可以在更深层放置专门的审查规则，让检查标准跟着风险走。&lt;/p&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;五、五个反模式&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;把临时需求写成永久规则&lt;/strong&gt;&lt;br /&gt;
「这次不要改登录页」属于当前任务提示，不属于项目长期约定。把一次性的限制写进 &lt;code&gt;AGENTS.md&lt;/code&gt;，几周后就会变成过期信息。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;只写风格，不写命令&lt;/strong&gt;&lt;br /&gt;
用了两页篇幅描述命名偏好，却没有一句告诉 Codex 如何运行测试。这类文件看似完善，实际无法支撑任务从输入到验证的完整流程。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;命令已经失效&lt;/strong&gt;&lt;br /&gt;
错误命令比没有命令更糟。CI、包管理器或目录结构变化时，应把 &lt;code&gt;AGENTS.md&lt;/code&gt; 纳入同一个 Pull Request 更新。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;根目录承载所有差异&lt;/strong&gt;&lt;br /&gt;
当根文件充满目录条件和例外，说明规则应该下沉。利用子目录文件表达局部约束，比在一个大文件里维护复杂分支更稳。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;把软要求写成绝对命令&lt;/strong&gt;&lt;br /&gt;
「永远不要重构」「所有改动必须跑全量测试」可能让 Codex 在简单任务上付出巨大成本。更好的表达是说明触发条件、例外和优先级。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;六、怎么确认它真的生效&lt;/h2&gt;&lt;p&gt;不要凭感觉判断。可以在仓库根目录启动一次新会话，让 Codex 复述当前加载的规则：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;Terminal window&lt;/span&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;codex&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;--ask-for-approval&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;never&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&quot;Summarize the current instructions.&quot;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;如果项目使用了子目录覆盖，再从目标目录检查：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;Terminal window&lt;/span&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;codex&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;--cd&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;services/payments&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;--ask-for-approval&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;never&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;\&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;&quot;List the instruction sources you loaded and summarize the effective rules.&quot;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;你需要确认三件事：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;它加载了正确的文件；&lt;/li&gt;
&lt;li&gt;局部规则覆盖了冲突的上层规则；&lt;/li&gt;
&lt;li&gt;最关键的构建、测试和安全边界没有被遗漏或截断。&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;Codex CLI 也提供 &lt;code&gt;/init&lt;/code&gt; 来生成初始的 &lt;code&gt;AGENTS.md&lt;/code&gt;。它适合解决「从零开始」，但生成之后仍要根据项目真实的构建、测试、审查和发布流程进行删改。脚手架只能提供栏目，不能替团队补上工程事实。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;短、准、可验证就够起步&lt;/h2&gt;&lt;p&gt;高质量 &lt;code&gt;AGENTS.md&lt;/code&gt; 的本质，不是写一份更复杂的提示词，而是把团队的工程判断变成 Codex 能稳定执行的上下文。&lt;/p&gt;&lt;p&gt;它应该短、准、可验证：告诉 Codex 项目在哪里，命令怎么跑，边界在哪里，以及做到什么程度才算完成。&lt;/p&gt;&lt;p&gt;如果你不知道从哪里开始，就先写下四项内容：仓库地图、常用命令、不可触碰的边界、完成标准。等 Codex 第二次犯下同一种错误，再把那次教训补进去。&lt;/p&gt;&lt;p&gt;时间久了，这份文件会变成项目里很特别的一类资产：它记录的不是代码本身，而是团队希望代码如何被理解、修改和交付。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>给 Claude Code 写份靠谱的 CLAUDE.md</title><link>https://fork-firefly.vercel.app/posts/claude-md-template-principles/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/claude-md-template-principles/</guid><description>CLAUDE.md 怎么写才管用：模板结构、五条原则，再配几个能抄的真实坑。</description><pubDate>Mon, 10 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;每次开新会话都要把「用 pnpm」「别改 generated」「测试怎么跑」再说一遍——说漏一次，它就按默认猜，猜错就返工。&lt;/p&gt;
&lt;p&gt;CLAUDE.md 就是把这些&lt;strong&gt;高频、高价值、猜不到&lt;/strong&gt;的约定钉死：会话一开就自动进上下文，少复读，默认做对事。&lt;/p&gt;
&lt;p&gt;下面按「是什么 → 可复制模板 → 五原则 → 五个真实坑 → 对照表」拆开。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;CLAUDE.md 是项目记忆，不是说明书&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;CLAUDE.md = 项目记忆&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;576&quot; src=&quot;/_astro/cover.Dz87AyTH_dIhf.webp&quot; /&gt;&lt;figcaption&gt;CLAUDE.md = 项目记忆&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;它不是 README，也不是知识库。README 给人扫项目；CLAUDE.md 给 Agent 当&lt;strong&gt;默认前提&lt;/strong&gt;——每次会话自动加载，在你开口前就生效。&lt;/p&gt;&lt;p&gt;图上压成一句话：&lt;strong&gt;少量高信号信息，让 Claude 默认做对事。&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;常见四块：&lt;/p&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;放什么&lt;/th&gt;&lt;th&gt;例子&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;常用命令&lt;/td&gt;&lt;td&gt;&lt;code&gt;pnpm test&lt;/code&gt;、&lt;code&gt;pnpm build&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;技术栈约定&lt;/td&gt;&lt;td&gt;pnpm、TypeScript&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;代码风格&lt;/td&gt;&lt;td&gt;具名导出、禁止 &lt;code&gt;any&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;踩坑禁忌&lt;/td&gt;&lt;td&gt;别改 generated、docs 按需读&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;section&gt;&lt;h3&gt;位置与加载&lt;/h3&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;层级&lt;/th&gt;&lt;th&gt;典型路径&lt;/th&gt;&lt;th&gt;管啥&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;用户级&lt;/td&gt;&lt;td&gt;&lt;code&gt;~/.claude/CLAUDE.md&lt;/code&gt;&lt;/td&gt;&lt;td&gt;跨项目个人习惯&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;项目级&lt;/td&gt;&lt;td&gt;仓库根 &lt;code&gt;CLAUDE.md&lt;/code&gt; 或 &lt;code&gt;.claude/CLAUDE.md&lt;/code&gt;&lt;/td&gt;&lt;td&gt;团队共享约定&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;本地级&lt;/td&gt;&lt;td&gt;&lt;code&gt;CLAUDE.local.md&lt;/code&gt;（常 gitignore）&lt;/td&gt;&lt;td&gt;本机私货，勿进远端&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;Claude Code 会沿目录树向上找；monorepo 里子目录还可再放一份，按需叠加上去。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;怎么起步、怎么追加&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;&lt;code&gt;/init&lt;/code&gt;&lt;/strong&gt;：扫仓库生成初稿。当草稿用——删废话、补「只有本仓库才知道」的命令和禁忌。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;&lt;code&gt;#&lt;/code&gt; 追加&lt;/strong&gt;：会话里用 &lt;code&gt;#&lt;/code&gt; 把当前纠正直接写进 CLAUDE.md；或口头说「把这条加进项目的 CLAUDE.md」，让它自己改文件。&lt;/li&gt;
&lt;li&gt;空文件也能开工：先用起来，&lt;strong&gt;同一条纠正说了两遍&lt;/strong&gt;再沉淀，比一上来写三百行强。&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;一份可复用模板（六节，按需删改）&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;一份可复用的 CLAUDE.md 模板&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;576&quot; src=&quot;/_astro/fig-02-02-reusable-claude-md-template.Do340Q0p_Z1iry1b.webp&quot; /&gt;&lt;figcaption&gt;一份可复用的 CLAUDE.md 模板&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;图脚那句钉死：&lt;strong&gt;CLAUDE.md 只放高频高价值信息&lt;/strong&gt;；侧栏便签：&lt;strong&gt;按需删改，不要全塞。&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;下面是按图卡六节还原的可复制模板，可直接粘进仓库再改成你的路径：&lt;/p&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;# 项目名称&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;一句话说明这个仓库是干什么的（给 Agent 的地图，不是产品文案）。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;## 常用命令&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 安装：&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;`&lt;/span&gt;&lt;span&gt;pnpm install&lt;/span&gt;&lt;span&gt;`&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;8&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 开发：&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;`&lt;/span&gt;&lt;span&gt;pnpm dev&lt;/span&gt;&lt;span&gt;`&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;9&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 测试：&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;`&lt;/span&gt;&lt;span&gt;pnpm test -- --run&lt;/span&gt;&lt;span&gt;`&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;10&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 构建：&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;`&lt;/span&gt;&lt;span&gt;pnpm build&lt;/span&gt;&lt;span&gt;`&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;11&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;12&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;## 技术栈&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;13&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;14&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 包管理器：pnpm（禁止 npm / yarn，除非任务明确要求）&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;15&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 框架：Next.js&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;16&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 语言：TypeScript（严格模式；禁止随意 &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;`&lt;/span&gt;&lt;span&gt;any&lt;/span&gt;&lt;span&gt;`&lt;/span&gt;&lt;/span&gt;&lt;span&gt;）&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;17&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;18&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;## 项目结构&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;19&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;20&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;`&lt;/span&gt;&lt;span&gt;src/app&lt;/span&gt;&lt;span&gt;`&lt;/span&gt;&lt;/span&gt;&lt;span&gt;：路由与页面&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;21&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;`&lt;/span&gt;&lt;span&gt;components&lt;/span&gt;&lt;span&gt;`&lt;/span&gt;&lt;/span&gt;&lt;span&gt;：可复用 UI&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;22&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;`&lt;/span&gt;&lt;span&gt;lib&lt;/span&gt;&lt;span&gt;`&lt;/span&gt;&lt;/span&gt;&lt;span&gt;：工具与共享逻辑&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;23&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;`&lt;/span&gt;&lt;span&gt;docs&lt;/span&gt;&lt;span&gt;`&lt;/span&gt;&lt;/span&gt;&lt;span&gt;：详细文档（&lt;/span&gt;&lt;span&gt;**按需查阅，不要整份塞进上下文**&lt;/span&gt;&lt;span&gt;）&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;24&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;25&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;## 代码风格&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;26&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;27&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 优先函数式写法&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;28&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 模块统一&lt;/span&gt;&lt;/span&gt;&lt;span&gt;**具名导出**&lt;/span&gt;&lt;span&gt;（避免默认导出 + class 混用）&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;29&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 改动保持外科手术式：只动任务相关文件&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;30&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;31&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;## 重要禁忌&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;32&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;33&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 禁止修改 &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;`&lt;/span&gt;&lt;span&gt;generated&lt;/span&gt;&lt;span&gt;`&lt;/span&gt;&lt;/span&gt;&lt;span&gt; / 自动生成目录下的文件&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;34&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 禁止提交或改写 &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;`&lt;/span&gt;&lt;span&gt;.env&lt;/span&gt;&lt;span&gt;`&lt;/span&gt;&lt;/span&gt;&lt;span&gt;、密钥、CI secrets（除非明确授权）&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;35&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt; 数据库 &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;`&lt;/span&gt;&lt;span&gt;migrate&lt;/span&gt;&lt;span&gt;`&lt;/span&gt;&lt;/span&gt;&lt;span&gt; 前先确认备份与回滚；不要擅自跑破坏性迁移&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;span&gt;展开&lt;/span&gt;&lt;span&gt;收起&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;p&gt;六节不够就加「验证怎么跑」「NEVER / ALWAYS」；六节太满就砍——&lt;strong&gt;删掉后 Claude 不会因此犯错的行，都可以删。&lt;/strong&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;写好它的 5 条原则&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;写好 CLAUDE.md 的 5 条原则&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;576&quot; src=&quot;/_astro/fig-03-03-five-principles.CB8lwe6C_nz7U1.webp&quot; /&gt;&lt;figcaption&gt;写好 CLAUDE.md 的 5 条原则&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;中心句：&lt;strong&gt;让 Claude Code 默认做对事。&lt;/strong&gt; 收口不是「写得多」，是&lt;strong&gt;写得准&lt;/strong&gt;。&lt;/p&gt;


































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;原则&lt;/th&gt;&lt;th&gt;落地&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;1&lt;/td&gt;&lt;td&gt;&lt;strong&gt;精简高信号&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;像漏斗：只留「不写就会错」的行；空泛「写高质量代码」一律删&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;&lt;strong&gt;写命令和约定&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;build / test / 包管理器 / 命名风格写死成可执行句&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;&lt;strong&gt;踩坑变禁忌&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;纠正过一次 → 写成「禁止 / 务必」，别指望下次还记得口头嘱咐&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;4&lt;/td&gt;&lt;td&gt;&lt;strong&gt;保持正确海拔&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;太虚（愿景、公司介绍）没用；太细（整份 API 手册）该进 &lt;code&gt;docs/&lt;/code&gt; 或 Skill，按需读&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;5&lt;/td&gt;&lt;td&gt;&lt;strong&gt;当活文档迭代&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;约定变了就改文件；过期规则比没有规则更坑&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;和 Skill / Hook 的分工也记一下：流程型重复劳动 → Skill；必须每次发生的强制动作 → Hook；&lt;strong&gt;每次会话都成立的事实与禁令&lt;/strong&gt; → CLAUDE.md。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;五个坑：错一次，就写进文件&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;踩坑 → 写进 CLAUDE.md&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;576&quot; src=&quot;/_astro/fig-04-04-pitfalls-to-claude-md.BCOHQOGb_1ubung.webp&quot; /&gt;&lt;figcaption&gt;踩坑 → 写进 CLAUDE.md&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;图脚：&lt;strong&gt;一条明确禁令，胜过十次口头纠正。&lt;/strong&gt;&lt;/p&gt;


































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;#&lt;/th&gt;&lt;th&gt;踩坑（左）&lt;/th&gt;&lt;th&gt;写进 CLAUDE.md（右）&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;1&lt;/td&gt;&lt;td&gt;&lt;code&gt;npm test&lt;/code&gt; 卡住（常进 watch）&lt;/td&gt;&lt;td&gt;&lt;code&gt;pnpm test -- --run&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;随手 &lt;code&gt;npm install&lt;/code&gt;&lt;/td&gt;&lt;td&gt;&lt;code&gt;包管理器：pnpm&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;默认导出 + class&lt;/td&gt;&lt;td&gt;&lt;code&gt;函数式 + 具名导出&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;4&lt;/td&gt;&lt;td&gt;把 2000 行 docs 全塞进记忆&lt;/td&gt;&lt;td&gt;&lt;code&gt;docs 按需查阅&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;5&lt;/td&gt;&lt;td&gt;改了 generated&lt;/td&gt;&lt;td&gt;&lt;code&gt;禁止修改生成文件&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;模式就一条：你纠正 → 让它把规则写回 CLAUDE.md → 下个会话开箱即守。别把「我又说了一遍」当成协作。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;该写 vs 不该写（对照）&lt;/h2&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;该写（高信号）&lt;/th&gt;&lt;th&gt;不该写（噪音）&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;本仓库特有的 build / test / lint 命令&lt;/td&gt;&lt;td&gt;「写出干净优雅的代码」&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;包管理器、语言模式、导出约定&lt;/td&gt;&lt;td&gt;完整 API 文档、长篇背景故事&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;NEVER：generated、env、误迁库&lt;/td&gt;&lt;td&gt;Claude 读一眼仓库就能推断的目录常识&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;「细节在 &lt;code&gt;docs/…&lt;/code&gt;，按需打开」&lt;/td&gt;&lt;td&gt;把整本 docs 内联进 CLAUDE.md&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;上次踩坑沉淀的硬禁令&lt;/td&gt;&lt;td&gt;一次性任务流程（那是 Skill）&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;先把测试命令、包管理器、三条硬禁忌写进仓库根的 CLAUDE.md，再谈 Loop、Skill、记忆插件——顺序反了，等于让 Agent 先猜再补课。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>Claude Code 四类 Loop，你到底交出哪一段</title><link>https://fork-firefly.vercel.app/posts/claude-code-four-loops/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/claude-code-four-loops/</guid><description>回合式、目标式、时间式、主动式四类循环怎么选、怎么跑，按操作卡来。</description><pubDate>Mon, 10 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;Claude Code 要是只停在「你问一句，它改一次」，那还是聊天窗口。真能扛事的 Agent，会围着目标转圈：拿上下文 → 动手 → 验结果 → 再迭代，直到撞上停止条件。&lt;/p&gt;
&lt;p&gt;这张图把 Claude Code Loop 压成一张速查卡——日常开发时翻一眼就够：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;回合式&lt;/strong&gt;：你负责检查&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;目标式&lt;/strong&gt;：你交出停止条件&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;时间式&lt;/strong&gt;：你交出触发时机&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;主动式&lt;/strong&gt;：你交出整条任务流程&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;顺带覆盖 &lt;code&gt;/goal&lt;/code&gt;、&lt;code&gt;/loop&lt;/code&gt;、&lt;code&gt;/schedule&lt;/code&gt;、SKILL.md、代码审查和 Token 边界。&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Claude Code 四类 Loop 速查卡&quot; loading=&quot;lazy&quot; width=&quot;768&quot; height=&quot;1024&quot; src=&quot;/_astro/cover.BZMB8ZKs_Z1lVhp4.webp&quot; /&gt;&lt;figcaption&gt;Claude Code 四类 Loop 速查卡&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;Loop 到底在转什么&lt;/h2&gt;&lt;p&gt;Agent 持续重复：&lt;strong&gt;获取上下文 → 行动 → 验证 → 迭代&lt;/strong&gt;，直到停止条件成立。&lt;/p&gt;&lt;p&gt;简单任务别一上来就上重型循环——先从简单方案开始；真要自动化，再把触发、验证、停止写清楚。&lt;/p&gt;&lt;p&gt;四要素记死：&lt;/p&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;要素&lt;/th&gt;&lt;th&gt;管什么&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;触发&lt;/td&gt;&lt;td&gt;什么时候开始转&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;停止条件&lt;/td&gt;&lt;td&gt;什么时候准停&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Claude Code 原语&lt;/td&gt;&lt;td&gt;&lt;code&gt;/goal&lt;/code&gt;、&lt;code&gt;/loop&lt;/code&gt;、&lt;code&gt;/schedule&lt;/code&gt;、skills…&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;任务类型&lt;/td&gt;&lt;td&gt;短一次性 / 达标迭代 / 定时巡检 / 无人值守&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;路径同一条：理解任务 → 行动 → 验证 → 迭代 → 完成。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;四类 Loop：交出的权力不一样&lt;/h2&gt;












































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;类型&lt;/th&gt;&lt;th&gt;谁触发&lt;/th&gt;&lt;th&gt;何时停&lt;/th&gt;&lt;th&gt;原语&lt;/th&gt;&lt;th&gt;适合啥&lt;/th&gt;&lt;th&gt;你交出什么&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;回合式&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;用户 prompt&lt;/td&gt;&lt;td&gt;Claude 认为完成，或需要更多上下文&lt;/td&gt;&lt;td&gt;普通对话；建议把验证写进 SKILL.md&lt;/td&gt;&lt;td&gt;短、一次性（例：做个点赞按钮）&lt;/td&gt;&lt;td&gt;&lt;strong&gt;检查&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;目标式&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;实时手动 prompt&lt;/td&gt;&lt;td&gt;目标达成，或达最大回合&lt;/td&gt;&lt;td&gt;&lt;code&gt;/goal&lt;/code&gt;&lt;/td&gt;&lt;td&gt;有明确成功标准的迭代（例：&lt;code&gt;/goal get homepage Lighthouse ≥90, stop after 5 tries&lt;/code&gt;）&lt;/td&gt;&lt;td&gt;&lt;strong&gt;停止条件&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;时间式&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;按时间间隔&lt;/td&gt;&lt;td&gt;手动取消，或工作完成&lt;/td&gt;&lt;td&gt;&lt;code&gt;/loop&lt;/code&gt;（本地）或 &lt;code&gt;/schedule&lt;/code&gt;（云）&lt;/td&gt;&lt;td&gt;定时巡检（例：&lt;code&gt;/loop 5m check PR...&lt;/code&gt;）&lt;/td&gt;&lt;td&gt;&lt;strong&gt;触发时机&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;主动式&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;日程触发，无需实时人工&lt;/td&gt;&lt;td&gt;目标 + 日程策略共同约束&lt;/td&gt;&lt;td&gt;&lt;code&gt;/schedule&lt;/code&gt; + &lt;code&gt;/goal&lt;/code&gt; + skills + 动态工作流&lt;/td&gt;&lt;td&gt;无人值守（例：每小时检查 feedback 频道）&lt;/td&gt;&lt;td&gt;&lt;strong&gt;整条任务流&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;从左到右，人从「每步盯着」退到「只设计规则」——权力交出去多少，成本与失控面也跟着涨多少。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;想让 Loop 别瞎转：质量、验收、Token&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;提升质量（图上四条）&lt;/strong&gt;&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;代码整洁——乱仓库里循环只会放大乱&lt;/li&gt;
&lt;li&gt;自验证 skills——别指望「我觉得好了」当验收&lt;/li&gt;
&lt;li&gt;上下文可达——它够不着的文件/环境，再转也白转&lt;/li&gt;
&lt;li&gt;双 Agent 审查——一个写、一个挑刺，比单人自嗨稳&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;&lt;strong&gt;把人工验收写进 SKILL.md&lt;/strong&gt;（失败就从第 1 步重来）&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;起 / 盯本地 dev server&lt;/li&gt;
&lt;li&gt;UI 对比（改前改后）&lt;/li&gt;
&lt;li&gt;看 console 有没有炸&lt;/li&gt;
&lt;li&gt;有条件就接 Chrome DevTools MCP&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;验收不进 skill，回合式也会变成「你口头复查」的体力活；进了 skill，目标式 / 主动式才敢放手。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Token 别被 routine 吃干&lt;/strong&gt;&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;小任务用小 loop&lt;/li&gt;
&lt;li&gt;成功标准写死&lt;/li&gt;
&lt;li&gt;先 dry run&lt;/li&gt;
&lt;li&gt;确定性工作优先脚本，别全塞给模型&lt;/li&gt;
&lt;li&gt;routine 别过度频繁&lt;/li&gt;
&lt;li&gt;用 &lt;code&gt;/usage&lt;/code&gt; 盯消耗&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;设计哲学其实就一句：&lt;strong&gt;关键不是让 Agent 无限干活，而是设计好触发、验证、停止条件与成本边界。&lt;/strong&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;三步上手，别一上来就全自动&lt;/h2&gt;&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;找瓶颈&lt;/strong&gt;——现在卡在检查、停不准、触发烦，还是整条流都得你人肉推？&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;决定交出哪一段&lt;/strong&gt;——对照上表：检查 / 停止条件 / 触发时机 / 整条任务流&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;小规模试跑&lt;/strong&gt;——先短任务、少回合、宽一点的 &lt;code&gt;/usage&lt;/code&gt; 观察，再收紧节奏&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;图脚那句够当座右铭：不是无限转，是把边界设计进循环。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>分层越清晰，Claude Code 越稳</title><link>https://fork-firefly.vercel.app/posts/claude-code-project-structure/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/claude-code-project-structure/</guid><description>别把一切塞进一个胖 CLAUDE.md。按主题拆层、按需加载，Claude Code 才稳得住。</description><pubDate>Mon, 10 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;分层越清晰，Claude Code 越稳定。&lt;/p&gt;
&lt;p&gt;很多人仓库里只有一个胖 &lt;code&gt;CLAUDE.md&lt;/code&gt;——项目概览、风格、命令、权限、临时私货全往里塞。能跑，但不耐长：上下文越来越重，改一条怕牵一片，团队也难共享。&lt;/p&gt;
&lt;p&gt;可维护的做法是把配置拆成多层：会话记忆、MCP、权限设置、按主题 rules、斜杠 commands、按需 skills、角色 agents、事件 hooks。配置多了，别全塞一个文件。&lt;/p&gt;
&lt;p&gt;下面这张「CLAUDE CODE 项目结构」信息图把左树右说明一次摊开；文案尽量跟图面走。&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Claude Code 项目结构信息图&quot; loading=&quot;lazy&quot; width=&quot;738&quot; height=&quot;927&quot; src=&quot;/_astro/cover.ym1QjDKM_Z12FNDC.webp&quot; /&gt;&lt;figcaption&gt;Claude Code 项目结构信息图&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;总览：一张树看完落点&lt;/h2&gt;&lt;p&gt;图左是推荐树，图右是八块作用。路径示意（与图一致）：&lt;/p&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;CLAUDE.md&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;CLAUDE.local.md&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;.mcp.json&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;.claude/&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;settings.json&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;settings.local.json&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;rules/&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;8&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;code-style.md&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;9&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;testing.md&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;10&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;api-conventions.md&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;11&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;commands/&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;12&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;review.md&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;13&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;fix-issue.md&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;14&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;skills/&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;15&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;deploy/&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;16&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;      &lt;/span&gt;&lt;/span&gt;&lt;span&gt;SKILL.md&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;17&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;      &lt;/span&gt;&lt;/span&gt;&lt;span&gt;deploy-config.md&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;18&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;agents/&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;19&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;code-reviewer.md&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;20&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;security-auditor.md&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;21&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;hooks/&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;22&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;validate-bash.sh&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;span&gt;展开&lt;/span&gt;&lt;span&gt;收起&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;CLAUDE.md：会话开箱的项目记忆&lt;/h2&gt;&lt;p&gt;路径：仓库根 &lt;code&gt;CLAUDE.md&lt;/code&gt;，可用 &lt;code&gt;CLAUDE.local.md&lt;/code&gt; 覆盖。&lt;/p&gt;&lt;p&gt;图面作用：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;会在会话开始时加载&lt;/li&gt;
&lt;li&gt;定义项目概览、技术栈和常用命令&lt;/li&gt;
&lt;li&gt;包含编码约定与架构说明&lt;/li&gt;
&lt;li&gt;支持通过 &lt;code&gt;CLAUDE.local.md&lt;/code&gt; 进行覆盖&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;只放「每次会话都成立」的高信号约定；细则按主题拆进 &lt;code&gt;rules/&lt;/code&gt;，流程进 &lt;code&gt;skills/&lt;/code&gt; / &lt;code&gt;commands/&lt;/code&gt;。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;.mcp.json：MCP 集成怎么挂进仓库&lt;/h2&gt;&lt;p&gt;路径：仓库根 &lt;code&gt;.mcp.json&lt;/code&gt;。&lt;/p&gt;&lt;p&gt;图面作用：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;存放 MCP 集成配置&lt;/li&gt;
&lt;li&gt;可连接 GitHub、JIRA、Slack、DBs&lt;/li&gt;
&lt;li&gt;可通过 git 在团队内共享&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;这是「连外部」的配置位，不是再往 &lt;code&gt;CLAUDE.md&lt;/code&gt; 里贴一长串服务说明。和 &lt;a href=&quot;/posts/mcp-skills-cli-relationship/&quot;&gt;MCP / Skills / CLI 怎么分工&lt;/a&gt; 那篇分工不同：本篇只标落点。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;settings.json：权限、模型与 hooks 开关&lt;/h2&gt;&lt;p&gt;路径：&lt;code&gt;.claude/settings.json&lt;/code&gt;，可用 &lt;code&gt;.claude/settings.local.json&lt;/code&gt; 覆盖。&lt;/p&gt;&lt;p&gt;图面作用：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;控制权限与工具访问&lt;/li&gt;
&lt;li&gt;定义模型选择和 hooks&lt;/li&gt;
&lt;li&gt;支持 &lt;code&gt;settings.local.json&lt;/code&gt; 覆盖&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;团队共享默认权限与模型偏好；本机私货进 &lt;code&gt;*.local.json&lt;/code&gt;，别把个人密钥和临时放开写进会进 git 的那份。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;rules/：按主题拆的模块化规矩&lt;/h2&gt;&lt;p&gt;路径：&lt;code&gt;.claude/rules/&lt;/code&gt;（图例：&lt;code&gt;code-style.md&lt;/code&gt;、&lt;code&gt;testing.md&lt;/code&gt;、&lt;code&gt;api-conventions.md&lt;/code&gt;）。&lt;/p&gt;&lt;p&gt;图面作用：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;按主题拆分的模块化 &lt;code&gt;.md&lt;/code&gt; 文件&lt;/li&gt;
&lt;li&gt;覆盖风格、测试、API 设计等内容&lt;/li&gt;
&lt;li&gt;可作用于特定文件或路径&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;风格、测试、接口约定各自成篇，比堆进一个巨型 &lt;code&gt;CLAUDE.md&lt;/code&gt; 好改、好 review。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;commands/：可重复的斜杠工作流&lt;/h2&gt;&lt;p&gt;路径：&lt;code&gt;.claude/commands/&lt;/code&gt;（图例：&lt;code&gt;review.md&lt;/code&gt;、&lt;code&gt;fix-issue.md&lt;/code&gt;）。&lt;/p&gt;&lt;p&gt;图面作用：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;自定义斜杠命令（&lt;code&gt;/project:&amp;lt;name&amp;gt;&lt;/code&gt;）&lt;/li&gt;
&lt;li&gt;用于可重复执行的工作流&lt;/li&gt;
&lt;li&gt;支持执行 shell 命令&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;「每次都要走同一套审查 / 修 issue」→ 写成 command，别口头复读。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;skills/：按需加载，上下文更轻&lt;/h2&gt;&lt;p&gt;路径：&lt;code&gt;.claude/skills/&amp;lt;name&amp;gt;/&lt;/code&gt;（图例：&lt;code&gt;deploy/SKILL.md&lt;/code&gt;、&lt;code&gt;deploy-config.md&lt;/code&gt;）。&lt;/p&gt;&lt;p&gt;图面作用：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;会根据任务上下文自动触发&lt;/li&gt;
&lt;li&gt;仅在需要时加载&lt;/li&gt;
&lt;li&gt;保持上下文更轻量&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;和「每次会话都加载」的 &lt;code&gt;CLAUDE.md&lt;/code&gt; 对照着看：Skill 是任务触发才进场，不是常驻说明书。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;agents/：带角色、隔离上下文的子代理&lt;/h2&gt;&lt;p&gt;路径：&lt;code&gt;.claude/agents/&lt;/code&gt;（图例：&lt;code&gt;code-reviewer.md&lt;/code&gt;、&lt;code&gt;security-auditor.md&lt;/code&gt;）。&lt;/p&gt;&lt;p&gt;图面作用：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;带有明确角色的专子 agent&lt;/li&gt;
&lt;li&gt;拥有隔离的上下文窗口&lt;/li&gt;
&lt;li&gt;可配置自定义工具和模型偏好&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;审查、安全审计这类「换一副脑子」的活，适合独立 agent，而不是在主会话里口头扮演。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;hooks/：工具前后的事件脚本&lt;/h2&gt;&lt;p&gt;路径：&lt;code&gt;.claude/hooks/&lt;/code&gt;（图例：&lt;code&gt;validate-bash.sh&lt;/code&gt;）。&lt;/p&gt;&lt;p&gt;图面作用：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;事件驱动脚本（工具调用前/后）&lt;/li&gt;
&lt;li&gt;自动执行校验、lint 和格式化&lt;/li&gt;
&lt;li&gt;阻止不安全操作&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;必须每次发生的强制门禁 → hooks；可重复但按需触发的流程 → commands / skills。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;怎么拆：按主题拆、按需加载&lt;/h2&gt;&lt;p&gt;选型就一句：&lt;strong&gt;按主题拆文件，按需加载进上下文。&lt;/strong&gt;&lt;/p&gt;








































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;放哪&lt;/th&gt;&lt;th&gt;典型信号&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;CLAUDE.md&lt;/code&gt;&lt;/td&gt;&lt;td&gt;每次会话都要成立的事实与禁令&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;.mcp.json&lt;/code&gt;&lt;/td&gt;&lt;td&gt;外部系统连接，可团队共享&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;settings*.json&lt;/code&gt;&lt;/td&gt;&lt;td&gt;权限、模型、hooks 开关&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;rules/&lt;/code&gt;&lt;/td&gt;&lt;td&gt;风格 / 测试 / API 等主题模块&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;commands/&lt;/code&gt;&lt;/td&gt;&lt;td&gt;斜杠可重复工作流&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;skills/&lt;/code&gt;&lt;/td&gt;&lt;td&gt;任务触发才加载的能力包&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;agents/&lt;/code&gt;&lt;/td&gt;&lt;td&gt;角色隔离的子代理&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;hooks/&lt;/code&gt;&lt;/td&gt;&lt;td&gt;工具前后强制校验&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;配置一多，优先拆层，而不是继续加厚那一个 &lt;code&gt;CLAUDE.md&lt;/code&gt;。&lt;/p&gt;&lt;p&gt;先把树拆开，再谈某一层写多厚——顺序反了，又会回到「一个文件扛所有」。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>一张图讲清 MCP、Skills 和 CLI 怎么分工</title><link>https://fork-firefly.vercel.app/posts/mcp-skills-cli-relationship/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/mcp-skills-cli-relationship/</guid><description>MCP 管连接、Skills 管方法、CLI 管执行。三者不是替代关系，而是协同关系，组合用效果最好。</description><pubDate>Mon, 10 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;MCP、Skills、CLI，分别解决「连接、方法、执行」三类问题。MCP 让 AI 接入知识库、数据库和外部系统；Skills 沉淀流程与经验，提升复用性；CLI 负责具体命令执行与落地操作。三者并非替代关系，而是协同关系，组合使用效果最佳。&lt;/p&gt;
&lt;p&gt;它们分别是什么？彼此什么关系？怎么选？下面按图四段展开，文案尽量跟图面走，不当完整教程。&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;MCP、Skills、CLI 分工图&quot; loading=&quot;lazy&quot; width=&quot;531&quot; height=&quot;921&quot; src=&quot;/_astro/cover.CCrlArYK_BLLbx.webp&quot; /&gt;&lt;figcaption&gt;MCP、Skills、CLI 分工图&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;三件东西，各管一块&lt;/h2&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;件&lt;/th&gt;&lt;th&gt;图面定义&lt;/th&gt;&lt;th&gt;典型能力&lt;/th&gt;&lt;th&gt;像 AI 的…&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;CLI&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;命令行入口：直接操作电脑和终端&lt;/td&gt;&lt;td&gt;安装部署 / 执行命令 / 调试排错&lt;/td&gt;&lt;td&gt;&lt;strong&gt;手和脚&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Skills&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;能力包：把经验、流程、脚本打包复用&lt;/td&gt;&lt;td&gt;标准流程 / 重复任务 / 稳定输出&lt;/td&gt;&lt;td&gt;&lt;strong&gt;经验和方法&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;MCP&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;连接协议：让 AI 接入外部工具和数据&lt;/td&gt;&lt;td&gt;知识库 / 第三方服务 / 系统集成&lt;/td&gt;&lt;td&gt;&lt;strong&gt;外部接口&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;分不清时先对号：要不要&lt;strong&gt;动手&lt;/strong&gt;、要不要&lt;strong&gt;按套路做事&lt;/strong&gt;、要不要&lt;strong&gt;连外面&lt;/strong&gt;。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;不是替代，是叠在一起用&lt;/h2&gt;&lt;p&gt;图中间是 AI Assistant，三件分别贴到不同部位：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Skills&lt;/strong&gt; → 教它怎么做&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;CLI&lt;/strong&gt; → 帮它动手执行&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;MCP&lt;/strong&gt; → 帮它连外部世界&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;图脚那句够用：&lt;strong&gt;Skills 管方法，CLI 管执行，MCP 管连接。&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;不是谁取代谁。缺方法会瞎干，缺手脚落不了地，缺连接就困在本地沙盒。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;先想清楚你要哪种能力&lt;/h2&gt;




















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;优先&lt;/th&gt;&lt;th&gt;触发条件&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;优先选 CLI&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;安装软件、运行脚本、操作文件、排查环境问题&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;优先选 Skills&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;沉淀 SOP、复用成熟流程、让团队反复调用同一能力&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;优先选 MCP&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;接知识库、数据库、邮箱、网页、业务系统或 API&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;选型顺序可以很粗暴：本地命令/文件/环境 → CLI；要稳定复用同一套做法 → Skills；要跨系统拿数据/调服务 → MCP。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;实战里怎么叠&lt;/h2&gt;&lt;p&gt;图上三块是叠着的，不是三选一：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;Skills&lt;/strong&gt; = 告诉 AI 怎么做&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;CLI&lt;/strong&gt; = 让 AI 真正去执行&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;MCP&lt;/strong&gt; = 让 AI 连上更多工具和数据&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;&lt;strong&gt;最佳实践：通常不是三选一，而是组合使用。&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;例：用 Skills 固化流程 + 用 CLI 执行命令 + 用 MCP 连接知识库。&lt;/p&gt;&lt;p&gt;页脚快速记忆也顺手背掉：&lt;/p&gt;




















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;件&lt;/th&gt;&lt;th&gt;记法&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;CLI&lt;/td&gt;&lt;td&gt;会动手&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Skills&lt;/td&gt;&lt;td&gt;会做事&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;MCP&lt;/td&gt;&lt;td&gt;会连接&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;</content:encoded></item><item><title>从稳 Loop 走到可路由 Graph：Codez 十四步怎么连</title><link>https://fork-firefly.vercel.app/posts/graph-engineering-14-steps/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/graph-engineering-14-steps/</guid><description>Graph 不是 loop 的升级版，是 loop 的组织方式。先问清四问，再按 Codez 十四步把节点、边、契约和路由焊进可跑的图。</description><pubDate>Mon, 10 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;上个月 Datawhale 才发过 Loop Engineering 的实操手册，新词已经换挡了。&lt;/p&gt;
&lt;p&gt;7 月初 OpenClaw 创始人 Peter Steinberger 在 X 上问：还在聊 loop，还是已经切到 graph 了？没多久就有人跟帖喊「Loop Engineering is dead. Long live Graph Engineering!」。&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Loop dead / Graph live 推文截图&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;382&quot; src=&quot;/_astro/cover.Ba44kk-__y9kMk.webp&quot; /&gt;&lt;figcaption&gt;Loop dead / Graph live 推文截图&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;p&gt;所以 Graph Engineering 到底是什么？&lt;/p&gt;
&lt;p&gt;Datawhale 把 Codez（@0xCodez）总结的 &lt;strong&gt;14 步&lt;/strong&gt;整理出来，课程横幅互动量到了全网约 &lt;strong&gt;570w&lt;/strong&gt; 量级————讲的就是怎么从一个人的 loop，走到一张能自己路由的 graph。&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Codez Graph Engineering 14-step 课程横幅&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;852&quot; src=&quot;/_astro/fig-02-02-codez-14-step-banner.XHMjp_pC_19mQ1F.webp&quot; /&gt;&lt;figcaption&gt;Codez Graph Engineering 14-step 课程横幅&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;p&gt;Graph 不是 loop 的升级版，是 &lt;strong&gt;loop 的组织方式&lt;/strong&gt;。它烧的 token 比单个 loop 更多，协调开销也更高；出了问题你要 debug 的是一整张你没亲眼看着跑的路由图。所以先问自己四个问题，都想清楚再动手。&lt;/p&gt;
&lt;hr /&gt;
&lt;section&gt;&lt;h2&gt;动手前四问（外加一道更狠的）&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;So do you actually need a graph? 四问决策图&quot; loading=&quot;lazy&quot; width=&quot;971&quot; height=&quot;432&quot; src=&quot;/_astro/fig-03-03-four-questions-decision.3IgVpX91_ZBEBfn.webp&quot; /&gt;&lt;figcaption&gt;So do you actually need a graph? 四问决策图&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;任务真的能拆成不同角色吗？&lt;/strong&gt; 拆不出清晰的「谁负责什么」，那就还是一个 loop————加节点只是加成本。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;有没有真正能并行的子任务？&lt;/strong&gt; 没有独立并行的活，图比循环贵，却不比循环快。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;单个 agent 的上下文装得下全部背景吗？&lt;/strong&gt; 装得下就别急着拆；拆分是为了腾出上下文，不是为了好看。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;失败之后，你负担得起跳转分支的成本吗？&lt;/strong&gt; 没想清楚重试耗尽后去哪，图会在你看不见的地方卡死或者乱跑。&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;附加题，比上面四个都重要：&lt;strong&gt;你已经有一个跑得稳的单体 loop 了吗？&lt;/strong&gt; 没有，先别建图。图是循环的组织方式，不是循环的替代品。&lt;/p&gt;&lt;p&gt;单体 loop 长什么样，可以先把「被观察的 agent」拆开看一眼————Thought → Action → Execution → Reflection → Alignment，再反馈回 Thought。这一圈都跑不稳，连图只是把噪声放大。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Anatomy of an Observed Agent&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;380&quot; src=&quot;/_astro/fig-13-13-observed-agent-anatomy.DODwGCao_ZNT4Su.webp&quot; /&gt;&lt;figcaption&gt;Anatomy of an Observed Agent&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;谁适合上手&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;已经把至少一个 loop 跑稳的团队；任务里有明确能拆开的角色（调研、撰写、复核）；也接受更高的 token 成本换质量和并行度。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;谁不适合上手&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;还没让一个 loop 稳定跑起来的个人开发者；线性依赖强、拆不开的任务；瓶颈在协调开销而不在单节点能力的团队。&lt;/p&gt;&lt;p&gt;graph engineering 真有用，但大部分人现在还用不上————因为大部分人的 loop 都还没跑稳，更别提图。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;四个核心构件&lt;/h2&gt;&lt;p&gt;一张能跑的图，拆开来看，就是四个能各自单独验证的部分。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Nodes：图的最小单位。&lt;/strong&gt; 一个节点就是一个跑着自己 loop 的 agent 或确定性步骤，只认一件事，也只对一件事负责。节点判断不出「完了」，就不是节点，是隐藏依赖。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Edges：决定谁接下一棒。&lt;/strong&gt; 顺序边永远触发；条件边看检查结果；并行边一次分给多个节点，再汇到一个节点合并。边留给模型运行时判断得越多，图越灵活，但也越难预判。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Shared State：大家都要读写的那份数据。&lt;/strong&gt; 下游节点要用的字段，必须有上游节点写进去。这个对象会逼你承认：这活儿里到底还有多少环节没被真正想清楚。&lt;/p&gt;&lt;p&gt;Subagents 和 Agent Teams 的差别，很大一块就落在「有没有共享任务态」上：左边是主控 spawn、结果汇报回来；右边是 Shared Task List + teammate 互认任务。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Subagents vs Agent Teams&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;389&quot; src=&quot;/_astro/fig-08-08-subagents-vs-agent-teams.CyJ50eEz_Z1vCzWL.webp&quot; /&gt;&lt;figcaption&gt;Subagents vs Agent Teams&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Failure Routing：失败之后的退路。&lt;/strong&gt; 一个节点的重试耗尽了，控制权去哪————退回上一步、转给备用节点，还是转人工。没有失败边的图，只是一张流程图，不是一个能跑的系统。&lt;/p&gt;&lt;p&gt;图还可以按层次看：数据流 → 任务调度 → 架构部署（下图是嵌入式 AADL 语境的三层类比，用来建立「同一张图可以有多层投影」的直觉，不是 Claude Code API 本身）。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Data-flow / Task Schedule / AADL 三层&quot; loading=&quot;lazy&quot; width=&quot;850&quot; height=&quot;578&quot; src=&quot;/_astro/fig-07-07-dataflow-task-aadl-layers.CNU7KFJs_Z1l2LSQ.webp&quot; /&gt;&lt;figcaption&gt;Data-flow / Task Schedule / AADL 三层&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;第一步：先分清节点和边（01–02）&lt;/h2&gt;&lt;section&gt;&lt;h3&gt;01 · 节点是任务，边负责传数据&lt;/h3&gt;&lt;p&gt;一张图其实只有两样东西。&lt;strong&gt;节点&lt;/strong&gt;是一个工作单元：一个 agent，一份边界明确的活，一个输入，一个输出。&lt;strong&gt;边&lt;/strong&gt;是依赖关系：这个节点的输出会喂给那个节点做输入，仅此而已。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Upstream / Anchor / Downstream 依赖 DAG&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;464&quot; src=&quot;/_astro/fig-04-04-dependency-anchor-dag.BmKciyMW_1grJHd.webp&quot; /&gt;&lt;figcaption&gt;Upstream / Anchor / Downstream 依赖 DAG&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;最容易犯的错，是把「然后」当成边。「总结这个文件，然后告诉我天气」————这两步之间没有边，天气根本用不到那份总结。这其实是两个互不相干的节点，被一段线性脚本硬凑成了先后顺序。没真用上数据，就没有边。&lt;/p&gt;&lt;p&gt;学会对每一个「然后再」发问：&lt;strong&gt;下一步是否读取上一步的输出？&lt;/strong&gt; 若否，就没有边，等待就是浪费。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;02 · 你的线性脚本，其实是一张退化的图&lt;/h3&gt;&lt;p&gt;当你把一个 agent 写成「先做 A，再做 B，再做 C，再做 D」，其实你已经画出了一张图————只不过是一条不分岔的单链，每个节点都只有一条边进、一条边出。能跑对，但慢，也脆：C 卡住了，D 就永远轮不到，A 的产出也被困在上游。&lt;/p&gt;&lt;p&gt;图工程的第一项真本事，是&lt;strong&gt;重画这条链&lt;/strong&gt;。对每一根箭头问上一步的那个问题。大多数链里都有两三根箭头根本没有携带数据————它们只是当初写的时候顺手打的顺序。把这些箭头剪掉，链就会塌缩成更宽的东西：几个可以同时跑的独立节点，喂给一个需要它们全部到齐的节点。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;LINEAR vs GRAPH&quot; loading=&quot;lazy&quot; width=&quot;696&quot; height=&quot;272&quot; src=&quot;/_astro/fig-05-05-linear-vs-graph.CsnyMms1_Z1OTuPi.webp&quot; /&gt;&lt;figcaption&gt;LINEAR vs GRAPH&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;第二步：给节点和边定契约（03–04）&lt;/h2&gt;&lt;section&gt;&lt;h3&gt;03 · 给每个节点定一份契约&lt;/h3&gt;&lt;p&gt;一个你没法推理的节点，就没法拿去并行。解决办法是契约：&lt;strong&gt;输入有边界，输出有边界，只干一件事。&lt;/strong&gt; 输入必须显式传进去，不能指望从共享窗口里蹭；输出是一个定义好的形状，最好能校验，这样下一个节点不用猜也能直接用。&lt;/p&gt;&lt;p&gt;在 workflow 里，这份契约靠 &lt;strong&gt;schema&lt;/strong&gt; 强制执行。给 Claude 的 &lt;code&gt;agent()&lt;/code&gt; 调用配一份 JSON schema，派出去的 subagent 就只能返回校验过的结构化数据————校验发生在工具调用这一层，格式不对 Claude 会自己重试，不会甩给你一堆自由文本。这就是「能接进图里的节点」和「只有人读得懂才行的节点」的差别。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Schema / 契约测试：golden schema&quot; loading=&quot;lazy&quot; width=&quot;1004&quot; height=&quot;556&quot; src=&quot;/_astro/fig-06-06-schema-contract-test.Bq9fXwhC_Z1pmfhx.webp&quot; /&gt;&lt;figcaption&gt;Schema / 契约测试：golden schema&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;// 一个有真契约的节点：输入有边界，输出经过校验，只干一件事&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;const&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;ITEM&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt; {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;type&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&apos;object&apos;&lt;/span&gt;&lt;span&gt;, &lt;/span&gt;&lt;span&gt;additionalProperties&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;false&lt;/span&gt;&lt;span&gt;,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;properties&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;    &lt;/span&gt;&lt;span&gt;title&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt;   { &lt;/span&gt;&lt;span&gt;type&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&apos;string&apos;&lt;/span&gt;&lt;span&gt; },&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;    &lt;/span&gt;&lt;span&gt;url&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt;     { &lt;/span&gt;&lt;span&gt;type&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&apos;string&apos;&lt;/span&gt;&lt;span&gt; },&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;    &lt;/span&gt;&lt;span&gt;impact&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt;  { &lt;/span&gt;&lt;span&gt;type&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&apos;string&apos;&lt;/span&gt;&lt;span&gt;, &lt;/span&gt;&lt;span&gt;enum&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; [&lt;/span&gt;&lt;span&gt;&apos;high&apos;&lt;/span&gt;&lt;span&gt;, &lt;/span&gt;&lt;span&gt;&apos;medium&apos;&lt;/span&gt;&lt;span&gt;, &lt;/span&gt;&lt;span&gt;&apos;low&apos;&lt;/span&gt;&lt;span&gt;] },&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;8&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;},&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;9&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;required&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; [&lt;/span&gt;&lt;span&gt;&apos;title&apos;&lt;/span&gt;&lt;span&gt;, &lt;/span&gt;&lt;span&gt;&apos;url&apos;&lt;/span&gt;&lt;span&gt;, &lt;/span&gt;&lt;span&gt;&apos;impact&apos;&lt;/span&gt;&lt;span&gt;],&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;10&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;};&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;11&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;12&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;const&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;result&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;await&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;agent&lt;/span&gt;&lt;span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;source&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;span&gt;prompt&lt;/span&gt;&lt;span&gt;, {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;13&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;label&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;`research:&lt;/span&gt;&lt;span&gt;${&lt;/span&gt;&lt;span&gt;source&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;span&gt;key&lt;/span&gt;&lt;span&gt;}&lt;/span&gt;&lt;span&gt;`&lt;/span&gt;&lt;span&gt;,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;14&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;schema&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;ITEM&lt;/span&gt;&lt;span&gt;,     &lt;/span&gt;&lt;span&gt;// 强制返回校验过的结构化数据&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;15&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;agentType&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&apos;general-purpose&apos;&lt;/span&gt;&lt;span&gt;,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;16&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;});&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;17&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;// result 现在是下一个节点能信任的形状，不用再靠人工解析&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;span&gt;展开&lt;/span&gt;&lt;span&gt;收起&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;04 · 把边也当成一份数据契约&lt;/h3&gt;&lt;p&gt;边不只是「B 排在 A 后面」，它是一个关于「传的是什么」的承诺：A 产出这个形状，B 就是照着这个形状设计来消费它的。按数据给边命名，而不是按顺序命名，两件事会立刻变简单：能一眼看出这条边是不是真的存在（有没有数据真的传过去）；也能在形状不变的前提下换掉边两端的节点，不会弄坏整张图。&lt;/p&gt;&lt;p&gt;实际写的时候，边就活在普通的 JavaScript 里。派活和合成之间那一步归约————压平、去重、过滤————就是代码在处理节点返回的形状，&lt;strong&gt;不需要 agent&lt;/strong&gt;。图思维一个不太起眼但很重要的收获：很多人花模型 token 去做的事，其实就是一条边，而边是免费的。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;第三步：扇出、汇入与菱形（05–07）&lt;/h2&gt;&lt;section&gt;&lt;h3&gt;05 · 用 &lt;code&gt;parallel()&lt;/code&gt; 扇出&lt;/h3&gt;&lt;p&gt;这一步能把前面的投入都赚回来。手上有 N 个独立节点————N 个要核实的信源、N 个要审的文件、N 条要查的路由————不要把它们串起来跑，让 Claude 一次性派出去一起跑。&lt;/p&gt;&lt;p&gt;在 workflow 里对应的是 &lt;code&gt;parallel()&lt;/code&gt;：Claude 拿到一组 thunk，给每个派一个 subagent，全部并发执行，最后把结果数组一次性还给你。&lt;/p&gt;&lt;p&gt;两个细节决定它稳不稳：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;&lt;code&gt;parallel()&lt;/code&gt; 是一道&lt;strong&gt;屏障&lt;/strong&gt;，会等所有函数都跑完才返回，下一阶段看到的是完整集合。&lt;/li&gt;
&lt;li&gt;一个抛错的函数会被解析成 &lt;code&gt;null&lt;/code&gt;，而不是拖垮整个批次————记得对结果做 &lt;code&gt;.filter(Boolean)&lt;/code&gt;。&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;并发数大致按核数封顶，多出来的会排队；扔进去一百个函数它们都会跑完，只是每次跑一小批。&lt;/p&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;phase&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;&apos;Research&apos;&lt;/span&gt;&lt;span&gt;);&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;// 九个信源，九个 agent，同时开工&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;const&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;raw&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;await&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;parallel&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;SOURCES&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;span&gt;map&lt;/span&gt;&lt;span&gt;&lt;span&gt;((&lt;/span&gt;&lt;span&gt;s&lt;/span&gt;&lt;span&gt;) &lt;/span&gt;&lt;/span&gt;&lt;span&gt;=&amp;gt;&lt;/span&gt;&lt;span&gt; () &lt;/span&gt;&lt;span&gt;=&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;    &lt;/span&gt;&lt;span&gt;agent&lt;/span&gt;&lt;span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;s&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;span&gt;prompt&lt;/span&gt;&lt;span&gt;, {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;      &lt;/span&gt;&lt;span&gt;label&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;`research:&lt;/span&gt;&lt;span&gt;${&lt;/span&gt;&lt;span&gt;s&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;span&gt;key&lt;/span&gt;&lt;span&gt;}&lt;/span&gt;&lt;span&gt;`&lt;/span&gt;&lt;span&gt;,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;8&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;      &lt;/span&gt;&lt;span&gt;phase&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&apos;Research&apos;&lt;/span&gt;&lt;span&gt;,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;9&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;      &lt;/span&gt;&lt;span&gt;schema&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;ITEM_SCHEMA&lt;/span&gt;&lt;span&gt;,  &lt;/span&gt;&lt;span&gt;// 每个节点都返回校验过的 JSON&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;10&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;      &lt;/span&gt;&lt;span&gt;agentType&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&apos;general-purpose&apos;&lt;/span&gt;&lt;span&gt;,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;11&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;}),&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;12&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;),&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;13&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;);&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;14&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;15&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;const&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;collected&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;raw&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;span&gt;filter&lt;/span&gt;&lt;span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;Boolean&lt;/span&gt;&lt;span&gt;); &lt;/span&gt;&lt;/span&gt;&lt;span&gt;// 把失败 agent 留下的 null 过滤掉&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;span&gt;展开&lt;/span&gt;&lt;span&gt;收起&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;p&gt;派活这一步活在 Claude 写的&lt;strong&gt;代码&lt;/strong&gt;里，不是活在一轮模型对话里。Claude 自己的上下文从来不会同时装着九个信源————每个 subagent 带着自己的一份，只有最终答案会传回来。编排这一层不花 token，因为它不是 Claude 又想了一轮。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;06 · 在屏障处做汇入&lt;/h3&gt;&lt;p&gt;活儿派出去，得有东西能收拢它才有意义。拢回来的这个节点，就是边汇聚的地方：一个 agent（或一段代码）一次性看到全部上游结果，去做一件必须看到全集才能做的事————跨信源去重、按影响力排序、总数为零就提前退出。这是整张图里&lt;strong&gt;唯一值得让屏障付出等待成本&lt;/strong&gt;的地方。&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;// 这条边就是普通 JS，没有 agent，零 token&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;const&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;flat&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;collected&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;span&gt;flatMap&lt;/span&gt;&lt;span&gt;&lt;span&gt;((&lt;/span&gt;&lt;span&gt;c&lt;/span&gt;&lt;span&gt;) &lt;/span&gt;&lt;/span&gt;&lt;span&gt;=&amp;gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;c&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;span&gt;items&lt;/span&gt;&lt;span&gt;);&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;log&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;`Collected &lt;/span&gt;&lt;span&gt;${&lt;/span&gt;&lt;span&gt;flat&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;span&gt;length&lt;/span&gt;&lt;span&gt;}&lt;/span&gt;&lt;span&gt; items`&lt;/span&gt;&lt;span&gt;);&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;phase&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;&apos;Curate&apos;&lt;/span&gt;&lt;span&gt;);&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;// 这个屏障节点需要全部结果凑齐才能去重排序&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;const&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;curated&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;await&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;agent&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;8&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;`Dedupe and rank these by impact:&lt;/span&gt;&lt;span&gt;\n&lt;/span&gt;&lt;span&gt;${&lt;/span&gt;&lt;span&gt;JSON&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;span&gt;stringify&lt;/span&gt;&lt;span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;flat&lt;/span&gt;&lt;span&gt;)&lt;/span&gt;&lt;/span&gt;&lt;span&gt;}&lt;/span&gt;&lt;span&gt;`&lt;/span&gt;&lt;span&gt;,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;9&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;{ &lt;/span&gt;&lt;span&gt;phase&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&apos;Curate&apos;&lt;/span&gt;&lt;span&gt;, &lt;/span&gt;&lt;span&gt;schema&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;CURATED_SCHEMA&lt;/span&gt;&lt;span&gt; },&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;10&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;);&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;只是把一个列表压平？那是一条边，直接写在行内就好。判断方法很粗暴：如果写成了 &lt;code&gt;parallel → transform → parallel&lt;/code&gt;，中间那个 transform 又没有跨条目的依赖，那本该用流水线，完全不需要屏障。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;07 · 菱形：拆分 → 工作 → 合并&lt;/h3&gt;&lt;p&gt;把「派出去」和「拢回来」拼在一起，就得到几乎每张正经 agent 图里都会出现的主力拓扑：&lt;strong&gt;菱形（diamond）&lt;/strong&gt;。一个节点拆任务，多个节点并行干活，一个节点合并。市场扫描、依赖审计、代码评审、研究报告，背后都是这个形状————换个信源和提示词，同一副骨架照样能用。&lt;/p&gt;&lt;p&gt;标准写法值得记住：&lt;strong&gt;派发 → 归约 → 合成&lt;/strong&gt;。先派出去收集广度，用普通代码归约压缩，再用最后一个 agent 合成写出答案。看懂这颗菱形之后，就不会再问「怎么让 agent 多做几步」，而是会问「拆分点在哪，合并点在哪」————这才是真正能扩展的问题。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;The Diamond: FAN OUT → Reduce &amp;amp;#x26; Synthesize&quot; loading=&quot;lazy&quot; width=&quot;695&quot; height=&quot;324&quot; src=&quot;/_astro/fig-09-09-diamond-topology.C3Y3GrOy_ZcwmoP.webp&quot; /&gt;&lt;figcaption&gt;The Diamond: FAN OUT → Reduce &amp;amp; Synthesize&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;第四步：路由、验证与隔离（08–10）&lt;/h2&gt;&lt;section&gt;&lt;h3&gt;08 · 用条件语句在运行时给边选路&lt;/h3&gt;&lt;p&gt;不是每张图都是固定的。有时候走哪条边，取决于某个节点发现了什么。&lt;strong&gt;路由节点&lt;/strong&gt;检查结果，决定走哪条下游路径：给工单分类后分流到对应处理节点；或者看 diff 大小，决定走快速评审还是完整审计。&lt;/p&gt;&lt;p&gt;在 workflow 里这就是一个普通的 &lt;code&gt;if&lt;/code&gt; 或 &lt;code&gt;switch&lt;/code&gt;，判断依据是某个节点校验过的输出————因为控制流本来就活在代码里。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Conditional edge：模型分类，代码选路&quot; loading=&quot;lazy&quot; width=&quot;701&quot; height=&quot;237&quot; src=&quot;/_astro/fig-10-10-conditional-edge.Dx5A7CoU_5Mplj.webp&quot; /&gt;&lt;figcaption&gt;Conditional edge：模型分类，代码选路&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;这正好是确定性变成优点而不是限制的地方。路由的&lt;strong&gt;判断&lt;/strong&gt;可以由 Claude 完成（一个 subagent 负责分类），但&lt;strong&gt;路由本身&lt;/strong&gt;是 Claude 写的代码————同样的分类结果每次都走同一条路。节点上拿到 Claude 的判断力，边上拿到脚本的可靠性；不会出现「Claude 自己决定跳过审计」这种意外————因为跳过这件事必须写进图里才会发生。&lt;/p&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;// 路由节点：agent 负责分类，代码负责选边&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;const&lt;/span&gt;&lt;span&gt; { &lt;/span&gt;&lt;span&gt;severity&lt;/span&gt;&lt;span&gt; } &lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;await&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;agent&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;`Classify this diff&apos;s risk:&lt;/span&gt;&lt;span&gt;\n&lt;/span&gt;&lt;span&gt;${&lt;/span&gt;&lt;span&gt;diff&lt;/span&gt;&lt;span&gt;}&lt;/span&gt;&lt;span&gt;`&lt;/span&gt;&lt;span&gt;,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;{ &lt;/span&gt;&lt;span&gt;schema&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; { &lt;/span&gt;&lt;span&gt;type&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&apos;object&apos;&lt;/span&gt;&lt;span&gt;,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;      &lt;/span&gt;&lt;span&gt;properties&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; { &lt;/span&gt;&lt;span&gt;severity&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; { &lt;/span&gt;&lt;span&gt;enum&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; [&lt;/span&gt;&lt;span&gt;&apos;low&apos;&lt;/span&gt;&lt;span&gt;, &lt;/span&gt;&lt;span&gt;&apos;high&apos;&lt;/span&gt;&lt;span&gt;] } },&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;      &lt;/span&gt;&lt;span&gt;required&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; [&lt;/span&gt;&lt;span&gt;&apos;severity&apos;&lt;/span&gt;&lt;span&gt;] } },&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;);&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;8&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;9&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;let&lt;/span&gt;&lt;span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;review&lt;/span&gt;&lt;span&gt;;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;10&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;if&lt;/span&gt;&lt;span&gt;&lt;span&gt; (&lt;/span&gt;&lt;span&gt;severity&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;/span&gt;&lt;span&gt;===&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&apos;high&apos;&lt;/span&gt;&lt;span&gt;) {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;11&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;// 高风险路径：完整并行审计&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;12&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;review&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;await&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;parallel&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;FILES&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;span&gt;map&lt;/span&gt;&lt;span&gt;&lt;span&gt;((&lt;/span&gt;&lt;span&gt;f&lt;/span&gt;&lt;span&gt;) &lt;/span&gt;&lt;/span&gt;&lt;span&gt;=&amp;gt;&lt;/span&gt;&lt;span&gt; () &lt;/span&gt;&lt;span&gt;=&amp;gt;&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;agent&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;`Audit &lt;/span&gt;&lt;span&gt;${&lt;/span&gt;&lt;span&gt;f&lt;/span&gt;&lt;span&gt;}&lt;/span&gt;&lt;span&gt;`&lt;/span&gt;&lt;span&gt;)));&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;13&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;} &lt;/span&gt;&lt;span&gt;else&lt;/span&gt;&lt;span&gt; {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;14&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;// 低风险路径：一次快速评审&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;15&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;review&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;await&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;agent&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;`Quick review of &lt;/span&gt;&lt;span&gt;${&lt;/span&gt;&lt;span&gt;diff&lt;/span&gt;&lt;span&gt;}&lt;/span&gt;&lt;span&gt;`&lt;/span&gt;&lt;span&gt;);&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;16&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;span&gt;展开&lt;/span&gt;&lt;span&gt;收起&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;09 · 在边上放一个验证器&lt;/h3&gt;&lt;p&gt;一张图真正的杠杆不是塞了更多 agent，而是能围绕结果搭起多少确定性。验证器节点蹲在一个结果被放行到下游之前，它唯一的工作就是试图推翻这个发现————扛住了就放行，扛不住就到不了最终答案。&lt;/p&gt;&lt;p&gt;三种模式值得掌握：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;对抗式验证：&lt;/strong&gt; 给每个发现派 N 个独立的怀疑者，专门去反驳它；多数没被驳倒才算站得住。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;多视角验证：&lt;/strong&gt; 让每个验证者盯不同的方面————正确性、安全性、能不能复现；角度越分散，越能揪出 N 个一样的检查都发现不了的问题。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;评委制：&lt;/strong&gt; 从不同角度生成 N 个方案，用并行的评委打分，挑最好的一版作为主线，再把其他几版里的亮点揉进去。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;真实团队在移植 Bun 运行时的时候，就是靠这套对抗式代码评审焊进循环，才做成的。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Diverse-lens verify：finding 过三 skeptic 再进 Answer&quot; loading=&quot;lazy&quot; width=&quot;697&quot; height=&quot;220&quot; src=&quot;/_astro/fig-11-11-diverse-lens-verify.B82ECXzy_Z1KSrlv.webp&quot; /&gt;&lt;figcaption&gt;Diverse-lens verify：finding 过三 skeptic 再进 Answer&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;10 · 把节点隔离开，别让一个失败污染整张图&lt;/h3&gt;&lt;p&gt;在一条链里，失败会级联：C 死了，D 就跑不起来，整条链停摆。在一张图里，失败本该被限制在它自己的节点里。&lt;/p&gt;&lt;p&gt;这一点已经部分成立：&lt;code&gt;parallel()&lt;/code&gt; 里一个抛错的函数会被解析成 &lt;code&gt;null&lt;/code&gt;，八个正常的 agent 照样能返回结果，一个坏的自己掉队————&lt;code&gt;.filter(Boolean)&lt;/code&gt; 就是那道防线。把每一次汇入都设计成能容忍缺失的输入，而不是假设总能凑齐全集。&lt;/p&gt;&lt;p&gt;更隐蔽的失败，是节点之间互相踩到对方。多个 agent 并行写文件时可能会撞车。解法是隔离：用 &lt;strong&gt;git worktree&lt;/strong&gt;，让每个 agent 在自己的一份工作区里干活，在沙盒里完成，再干净地合并回去。只在节点真的会并行写入的时候才用它————它是那种拓扑真正需要的安全带，不是每次运行都要交的税。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Git worktree 隔离&quot; loading=&quot;lazy&quot; width=&quot;830&quot; height=&quot;725&quot; src=&quot;/_astro/fig-12-12-git-worktree-isolation.Bz9Ng09F_pgnTL.webp&quot; /&gt;&lt;figcaption&gt;Git worktree 隔离&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;第五步：收敛循环、模型分层、pipeline vs barrier（11–13）&lt;/h2&gt;&lt;section&gt;&lt;h3&gt;11 · 可以加一个循环，但一定要让它收敛&lt;/h3&gt;&lt;p&gt;要是压根不知道这活儿有多大呢？只有真的做下去才知道：规模未知的探索，一次漏洞排查发现一个 bug 又带出三个新的。这时候需要一个循环————一条指回更早节点的、受控的边。&lt;/p&gt;&lt;p&gt;危险也很明显：一个不收敛的循环，就是一台不停派 agent 出去、直到预算耗尽才停的死循环机。&lt;/p&gt;&lt;p&gt;能收敛的写法叫&lt;strong&gt;跑到干为止（loop-until-dry）&lt;/strong&gt;：持续派出发现者，直到连续 K 轮都没发现新东西，才停下来。真正决定成败的细节————也是几乎每个人第一次都会踩的坑————是拿什么去做去重比对。&lt;/p&gt;&lt;p&gt;要对着「见过的一切」去重，而不是只对着「已确认的结果」去重。不然被否掉的发现每一轮都会重新冒出来，循环永远跑不干，最后搭出的是一台专门花钱去反复发现同一批死胡同的机器。&lt;/p&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;const&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;seen&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;new&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;Set&lt;/span&gt;&lt;span&gt;(); &lt;/span&gt;&lt;span&gt;const&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;confirmed&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt; []; &lt;/span&gt;&lt;span&gt;let&lt;/span&gt;&lt;span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;dry&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;0&lt;/span&gt;&lt;span&gt;;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;while&lt;/span&gt;&lt;span&gt;&lt;span&gt; (&lt;/span&gt;&lt;span&gt;dry&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;2&lt;/span&gt;&lt;span&gt;) {           &lt;/span&gt;&lt;span&gt;// 连续两轮空手而归就停下&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;const&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;found&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt; (&lt;/span&gt;&lt;span&gt;await&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;parallel&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;    &lt;/span&gt;&lt;span&gt;FINDERS&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;span&gt;map&lt;/span&gt;&lt;span&gt;&lt;span&gt;((&lt;/span&gt;&lt;span&gt;f&lt;/span&gt;&lt;span&gt;) &lt;/span&gt;&lt;/span&gt;&lt;span&gt;=&amp;gt;&lt;/span&gt;&lt;span&gt; () &lt;/span&gt;&lt;span&gt;=&amp;gt;&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;agent&lt;/span&gt;&lt;span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;f&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;span&gt;prompt&lt;/span&gt;&lt;span&gt;, { &lt;/span&gt;&lt;span&gt;schema&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;BUGS&lt;/span&gt;&lt;span&gt; }))&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;)).&lt;/span&gt;&lt;span&gt;filter&lt;/span&gt;&lt;span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;Boolean&lt;/span&gt;&lt;span&gt;).&lt;/span&gt;&lt;/span&gt;&lt;span&gt;flatMap&lt;/span&gt;&lt;span&gt;&lt;span&gt;((&lt;/span&gt;&lt;span&gt;r&lt;/span&gt;&lt;span&gt;) &lt;/span&gt;&lt;/span&gt;&lt;span&gt;=&amp;gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;r&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;span&gt;bugs&lt;/span&gt;&lt;span&gt;);&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;8&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;const&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;fresh&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;found&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;span&gt;filter&lt;/span&gt;&lt;span&gt;&lt;span&gt;((&lt;/span&gt;&lt;span&gt;b&lt;/span&gt;&lt;span&gt;) &lt;/span&gt;&lt;/span&gt;&lt;span&gt;=&amp;gt;&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;!&lt;/span&gt;&lt;span&gt;&lt;span&gt;seen&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;span&gt;has&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;key&lt;/span&gt;&lt;span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;b&lt;/span&gt;&lt;span&gt;)));&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;9&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;if&lt;/span&gt;&lt;span&gt; (&lt;/span&gt;&lt;span&gt;!&lt;/span&gt;&lt;span&gt;&lt;span&gt;fresh&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;span&gt;length&lt;/span&gt;&lt;span&gt;&lt;span&gt;) { &lt;/span&gt;&lt;span&gt;dry&lt;/span&gt;&lt;/span&gt;&lt;span&gt;++&lt;/span&gt;&lt;span&gt;; &lt;/span&gt;&lt;span&gt;continue&lt;/span&gt;&lt;span&gt;; }&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;10&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;dry&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;0&lt;/span&gt;&lt;span&gt;;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;11&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;fresh&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;span&gt;forEach&lt;/span&gt;&lt;span&gt;&lt;span&gt;((&lt;/span&gt;&lt;span&gt;b&lt;/span&gt;&lt;span&gt;) &lt;/span&gt;&lt;/span&gt;&lt;span&gt;=&amp;gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;seen&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;span&gt;add&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;key&lt;/span&gt;&lt;span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;b&lt;/span&gt;&lt;span&gt;))); &lt;/span&gt;&lt;/span&gt;&lt;span&gt;// 对「见过的一切」去重，不是只对已确认的&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;12&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;13&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;// 每个新发现都要过一轮多视角验证才算数&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;14&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;const&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;judged&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;await&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;parallel&lt;/span&gt;&lt;span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;fresh&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;span&gt;map&lt;/span&gt;&lt;span&gt;&lt;span&gt;((&lt;/span&gt;&lt;span&gt;b&lt;/span&gt;&lt;span&gt;) &lt;/span&gt;&lt;/span&gt;&lt;span&gt;=&amp;gt;&lt;/span&gt;&lt;span&gt; () &lt;/span&gt;&lt;span&gt;=&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;15&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;    &lt;/span&gt;&lt;span&gt;parallel&lt;/span&gt;&lt;span&gt;([&lt;/span&gt;&lt;span&gt;&apos;correctness&apos;&lt;/span&gt;&lt;span&gt;, &lt;/span&gt;&lt;span&gt;&apos;security&apos;&lt;/span&gt;&lt;span&gt;, &lt;/span&gt;&lt;span&gt;&apos;repro&apos;&lt;/span&gt;&lt;span&gt;].&lt;/span&gt;&lt;span&gt;map&lt;/span&gt;&lt;span&gt;&lt;span&gt;((&lt;/span&gt;&lt;span&gt;lens&lt;/span&gt;&lt;span&gt;) &lt;/span&gt;&lt;/span&gt;&lt;span&gt;=&amp;gt;&lt;/span&gt;&lt;span&gt; () &lt;/span&gt;&lt;span&gt;=&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;16&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;      &lt;/span&gt;&lt;span&gt;agent&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;`Judge &quot;&lt;/span&gt;&lt;span&gt;${&lt;/span&gt;&lt;span&gt;b&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;span&gt;desc&lt;/span&gt;&lt;span&gt;}&lt;/span&gt;&lt;span&gt;&quot; via &lt;/span&gt;&lt;span&gt;${&lt;/span&gt;&lt;span&gt;lens&lt;/span&gt;&lt;span&gt;}&lt;/span&gt;&lt;span&gt; — real?`&lt;/span&gt;&lt;span&gt;, { &lt;/span&gt;&lt;span&gt;schema&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;VERDICT&lt;/span&gt;&lt;span&gt; })))&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;17&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;span&gt;then&lt;/span&gt;&lt;span&gt;&lt;span&gt;((&lt;/span&gt;&lt;span&gt;v&lt;/span&gt;&lt;span&gt;) &lt;/span&gt;&lt;/span&gt;&lt;span&gt;=&amp;gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt; ({ &lt;/span&gt;&lt;span&gt;b&lt;/span&gt;&lt;span&gt;, &lt;/span&gt;&lt;/span&gt;&lt;span&gt;real&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;v&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;span&gt;filter&lt;/span&gt;&lt;span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;Boolean&lt;/span&gt;&lt;span&gt;).&lt;/span&gt;&lt;/span&gt;&lt;span&gt;filter&lt;/span&gt;&lt;span&gt;&lt;span&gt;((&lt;/span&gt;&lt;span&gt;x&lt;/span&gt;&lt;span&gt;) &lt;/span&gt;&lt;/span&gt;&lt;span&gt;=&amp;gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;x&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;span&gt;real&lt;/span&gt;&lt;span&gt;).&lt;/span&gt;&lt;span&gt;length&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&amp;gt;=&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;2&lt;/span&gt;&lt;span&gt; }))));&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;18&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;19&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;confirmed&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;span&gt;push&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;...&lt;/span&gt;&lt;span&gt;&lt;span&gt;judged&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;span&gt;filter&lt;/span&gt;&lt;span&gt;&lt;span&gt;((&lt;/span&gt;&lt;span&gt;v&lt;/span&gt;&lt;span&gt;) &lt;/span&gt;&lt;/span&gt;&lt;span&gt;=&amp;gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;v&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;span&gt;real&lt;/span&gt;&lt;span&gt;).&lt;/span&gt;&lt;span&gt;map&lt;/span&gt;&lt;span&gt;&lt;span&gt;((&lt;/span&gt;&lt;span&gt;v&lt;/span&gt;&lt;span&gt;) &lt;/span&gt;&lt;/span&gt;&lt;span&gt;=&amp;gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;v&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;span&gt;b&lt;/span&gt;&lt;span&gt;));&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;20&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;span&gt;展开&lt;/span&gt;&lt;span&gt;收起&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;12 · 给不同节点分配不同档位的模型&lt;/h3&gt;&lt;p&gt;不是每个节点都需要最好的模型。一张图会用单个 agent 永远做不到的方式，把这件事摆明白：有些节点干的是有边界、会重复的活（抽取字段、给工单分类）；有些节点承载真正的判断力（合成报告、裁定发现是否成立）。干重复活的节点放到便宜模型上跑，token 留着花在真正需要判断力的地方。&lt;/p&gt;&lt;p&gt;在 workflow 里，Claude 派出去的每个 subagent 默认继承这次会话的模型，除非脚本里显式覆盖————所以默认情况下一次大规模运行的账单会全按会话档位算。单次 &lt;code&gt;agent()&lt;/code&gt; 调用上的 model 选项，能让 Claude 单独把这一个节点换到别的模型上跑。&lt;/p&gt;&lt;p&gt;大规模运行前先看一眼 &lt;code&gt;/model&lt;/code&gt;：让 Claude 把派出去的那些重复性节点降到便宜模型，合并节点留在高档位————这个办法能把一张烧 token 的图从贵变便宜，还完全不用动它的形状。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Claude Code /model 选择&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;622&quot; src=&quot;/_astro/fig-14-14-model-slash-select.CwtZVC_f_Z1fesOG.webp&quot; /&gt;&lt;figcaption&gt;Claude Code /model 选择&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;13 · 拓扑结构，就是你的成本和延迟&lt;/h3&gt;&lt;p&gt;图的形状不是装饰，它是决定运行时间的最大杠杆。最容易踩坑的选择是 &lt;code&gt;parallel()&lt;/code&gt; 还是 &lt;code&gt;pipeline()&lt;/code&gt;。&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;code&gt;parallel()&lt;/code&gt; 这道屏障会让所有东西都等最慢的那个节点，才进入下一阶段。&lt;/li&gt;
&lt;li&gt;&lt;code&gt;pipeline()&lt;/code&gt; 让每条数据各自独立地依次经过所有阶段，没有屏障————条目 A 可能已经在第三阶段了，条目 B 还在第一阶段；跑得快的提前结束，不用在慢的后面干等。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;parallel 屏障 vs pipeline 无屏障&quot; loading=&quot;lazy&quot; width=&quot;702&quot; height=&quot;306&quot; src=&quot;/_astro/fig-15-15-parallel-vs-pipeline.DPJn--BT_2sCRdM.webp&quot; /&gt;&lt;figcaption&gt;parallel 屏障 vs pipeline 无屏障&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;默认用 &lt;code&gt;pipeline()&lt;/code&gt;。&lt;/strong&gt; 只有一个阶段真的需要全部前置结果同时到齐时才用屏障————比如跨集合去重、按总数提前退出、需要对照「其他发现」来写的 prompt。「代码更干净」和「这些阶段感觉是分开的」都不是理由；屏障带来的延迟是真实的、可测量的、被浪费掉的时间。分开不代表必须同步。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;最后一步：让 Claude 自己画图（14）&lt;/h2&gt;&lt;section&gt;&lt;h3&gt;14 · 自我路由：dynamic workflow / ultracode / &lt;code&gt;.claude/workflows&lt;/code&gt;&lt;/h3&gt;&lt;p&gt;最后一步，是对那些没法提前规划的活儿，不再自己动手画图。用 &lt;strong&gt;dynamic workflows&lt;/strong&gt;，只要描述目标，Claude 会自己写编排脚本：拆解任务、决定怎么把活儿派出去、派出一队 subagent、再合成结果。拿到的是一张为这次运行量身定做的图，而不是一张你希望它恰好合适的固定图。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Dynamic workflow requested · ultracode&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;576&quot; src=&quot;/_astro/fig-16-16-dynamic-workflow-ultracode._3Mlq082_Z2fKiMG.webp&quot; /&gt;&lt;figcaption&gt;Dynamic workflow requested · ultracode&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;三种用法：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;在 prompt 里说出 &lt;strong&gt;「workflow」&lt;/strong&gt; 这个词，Claude 就会为这个任务写一份。&lt;/li&gt;
&lt;li&gt;跑一个已经存好或内置的————比如 &lt;code&gt;/deep-research&lt;/code&gt;，就是一张已经在生产里跑着的真实图：定范围 → 并行搜索 → 抓取 → 对抗式验证 → 合成，正是这门课从头到尾讲的那副骨架。&lt;/li&gt;
&lt;li&gt;或者打开 &lt;strong&gt;ultracode&lt;/strong&gt;，Claude 会给这次会话里每个像样的任务都规划一次 workflow。跑得好的时候按 &lt;code&gt;s&lt;/code&gt; 把脚本存进 &lt;code&gt;.claude/workflows/&lt;/code&gt;，从此可以版本控制、按名字重新运行————谁 clone 了这个仓库都能直接跑起来。&lt;/li&gt;
&lt;/ol&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;› Run a workflow to audit every route under src/routes/ for missing&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;auth. Spawn one agent per route file, then verify each finding before&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;reporting.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;● Claude wrote an orchestration script · launching in background…&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;/workflows — auth-audit · running ✓&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;Scope   1/1 2.1k tok&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt; &lt;/span&gt;&lt;/span&gt;&lt;span&gt;Fan-out 18/18 one agent per route file&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;8&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt; &lt;/span&gt;&lt;/span&gt;&lt;span&gt;Verify  11/18 3-vote skeptics per finding…&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;9&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt; &lt;/span&gt;&lt;/span&gt;&lt;span&gt;Synthesize 0/1 waiting on verify&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;10&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;//会话保持响应，队伍在后台继续跑&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;护城河挪到「怎么连图」了&lt;/h2&gt;&lt;p&gt;两年来，多 agent 协作的杠杆一直在单个 loop 上：更好的 verifier，更稳的退出条件，更干净的状态文件。&lt;/p&gt;&lt;p&gt;而现在，把这些 loop 怎么连起来，成了新的护城河。&lt;/p&gt;&lt;p&gt;线性智能体从来不是天花板————它只是第一种形状，人人伸手就拿，因为它匹配我们打字的方式：一行、一个头、一次一件事。一旦你能看见节点和边，你就不再要求智能体做更多，而开始要求图做得更宽：在工作独立处扇出，在置信度要紧处把关边，在判断不在处分层模型。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;旁链怎么用，别硬并&lt;/h2&gt;
































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;旁链&lt;/th&gt;&lt;th&gt;怎么用&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;a href=&quot;/posts/claude-code-four-loops/&quot;&gt;Claude Code 四类循环&lt;/a&gt;&lt;/td&gt;&lt;td&gt;单体 Loop 类型学；本篇是「多个 loop 怎么连」&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;a href=&quot;/posts/claude-code-project-structure/&quot;&gt;Claude Code 项目结构分层&lt;/a&gt;&lt;/td&gt;&lt;td&gt;rules/commands/skills/agents 目录分层 ≠ graph 拓扑&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;a href=&quot;/posts/mcp-skills-cli-relationship/&quot;&gt;MCP / Skills / CLI&lt;/a&gt;&lt;/td&gt;&lt;td&gt;能力入口；本篇讲编排&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;a href=&quot;/posts/claude-md-template-principles/&quot;&gt;CLAUDE.md 模板原则&lt;/a&gt;&lt;/td&gt;&lt;td&gt;模板正文；dynamic workflows 另存 &lt;code&gt;.claude/workflows/&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Agent 工程 20 概念（待发布）&lt;/td&gt;&lt;td&gt;Agent/Harness/Loop 词表&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Prompt-Context-Harness-Loop 四次迁移（待发布）&lt;/td&gt;&lt;td&gt;瓶颈外移叙事&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;评论区常提 &lt;strong&gt;LangGraph&lt;/strong&gt;：理念上「节点/边/状态/条件路由」很近，但本文示例与 API 偏 &lt;strong&gt;Claude Code workflow&lt;/strong&gt;（&lt;code&gt;agent()&lt;/code&gt; / &lt;code&gt;parallel()&lt;/code&gt; / &lt;code&gt;pipeline()&lt;/code&gt; / ultracode / &lt;code&gt;.claude/workflows&lt;/code&gt;），不要硬并成 LangGraph 教程。另有「学不动了」梗————四问答不全时，诚实留在 loop 就行。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;</content:encoded></item><item><title>把八个 AI 技能攒成一套自己的体系：tta 系列全景（V0）</title><link>https://fork-firefly.vercel.app/posts/tta-skills-family-v0/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/tta-skills-family-v0/</guid><description>fork 了一套成体系的 AI 技能（PPT、文风、插画、封面、HTML、动画、前端、UI 生成），逐个读完 SKILL.md，记下它本来的规范和流程，作为后续个性化改造的起点。</description><pubDate>Mon, 10 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;拿到一套成体系的 AI 技能仓库，一共 8 个 skill，覆盖了 PPT、文风、插画、封面、HTML 文档、网页动画、前端、UI 生成。它原本是另一个开发者（oil）开源的东西，我 fork 下来改名成了自己的 tta 系列。&lt;/p&gt;
&lt;p&gt;逐个读完 SKILL.md 之后，最深的感受是：这不是一堆零散提示词的堆叠，而是一套有明确设计哲学的&lt;strong&gt;生产系统&lt;/strong&gt;。这篇先把它们本来的规范和流程长什么样记下来——V0 版，算是这套系列自己博客集的开篇。之后每一次较大的迭代或更新，都会对应发 V1、V2，逐步把它磨成完全自己的形状。&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;tta 系列插画风代表：feedback-loop 示例&quot; loading=&quot;lazy&quot; width=&quot;1000&quot; height=&quot;1000&quot; src=&quot;/_astro/tta-skills.DYamQGEj_zvDll.webp&quot; /&gt;&lt;figcaption&gt;tta 系列插画风代表：feedback-loop 示例&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;八个技能，各管一摊&lt;/h2&gt;

















































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;skill&lt;/th&gt;&lt;th&gt;干什么&lt;/th&gt;&lt;th&gt;上游核心规范一句话&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;tta-ppt&lt;/td&gt;&lt;td&gt;16：9 HTML 演示稿&lt;/td&gt;&lt;td&gt;状态机驱动，AI 只执行当前一步，逐页创作&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;tta-tone&lt;/td&gt;&lt;td&gt;中文/英文文风规范&lt;/td&gt;&lt;td&gt;事实边界是硬规则，避 AI 表达有清单&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;tta-visual&lt;/td&gt;&lt;td&gt;漫画墨线插画&lt;/td&gt;&lt;td&gt;固定画风：墨线+网点+火柴人+黄边牧&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;tta-cover&lt;/td&gt;&lt;td&gt;视频封面生成&lt;/td&gt;&lt;td&gt;三画幅无人物，标题由 Agent 提炼&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;tta-html&lt;/td&gt;&lt;td&gt;单页 HTML 分享文档&lt;/td&gt;&lt;td&gt;拟真 UI 代替文字描述&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;tta-motion&lt;/td&gt;&lt;td&gt;网页交互动画&lt;/td&gt;&lt;td&gt;先生图锁帧，再 AI 视频补中间帧&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;tta-frontend&lt;/td&gt;&lt;td&gt;前端实现与评审&lt;/td&gt;&lt;td&gt;单一权威来源，禁止伪操作&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;tta-draw-ui&lt;/td&gt;&lt;td&gt;UI 生成与还原&lt;/td&gt;&lt;td&gt;纯净边框图锁导航，结构代码化&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;三个最有分量的设计思路&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;① 重复劳动全部脚本化，还强制留证据。&lt;/strong&gt; cover 用 ffmpeg 本地预筛候选帧（清晰度+亮度+内容度硬过滤），模型只做”语义选帧”这一件事；motion 用 &lt;code&gt;motion_budget.py&lt;/code&gt; 自动裁决交付格式；每次生成都留 prompt/analysis/manifest 三份 sidecar。把”哪些交给模型、哪些交给程序”划得干干净净：&lt;strong&gt;模型只做语义判断，程序只做确定性处理&lt;/strong&gt;。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;② 质量门禁不是口号，是显式步骤。&lt;/strong&gt; 每个 skill 都有”不可违反清单 + 交付前自查”。ppt 有一长串阻塞项（HTML 结构损坏、文字溢出、远程资源、跨页 CSS 污染）；visual 要求 label 逐字符比对、禁止用独立文字层掩盖错误；html 有最小字号 14px、彩色不超过两色相这些硬指标。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;③ 强触发约束，防止误用。&lt;/strong&gt; 大部分 skill 要求”用户明确点名才启用”。html 甚至写明：你说”帮我做份 HTML”它都不会自动触发，必须点名 &lt;code&gt;oil-html&lt;/code&gt;。这跟现在很多 skill 抢着自动触发正好相反。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;几条值得抄的具体做法&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;文风当基建&lt;/strong&gt;：tone 是所有内容 skill 共用的文案层，ppt/html/cover 都引用它。人称规则清晰（「我」讲自己、「我们」面向读者、「你」仅指导操作），还配了 &lt;code&gt;tone_lint.py&lt;/code&gt; 自动查 AI 腔。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;先生图后视频&lt;/strong&gt;：motion 用”先生成首尾关键帧，再用 AI 视频补中间”，色键背景是硬门槛，插帧 48FPS，清晰度优先、体积其次。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;先删后建&lt;/strong&gt;：frontend 和 draw-ui 都强调”先删除无效内容再实现”，改前端前先明确真正出错的位置。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;剪裁而非降级&lt;/strong&gt;：ppt 拆页压缩只删冗余，不删事实、原因、影响、步骤。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;透明素材分级&lt;/strong&gt;：draw-ui 把小 logo 白底转 alpha，大插画走绿幕，不混装一张素材板。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;tta-cover 封面成品示例&quot; loading=&quot;lazy&quot; width=&quot;1400&quot; height=&quot;1234&quot; src=&quot;/_astro/cover.Djv3Hfsc_Z1I4pkn.webp&quot; /&gt;&lt;figcaption&gt;tta-cover 封面成品示例&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;这套体系的共同基因&lt;/h2&gt;&lt;p&gt;读完 8 个 SKILL.md，能总结出五条贯穿始终的原则：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;忠于内容，不编造事实、不虚构来源&lt;/li&gt;
&lt;li&gt;产物只写最终态，不写 changelog&lt;/li&gt;
&lt;li&gt;一个含义只保留一个权威来源&lt;/li&gt;
&lt;li&gt;强触发约束防误用&lt;/li&gt;
&lt;li&gt;重复性工作脚本化 + sidecar 证据留痕&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;这套体系最大的价值不是某个 skill 多好用，而是它们共享同一套设计哲学——&lt;strong&gt;把「确定性」和「创造性」分层&lt;/strong&gt;：程序守住边界，模型在边界内发挥。这正是我后续做个性化改造时要保持的骨架。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>pi 默认是个失忆的 agent，我扒了扒它靠什么记住事</title><link>https://fork-firefly.vercel.app/posts/pi-agent-memory-mechanism/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/pi-agent-memory-mechanism/</guid><description>pi 原生不带长期记忆，关掉会话就失忆。扒了一遍 pi-hermes-memory 扩展的三层架构、policy-only 注入策略、Standing Instructions 和六个后台机制（⚠️ 该扩展已于 2026-08-08 换 pi-observational-memory，本文留作历史参考）。</description><pubDate>Fri, 07 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;blockquote&gt;&lt;p&gt;&lt;strong&gt;⚠️ 已迁移声明（2026-08-09）&lt;/strong&gt;：本文扒的是 &lt;code&gt;pi-hermes-memory&lt;/code&gt; 的架构（FTS5 / policy-only / Standing Instructions / 六个后台机制）。但该扩展已于 2026-08-08 &lt;strong&gt;卸载&lt;/strong&gt;——它会破坏多行粘贴（把长文本拆成多条消息喂给模型，断章取义）。当前已换 &lt;code&gt;pi-observational-memory&lt;/code&gt;（观察式记忆 + 分层压缩，会话收尾自动记录，&lt;code&gt;recall(id)&lt;/code&gt; 回溯）。&lt;strong&gt;下面的架构分析留作历史参考，别照着装 hermes。&lt;/strong&gt; 迁移详情见 &lt;a href=&quot;/posts/pi-coding-agent-setup/&quot;&gt;pi 开荒篇·后来长出的器官&lt;/a&gt;。&lt;/p&gt;&lt;/blockquote&gt;
&lt;p&gt;用 pi 用了一阵，有个别扭的事一直没解决：关掉会话再开，它把你忘得干干净净。上次踩的坑、交代过的偏好、刚配好的 provider，全没了。每开一个新会话，等于跟一个失忆的人重新认识。&lt;/p&gt;
&lt;p&gt;翻了文档才搞明白，这不是 bug，是设计。pi 原生压根不带长期记忆。它能记住事，全靠一个叫 pi-hermes-memory 的扩展撑着。&lt;/p&gt;
&lt;p&gt;我顺手把这套机制扒了一遍，顺便把 Claude Code 那边攒的记忆同步过来。下面是我搞明白的。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;三层，从最容易丢到最不容易丢&lt;/h2&gt;&lt;p&gt;最上面一层是模型上下文。系统提示、AGENTS.md、当前对话，全在内存里。pi 有个 &lt;code&gt;/compact&lt;/code&gt; 自动摘要防着撑爆，但本质上会话一结束就没了。它不是记忆，是工作内存。&lt;/p&gt;&lt;p&gt;往下一层是 pi 原生自带的。会话存成 &lt;code&gt;~/.pi/agent/sessions/&lt;/code&gt; 下的 jsonl 文件，树结构，每条消息带 id 和 parentId。可以 &lt;code&gt;/resume&lt;/code&gt; 接着上次的聊，&lt;code&gt;/fork&lt;/code&gt; 从某一句岔出去重开。技能（skills）也是原生的，遵循 Agent Skills 标准，SKILL.md 配 frontmatter，按需加载。&lt;/p&gt;&lt;p&gt;但这层有个硬伤：只存原始会话，不帮你跨会话检索，也不提取事实。你想问「上次聊 auth 那次说了啥」，原生 pi 答不上来。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;pi 记忆架构&quot; loading=&quot;lazy&quot; width=&quot;2057&quot; height=&quot;797&quot; src=&quot;/_astro/memory-architecture.Dibt4g4c_Z1CdgbU.svg&quot; /&gt;&lt;figcaption&gt;pi 记忆架构&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;真正让 pi 记住事的那个扩展&lt;/h2&gt;&lt;p&gt;pi-hermes-memory 的 README 第一句话挺老实：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;Your Pi agent normally forgets everything when you close a session. This extension fixes that.&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;它管三类东西。事实放 &lt;code&gt;MEMORY.md&lt;/code&gt;，用户画像放 &lt;code&gt;USER.md&lt;/code&gt;，失败教训单独一个 &lt;code&gt;failures.md&lt;/code&gt;。每个文件 5000 字符封顶。技能复用 pi 原生的 SKILL.md，不另起炉灶。&lt;/p&gt;&lt;p&gt;记忆分两层。全局的放 &lt;code&gt;~/.pi/agent/pi-hermes-memory/&lt;/code&gt;，名字、操作系统、偏好这类到处适用的。项目级的放 &lt;code&gt;projects-memory/&amp;lt;项目&amp;gt;/&lt;/code&gt;，绑某个代码库的架构决策、API 怪癖。检索靠一个 SQLite 的 FTS5 全文索引，&lt;code&gt;memory_search&lt;/code&gt; 和 &lt;code&gt;session_search&lt;/code&gt; 都查它。&lt;/p&gt;&lt;p&gt;有个细节挺有意思：&lt;code&gt;session_search&lt;/code&gt; 检索的其实是 pi 原生那些 jsonl 会话，但索引是这个扩展建的。两层是协作，不是各管各的。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;它默认不把记忆塞给你，得你自己来要&lt;/h2&gt;&lt;p&gt;这是我觉得最值得说的一处。&lt;/p&gt;&lt;p&gt;扩展默认的策略，是不把完整记忆灌进系统提示。它只在提示里放一段叫 &lt;code&gt;&amp;lt;memory-policy&amp;gt;&lt;/code&gt; 的指令，告诉 agent：可能用到持久记忆时，去调 &lt;code&gt;memory_search&lt;/code&gt;。&lt;/p&gt;&lt;p&gt;换句话说，记忆是参考资料（context），不是必须照办的指令（instruction）。repo 里的代码、工具的实际输出，优先级都比记忆高。&lt;/p&gt;&lt;p&gt;这么干主要为了省 token。第一次对话不用把一堆记忆全塞进去。代价是召回变成概率性的：agent 得在动手前主动想起来去搜，搜了才会用到。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;禁令为什么要单独拎出来&lt;/h2&gt;&lt;p&gt;policy-only 有个绕不开的毛病。一条「禁止做 X」的规则，只有在 agent 动手前恰好搜到它才生效。可 agent 恰恰在最该遵守禁令的那一刻，没有理由去搜。&lt;/p&gt;&lt;p&gt;所以扩展搞了个 Standing Instructions。&lt;code&gt;/memory-pin&lt;/code&gt; 命令把条目写进 &lt;code&gt;STANDING.md&lt;/code&gt;，每个会话都注入，不靠召回。&lt;/p&gt;&lt;p&gt;几个设计挺克制。上限 20 条、2000 字符，硬截断。只能用户手写或用命令，agent 没法把自己的记忆偷偷提权到这。每条都要过和普通记忆一样的安全扫描。&lt;/p&gt;&lt;p&gt;它区分了两种东西：可以召回去用的事实，和必须每次都看见的禁令。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;这套机制在后台一直跑&lt;/h2&gt;&lt;p&gt;扒存储目录的时候，能看到证据。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;安全扫描流程&quot; loading=&quot;lazy&quot; width=&quot;1518&quot; height=&quot;1003&quot; src=&quot;/_astro/security-flow.-PSHNJKF_ZJSjYp.svg&quot; /&gt;&lt;figcaption&gt;安全扫描流程&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;写记忆不是直接覆盖。每次写之前先存一份 &lt;code&gt;.MEMORY.md.recovery-&lt;/code&gt; 快照，带时间戳。我数了一下，这种 recovery 文件几十个。崩了能回滚。&lt;/p&gt;&lt;p&gt;并发写有锁，一个 &lt;code&gt;.pi-hermes-locks.sqlite&lt;/code&gt;，WAL 模式，防几个会话同时写坏。&lt;/p&gt;&lt;p&gt;后台学习每 10 轮对话或 15 次工具调用复盘一次，自动存有价值的东西。用户纠正 agent 的时候立刻存，不等回合末。&lt;/p&gt;&lt;p&gt;容量管理靠 auto-consolidation，文件满了不报错，自动合并。我自己写记忆就撞上了：&lt;code&gt;failures.md&lt;/code&gt; 写到 91%，下次再写就该触发合并。而且我之前写的一条 StepFun 鉴权规则，内容比我单次存进去的更全，已经被合并增强过了。&lt;/p&gt;&lt;p&gt;密钥扫描是我比较在意的一点。每次写记忆前都扫 API key、token、SSH key，拦下来不存。前几轮我不小心把一个 MiniMax key 明文打到终端输出里，要是写记忆时再把 key 带进去就更糟。扩展挡的不只是手滑，还有 prompt injection 把恶意内容骗进记忆、之后再被搜出来的攻击路子。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;这套东西不是从零写的&lt;/h2&gt;&lt;p&gt;翻扩展的 ROADMAP，它明说从 Hermes Agent port 过来，还做了竞品对照。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;会话生命周期&quot; loading=&quot;lazy&quot; width=&quot;1702&quot; height=&quot;2138&quot; src=&quot;/_astro/session-lifecycle.alxEeMqH_Z1lB5TF.svg&quot; /&gt;&lt;figcaption&gt;会话生命周期&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;Hermes 的记忆是三层：L1 持久记忆（&lt;code&gt;MEMORY.md&lt;/code&gt; + &lt;code&gt;USER.md&lt;/code&gt;），L2 技能（&lt;code&gt;SKILL.md&lt;/code&gt;），L3 会话全文搜索（FTS5）。pi 这个扩展基本对上了。Hermes 还有个 L4，接 Honcho、Mem0 这些外部 provider 做更深的用户建模，pi 这边还没做。&lt;/p&gt;&lt;p&gt;知道这个背景，有些设计就讲得通了。比如 &lt;code&gt;MEMORY.md&lt;/code&gt; 用 &lt;code&gt;§&lt;/code&gt; 符号分隔条目、带 created/last 时间戳，这套是从 Hermes 继承的格式。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;扒完之后&lt;/h2&gt;&lt;p&gt;AI 编程工具的「记忆」不是单一的东西。至少得分清楚：工作内存、原始会话、可召回的事实、必须遵守的禁令。混在一起，要么 token 爆掉，要么该记的记不住、该遵守的想不起来。pi 这个扩展的分层，把这几样拆开了，各自走各自的机制。&lt;/p&gt;&lt;p&gt;它也不完美。policy-only 省了 token，但召回是概率性的，关键禁令得靠 Standing Instructions 单独兜底。auto-consolidation 不丢数据，可合并之后具体留了什么、改写了什么，你也说不清（我看到自己写的记忆被增强过，说不上是好事还是有点不安）。&lt;/p&gt;&lt;p&gt;我同步 Claude Code 记忆过来时，最直接的感受是：同一个用户在两个 agent 上攒的记忆高度重叠，但格式、容量、注入策略都不一样。CC 按项目分目录、每个主题一个 md，pi 是全局几个文件加 5000 字符上限。同步不是搬运，是挑各自缺的、有价值的，重新组织。&lt;/p&gt;&lt;p&gt;如果你也用 pi，这套机制值得花十分钟搞明白。不然它要么帮你记一堆你没意识到的，要么你想让它记住的它没记住，两边都不踏实。&lt;/p&gt;&lt;p&gt;之前写过一篇 &lt;a href=&quot;/posts/claude-code-memory-auto-vs-claude-mem/&quot;&gt;Claude Code 自己的记忆机制是怎么跑的&lt;/a&gt;，可以对着看。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>pi coding agent 开荒：原生没长的器官，extension 一件件补</title><link>https://fork-firefly.vercel.app/posts/pi-coding-agent-setup/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/pi-coding-agent-setup/</guid><description>pi coding agent 走&quot;极简内核 + 扩展补齐&quot;路线：官方明言不带 MCP / 子 agent / plan 模式，靠 pi-mcp-adapter、pi-subagents + 记忆扩展一件件补。记录 GLM-5.2 纯文本的视觉回退、LANG 非交互 bash 的坑，以及后来补的 dynamic-workflows 编排层与本地扩展工具（持续维护）。</description><pubDate>Thu, 06 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;blockquote&gt;&lt;p&gt;&lt;strong&gt;⚠️ 持续维护声明（2026-08-09）&lt;/strong&gt;：本文写于 pi 开荒期（08-06）。此后配置持续演进——① 记忆扩展 &lt;code&gt;pi-hermes-memory&lt;/code&gt; 因破坏多行粘贴，已于 08-08 替换为 &lt;code&gt;pi-observational-memory&lt;/code&gt;（观察式记忆 + 分层压缩，会话收尾自动记录）；② 后续补装 &lt;code&gt;pi-dynamic-workflows&lt;/code&gt;（workflow 编排）+ 4 个本地扩展工具。正文保留开荒时的真实探索，&lt;strong&gt;当前最新状态见文末「后来长出的器官」&lt;/strong&gt;。想看记忆机制本身，移步 &lt;a href=&quot;/posts/pi-agent-memory-mechanism/&quot;&gt;pi 靠什么记住事&lt;/a&gt;。&lt;/p&gt;&lt;/blockquote&gt;
&lt;p&gt;手里 AI 编程工具越堆越多，pi 是这批里最特别的一个：官方文档明言它不带 MCP、不带子 agent、不带 plan 模式，连 TodoWrite 和后台 bash 都没有，走的是”primitives, not features”的极简内核。但开荒完回头看，最大的体会是一句话：&lt;strong&gt;pi 缺的不是能力，是接入层——adapter 借来 MCP、subagents 借来子 agent、memory 借来记忆，真正的坑全在配置落地，不在装包。&lt;/strong&gt;&lt;/p&gt;
&lt;blockquote&gt;&lt;p&gt;pi 官方 usage.md 原话：It intentionally does not include built-in MCP, sub-agents, permission popups, plan mode, to-dos, or background bash.&lt;/p&gt;&lt;/blockquote&gt;
&lt;blockquote&gt;&lt;p&gt;材料说明：文中提到的吞吐结论（Anthropic 协议明显优于 OpenAI）来自对智谱两个协议的直连压测，不是 pi 自带的统计；pi 那 8 个会话里只有环境事实。别把两组数据搞混。&lt;/p&gt;&lt;/blockquote&gt;
&lt;section&gt;&lt;h2&gt;缺啥补啥，先画一张图&lt;/h2&gt;&lt;p&gt;pi 的内核有多瘦？你能想到的”重设施”它一个都不带。这反而逼出一条干净的路：缺什么，就在 settings.json 里点名补什么。&lt;/p&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;p&gt;三包加起来磁盘才 7MB，系统提示基本不受影响——这是”按需补件”和”全家桶”最大的区别。我的结论：&lt;strong&gt;能少装绝不多装，每多一个包就多一份工具列表膨胀和 token 开销。&lt;/strong&gt;&lt;/p&gt;


































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;缺失能力&lt;/th&gt;&lt;th&gt;补齐方案&lt;/th&gt;&lt;th&gt;配置入口&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;MCP 桥接&lt;/td&gt;&lt;td&gt;pi-mcp-adapter&lt;/td&gt;&lt;td&gt;mcp.json（imports 软引用）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;子 agent&lt;/td&gt;&lt;td&gt;pi-subagents&lt;/td&gt;&lt;td&gt;agents/*.md&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;持久记忆&lt;/td&gt;&lt;td&gt;pi-observational-memory（原 hermes，08-08 换）&lt;/td&gt;&lt;td&gt;会话收尾自动记录 + recall 回溯&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;plan / todo&lt;/td&gt;&lt;td&gt;pi-code 或独立小包&lt;/td&gt;&lt;td&gt;settings.json&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;后台 bash&lt;/td&gt;&lt;td&gt;extension / tmux&lt;/td&gt;&lt;td&gt;—&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;GLM-5.2 是纯文本，看图得自己搭梯子&lt;/h2&gt;&lt;p&gt;接智谱 GLM-5.2 时踩了个认知坑：官方文档把 GLM-5.2 放在”文本模型”分类里，输入输出都是文本——&lt;strong&gt;纯文本&lt;/strong&gt;！智谱的视觉能力在 GLM-5V-Turbo / GLM-4.6V 那批模型上。&lt;/p&gt;&lt;p&gt;对纯文本模型，看图就得多走一步：&lt;code&gt;MINIMAX_API_KEY&lt;/code&gt; + openai SDK，把图片 base64 塞进消息，让 MiniMax 的视觉模型替 pi 看一眼。这条链路的 key、SDK、路径三个前置条件都得自己现场核，别信 AI 一句”已配好”。&lt;/p&gt;&lt;p&gt;MCP 里不想用的 server，&lt;code&gt;/mcp disable&lt;/code&gt; 一行搞定，或写 &lt;code&gt;{disabled:true}&lt;/code&gt;；全局禁用写 &lt;code&gt;~/.pi/agent/mcp.json&lt;/code&gt;。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;最大的坑不是缺功能，是 LANG 环境变量&lt;/h2&gt;&lt;p&gt;开荒最烧时间的是中文乱码排查。查了一圈发现 &lt;code&gt;LANG&lt;/code&gt; 在 pi 进程里是空的，而 &lt;code&gt;~/.bashrc&lt;/code&gt; 明明有 &lt;code&gt;export LANG=zh_CN.UTF-8&lt;/code&gt;——矛盾点在这：pi 执行命令走的是&lt;strong&gt;非交互式 bash&lt;/strong&gt;（&lt;code&gt;shopt login_shell=off&lt;/code&gt;），根本不读 &lt;code&gt;.bashrc&lt;/code&gt;。&lt;/p&gt;&lt;p&gt;正解是 &lt;code&gt;setx LANG zh_CN.UTF-8&lt;/code&gt;（注意只对新进程生效，改完要重开），或者靠早已在位的 &lt;code&gt;PYTHONUTF8=1&lt;/code&gt; / &lt;code&gt;PYTHONIOENCODING=utf-8&lt;/code&gt; 兜底。&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;教训：规范里写”去 ~/.bashrc 加一行”可能不适用于非交互启动的 CLI。环境问题的排查顺序：先确认进程形态（交互还是非交互），再谈改哪个文件。&lt;/p&gt;&lt;/blockquote&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;版本号靠现场实测，别让 AI 的嘴替你做决定&lt;/h2&gt;&lt;p&gt;让 AI 报依赖版本号是幻觉高发区。openai SDK 在 Claude Code 环境实测是 2.26.0，pi 环境可能是 2.46.0——两个环境并存，谁也别替谁做主。&lt;strong&gt;版本这类可实证的东西，一律 &lt;code&gt;pip show&lt;/code&gt; / &lt;code&gt;import&lt;/code&gt; 现场看。&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;装包顺序也有讲究：adapter → subagents → memory，一个一个来，每装一个验证一次，别一锅端。真出问题 &lt;code&gt;pi remove npm:&amp;lt;包&amp;gt;&lt;/code&gt; 单独卸，不影响其他。&lt;/p&gt;







































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;启动时的 MCP 报错&lt;/th&gt;&lt;th&gt;归因&lt;/th&gt;&lt;th&gt;处理&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;supabase / vercel&lt;/td&gt;&lt;td&gt;needs auth（OAuth 未授权）&lt;/td&gt;&lt;td&gt;&lt;code&gt;/mcp-auth&lt;/code&gt; 按需授权&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;obsidian&lt;/td&gt;&lt;td&gt;server 端 inputSchema 校验失败&lt;/td&gt;&lt;td&gt;等 server 更新，不是 adapter 的锅&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;github&lt;/td&gt;&lt;td&gt;401 token 过期&lt;/td&gt;&lt;td&gt;重新配置凭证&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;server 报 &lt;code&gt;must configure exactly one of command, url, socket&lt;/code&gt;&lt;/td&gt;&lt;td&gt;本地 server 与 imports 同名，&lt;code&gt;command&lt;/code&gt;+&lt;code&gt;url&lt;/code&gt; 字段级浅合并撞名&lt;/td&gt;&lt;td&gt;本地别重复配（让 imports 接管），或改名 / 换 transport&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;tavily 等 401&lt;/td&gt;&lt;td&gt;env 写了 &lt;code&gt;${KEY}&lt;/code&gt; 但 pi &lt;strong&gt;不解析 &lt;code&gt;${}&lt;/code&gt; 插值&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;本地硬编码 key，别用 &lt;code&gt;${}&lt;/code&gt;；改完 TUI &lt;code&gt;/reload&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;其余 18 个&lt;/td&gt;&lt;td&gt;在线，146 tools&lt;/td&gt;&lt;td&gt;正常用&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;三包七兆，九个小兵，命令就几条&lt;/h2&gt;&lt;p&gt;pi-subagents 自带 9 个 builtin agent，全是”干一件具体事”的定位：&lt;/p&gt;
































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;agent&lt;/th&gt;&lt;th&gt;干吗&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;scout&lt;/td&gt;&lt;td&gt;快速侦察（找文件、探目录）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;reviewer&lt;/td&gt;&lt;td&gt;审查代码 / 差异&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;oracle&lt;/td&gt;&lt;td&gt;深挖一个问题&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;planner&lt;/td&gt;&lt;td&gt;拆计划&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;worker&lt;/td&gt;&lt;td&gt;执行单项任务&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;advisor / researcher / context-builder / delegate&lt;/td&gt;&lt;td&gt;咨询 / 调研 / 上下文组装 / 委派&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;命令面也窄，记得住：&lt;/p&gt;
































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;场景&lt;/th&gt;&lt;th&gt;命令&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;装扩展&lt;/td&gt;&lt;td&gt;&lt;code&gt;pi install npm:X&lt;/code&gt;（ECONNRESET 就换淘宝镜像重试）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;看已装&lt;/td&gt;&lt;td&gt;&lt;code&gt;pi list&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;切模型&lt;/td&gt;&lt;td&gt;&lt;code&gt;/model&lt;/code&gt;（或 &lt;code&gt;/model provider/modelId&lt;/code&gt;）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;MCP 导入 / 禁用&lt;/td&gt;&lt;td&gt;&lt;code&gt;/mcp setup&lt;/code&gt; / &lt;code&gt;/mcp disable&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;会话树 / 压缩&lt;/td&gt;&lt;td&gt;&lt;code&gt;/tree&lt;/code&gt; / &lt;code&gt;/compact&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;重载扩展&lt;/td&gt;&lt;td&gt;&lt;code&gt;/reload&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;记忆靠双保险：handoff prompt + memory 重索引&lt;/h2&gt;&lt;p&gt;pi 没有原生自动记忆，得自己搭。开荒时我两路并进：交接时用 handoff prompt 把基线固化给下个会话；平时靠 &lt;code&gt;pi-hermes-memory&lt;/code&gt; 的 SQLite FTS5 会话搜索，跨会话能捞回”上次踩过的坑”。&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;&lt;strong&gt;⚠️ 此方案已弃用（2026-08-08）&lt;/strong&gt;：&lt;code&gt;pi-hermes-memory&lt;/code&gt; 会把粘贴的长文本拆成多条消息喂给模型（断章取义），实测破坏多行粘贴。已换 &lt;code&gt;pi-observational-memory&lt;/code&gt;——会话收尾自动记录观察/反思、分层压缩，靠 &lt;code&gt;recall(id)&lt;/code&gt; 精确回溯。下面 hermes 的机制细节留作历史，&lt;strong&gt;别照着装&lt;/strong&gt;。&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;一个小坑：包文档里的 &lt;code&gt;/memory-index-sessions&lt;/code&gt; 看着像斜杠命令，实际是内部 handler 名，重索引靠&lt;strong&gt;重启触发自动 backfill&lt;/strong&gt;。别照着文档敲一个不存在的命令。&lt;/p&gt;&lt;p&gt;顺带一条取舍：pi-code 虽然一站式补齐 todo / memory / web / subagents，但它会读 &lt;code&gt;.claude&lt;/code&gt; 配置，和我现有的三目录 skill 共享冲突，最后选择不装。&lt;strong&gt;功能重叠的包，宁缺毋滥。&lt;/strong&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;pi 开荒可抄清单（直接抄）&lt;/h2&gt;&lt;ol&gt;
&lt;li&gt;配置分两级：全局 &lt;code&gt;~/.pi/agent/settings.json&lt;/code&gt;，项目 &lt;code&gt;.pi/settings.json&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;skills 三目录共享（&lt;code&gt;~/.claude/skills&lt;/code&gt; + &lt;code&gt;~/.agents/skills&lt;/code&gt; + &lt;code&gt;~/.pi/agent/skills&lt;/code&gt;），不复制&lt;/li&gt;
&lt;li&gt;mcp.json 用 imports 软引用，别硬拷贝 server 定义；但同名会撞（本地 + imports 浅合并触发 command/url 互斥）、&lt;code&gt;${}&lt;/code&gt; 插值不解析、改完要 &lt;code&gt;/reload&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;装包顺序：adapter → subagents → memory，逐个验证&lt;/li&gt;
&lt;li&gt;装前备份：&lt;code&gt;cp settings.json settings.json.bak.&amp;lt;时间戳&amp;gt;&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;GLM-5.2 纯文本，看图走 MiniMax 视觉回退&lt;/li&gt;
&lt;li&gt;LANG 用 setx，别指望 pi 读 .bashrc&lt;/li&gt;
&lt;li&gt;版本号一律现场实测&lt;/li&gt;
&lt;li&gt;记忆用 handoff + observational 双保险（hermes 已弃，破坏多行粘贴）&lt;/li&gt;
&lt;li&gt;功能重叠的包（pi-code）宁缺毋滥&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;急救：&lt;code&gt;pi remove npm:&amp;lt;包&amp;gt;&lt;/code&gt; 卸单个；&lt;code&gt;pi list&lt;/code&gt; 看现状；&lt;code&gt;/reload&lt;/code&gt; 让扩展生效；&lt;code&gt;/model glm-5-turbo&lt;/code&gt; 换模型；配置炸了就用装前的备份还原。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;后来长出的器官（持续维护）&lt;/h2&gt;&lt;p&gt;开荒只是起点，pi 在本机一直在长新器官。补一份增量记录，让这篇别停留在 08-06 那天。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;接入层 → 编排层的升级&lt;/strong&gt;：开荒补的是”借能力”（MCP / 子 agent / 记忆），后来发现还缺”编排能力”——形状不固定的任务没法扇出。&lt;code&gt;pi-dynamic-workflows&lt;/code&gt; 补的就是这块：一个 &lt;code&gt;workflow&lt;/code&gt; 工具，写段 JS 就能 &lt;code&gt;parallel&lt;/code&gt; / &lt;code&gt;pipeline&lt;/code&gt; 调度多个子 agent。冒烟验证：&lt;code&gt;parallel&lt;/code&gt; + 两个 &lt;code&gt;agent()&lt;/code&gt; 一次跑通，比口头让模型”分头查”靠谱。至此 pi 从”接入层”补到了”编排层”。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;记忆扩展换代&lt;/strong&gt;：&lt;code&gt;pi-hermes-memory&lt;/code&gt; → &lt;code&gt;pi-observational-memory&lt;/code&gt;，原因上文说了——hermes 破坏多行粘贴。observational 走另一条路：不往系统提示灌记忆，而是会话收尾自动把关键观察/反思落盘、分层压缩，需要时 &lt;code&gt;recall(12位hex)&lt;/code&gt; 精确拉回原始上下文。更轻，也不抢 token。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;四个本地扩展（自建工具）&lt;/strong&gt;：除开荒时唯一的 &lt;code&gt;rtk.ts&lt;/code&gt;（bash 输出压缩），后来又写了三个——&lt;code&gt;assess-change&lt;/code&gt;（git 变更/风险盘点）、&lt;code&gt;blog-context&lt;/code&gt;（Firefly 博客上下文）、&lt;code&gt;pi-env&lt;/code&gt;（会话/provider/模型自检）。共同点：把”手搓四五条 bash 拼上下文”固化成一个工具调用。固化思路见 &lt;a href=&quot;/posts/pi-extension-commands-tools/&quot;&gt;命令是快捷键，工具是仪表盘&lt;/a&gt;。&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;一句话总结演进：&lt;strong&gt;开荒补”能借到什么”，维护补”借来怎么编排、怎么固化”&lt;/strong&gt;。pi 的极简内核没变，变的是外挂的厚度。&lt;/p&gt;&lt;/blockquote&gt;&lt;hr /&gt;&lt;p&gt;把 Claude 的生态搬去别的工具，pi 给出了第三种答法：不搬运，用扩展一件件补。MCP、子 agent、记忆这些”器官”，它一个没长，但每个都能借。&lt;strong&gt;开荒的最优解不是全都要，是缺啥借啥、坑现场踩&lt;/strong&gt; ☕(￣▽￣)ノ&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>pi 开荒之后：命令是快捷键，工具是仪表盘</title><link>https://fork-firefly.vercel.app/posts/pi-extension-commands-tools/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/pi-extension-commands-tools/</guid><description>承接 pi 开荒补产出层：六个斜杠命令当快捷键、三个工具当仪表盘。记下 session 信息走 ctx 拿、model.id 是裸 id、git 工具要 cwd 参数化三个坑，以及&quot;结构对不等于值对&quot;的验收教训。</description><pubDate>Sun, 09 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;上一篇 &lt;a href=&quot;/posts/pi-coding-agent-setup/&quot;&gt;pi coding agent 开荒&lt;/a&gt; 把接入层补完了：MCP 借 adapter、子 agent 借 subagents、记忆借 observational（原 hermes，08-08 换），全是”缺啥借啥”。可开荒完回头看，有个更扎眼的缺口没动过——&lt;strong&gt;能接的都接了，能固化的一个没固化&lt;/strong&gt;。高频操作还在靠口头触发 skill，看环境还得手搓四五条 bash 拼上下文。这一篇就是补”产出层”：六个斜杠命令当快捷键，三个工具当仪表盘。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;盘点完才发现：prompts 三处全空&lt;/h2&gt;&lt;p&gt;对照 pi 官方文档列的六种扩展能力，本机现状一目了然：&lt;/p&gt;







































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;扩展维度&lt;/th&gt;&lt;th&gt;现状&lt;/th&gt;&lt;th&gt;一句话&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;custom provider&lt;/td&gt;&lt;td&gt;5 家 provider、9 个启用模型&lt;/td&gt;&lt;td&gt;超额，接得很爽&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;skill&lt;/td&gt;&lt;td&gt;175 个躺平在三个目录&lt;/td&gt;&lt;td&gt;海量，但全靠口头触发&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;pi package&lt;/td&gt;&lt;td&gt;消费 5 个，自建 0 个&lt;/td&gt;&lt;td&gt;只进不出&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;prompt template&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;三个目录全不存在&lt;/td&gt;&lt;td&gt;🔴 完全空白&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;extension&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;只有 1 个 rtk.ts，只用了事件钩子&lt;/td&gt;&lt;td&gt;🟡 单一&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;theme&lt;/td&gt;&lt;td&gt;用着别人打的 catppuccin&lt;/td&gt;&lt;td&gt;够用，不折腾&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;之前优化的重心一直在”输入侧”：接模型、接能力、省 token。而文档给的恰好是”输出侧”：把高频流程固化成命令、把本地信号结构化成工具、把整套配置打包分发。&lt;strong&gt;两者互补不冲突——车改完动力，还缺快捷键和仪表盘。&lt;/strong&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;一份社区指南 + 官方 79 个脚手架&lt;/h2&gt;&lt;p&gt;参考了一份把 pi 六种扩展串起来演示的实战指南（bibi-share 的 pi-agent 笔记），套路是拿”代码变更评估”当例子：一个 extension 喂结构化上下文、一个 skill 定评估口径、一个 prompt template 当入口。官方仓库 &lt;code&gt;packages/coding-agent/examples/extensions/&lt;/code&gt; 里还躺着 79 个现成脚手架，从 &lt;code&gt;dirty-repo-guard&lt;/code&gt; 到 &lt;code&gt;structured-output&lt;/code&gt; 都有。&lt;/p&gt;&lt;p&gt;有指南、有脚手架，落差就清楚了：&lt;strong&gt;不是能力不够，是没人把它们固化成”顺手的形态”。&lt;/strong&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;六个斜杠命令：文件名即命令&lt;/h2&gt;&lt;p&gt;pi 的 prompt template 机制有个妙处：文件名就是命令，&lt;code&gt;commit.md&lt;/code&gt; 就是 &lt;code&gt;/commit&lt;/code&gt;。把成熟 skill 套一层入口文件，高频操作就从”说一句话触发”变成”敲一个斜杠”：&lt;/p&gt;







































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;命令&lt;/th&gt;&lt;th&gt;映射 skill&lt;/th&gt;&lt;th&gt;干的活&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;/commit&lt;/code&gt;&lt;/td&gt;&lt;td&gt;commit-commands&lt;/td&gt;&lt;td&gt;规范化提交，禁止自动 commit&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;/dynamic&lt;/code&gt;&lt;/td&gt;&lt;td&gt;dynamic-post&lt;/td&gt;&lt;td&gt;在博客发一条动态，内容当参数&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;/extract&lt;/code&gt;&lt;/td&gt;&lt;td&gt;knowledge-extract&lt;/td&gt;&lt;td&gt;把会话提炼成知识笔记&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;/publish&lt;/code&gt;&lt;/td&gt;&lt;td&gt;knowledge-output&lt;/td&gt;&lt;td&gt;素材发布成博客文章&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;/status&lt;/code&gt;&lt;/td&gt;&lt;td&gt;配合 pi_env 工具&lt;/td&gt;&lt;td&gt;看环境全景&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;/assess&lt;/code&gt;&lt;/td&gt;&lt;td&gt;配合 assess_change 工具&lt;/td&gt;&lt;td&gt;评估工作区变更&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;命令本身只是”请使用 /skill”加参数传递，真正的流程在 skill 里——入口轻、逻辑不重复，是这套设计最顺的地方。参数替换支持 &lt;code&gt;$@&lt;/code&gt;、&lt;code&gt;${1:-默认值}&lt;/code&gt;，&lt;code&gt;/dynamic 好心情&lt;/code&gt; 会把”好心情”原样传进去。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;三个工具：上下文从”跑命令”变”拿 JSON”&lt;/h2&gt;&lt;p&gt;命令解决入口，工具解决上下文。以前问”当前环境是什么样”，agent 得跑四五条 bash 自己拼；现在三个工具一次调用返回结构化 JSON：&lt;/p&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;工具&lt;/th&gt;&lt;th&gt;一句话&lt;/th&gt;&lt;th&gt;触发场景&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;pi_env&lt;/code&gt;&lt;/td&gt;&lt;td&gt;会话文件、模型、provider、扩展、包、主题一次打包&lt;/td&gt;&lt;td&gt;问环境/会话状态&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;blog_context&lt;/code&gt;&lt;/td&gt;&lt;td&gt;博客 git 状态、文章数、动态数、最近提交&lt;/td&gt;&lt;td&gt;博客项目干活时&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;assess_change&lt;/code&gt;&lt;/td&gt;&lt;td&gt;diff、变更文件、配置改动、大文件分类&lt;/td&gt;&lt;td&gt;评估变更/准备提交&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;核心变化是&lt;strong&gt;agent 拿到的从”零散命令输出”变成”固定结构”&lt;/strong&gt;——省掉反复试命令，也避免上下文被一堆输出污染。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;踩坑三连：都是”想当然”害的&lt;/h2&gt;&lt;p&gt;这三个坑几乎每个都是”文档没说、跑起来才发现”，写出来能帮人少走三段弯路：&lt;/p&gt;&lt;p&gt;&lt;strong&gt;① session 信息别读环境变量。&lt;/strong&gt; 想当然以为 &lt;code&gt;process.env.PI_SESSION_FILE&lt;/code&gt; 在扩展里能读，结果返回 null。查了 pi 的类型定义才明白：&lt;code&gt;PI_*&lt;/code&gt; 变量是 pi 在调 bash 工具时注入的，扩展进程里根本没有。正解是 &lt;code&gt;ctx.sessionManager.getSessionFile() / getSessionId()&lt;/code&gt;——session 信息在上下文里，不在环境里。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;② &lt;code&gt;ctx.model.id&lt;/code&gt; 是裸 id。&lt;/strong&gt; 想当然以为 &lt;code&gt;model.id&lt;/code&gt; 是 &lt;code&gt;provider/model&lt;/code&gt; 这种带前缀格式，拿它 split 出 provider，结果 provider 栏显示成了模型名。实测裸 id 就是 &lt;code&gt;glm-5.2&lt;/code&gt;，不带 provider 前缀。要 provider 得靠 &lt;code&gt;settings.defaultProvider&lt;/code&gt; 兜底。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;③ 工具默认 cwd 可能不是仓库。&lt;/strong&gt; 变更评估工具默认在 &lt;code&gt;ctx.cwd&lt;/code&gt; 跑 git，agent 的工作目录不是仓库时返回空结果。解法是给工具加可选 &lt;code&gt;cwd&lt;/code&gt; 参数，并加 &lt;code&gt;isGitRepo&lt;/code&gt; 检测——非仓库直接返回空结构，别让 git 报错喷一屏。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;验收的教训：结构对不等于值对&lt;/h2&gt;&lt;p&gt;三个工具跑通后，让 Pi 自己复核了一遍，它当场揪出两个问题：provider 串成了模型名（就是坑②），assess 工具没处理非仓库 cwd（就是坑③）。&lt;strong&gt;自检只盯”结构对不对”是不够的，得盯”值对不对”&lt;/strong&gt;——返回 JSON 结构再规范，字段值错了就是错的。这一步独立复核比自己闷头测值钱得多。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;可抄清单&lt;/h2&gt;&lt;ol&gt;
&lt;li&gt;能力分两层看：接入层（provider/MCP/记忆）和产出层（命令/工具/打包），缺哪层补哪层&lt;/li&gt;
&lt;li&gt;高频 skill 套 prompt template 当入口，文件名即命令，逻辑仍在 skill 里不重复&lt;/li&gt;
&lt;li&gt;工具化场景：环境/项目状态这类”每次都要拼的上下文”，固化成 registerTool&lt;/li&gt;
&lt;li&gt;session 信息走 &lt;code&gt;ctx.sessionManager&lt;/code&gt;，别读 &lt;code&gt;process.env.PI_*&lt;/code&gt;（那只注入给 bash）&lt;/li&gt;
&lt;li&gt;&lt;code&gt;ctx.model.id&lt;/code&gt; 是裸 id，要 provider 就兜底 defaultProvider&lt;/li&gt;
&lt;li&gt;跑 git 的工具加 &lt;code&gt;cwd&lt;/code&gt; 参数 + &lt;code&gt;isGitRepo&lt;/code&gt; 早退，防非仓库空结果&lt;/li&gt;
&lt;li&gt;交付前让另一个 AI 复核”值对不对”，别只看结构&lt;/li&gt;
&lt;li&gt;官方 &lt;code&gt;examples/extensions/&lt;/code&gt; 79 个脚手架，抄之前先翻一遍&lt;/li&gt;
&lt;/ol&gt;&lt;hr /&gt;&lt;p&gt;开荒是给车补动力，这篇是装快捷键和仪表盘。pi 从”能用”到”顺手”，差的不是能力，是把高频动作固化成固定形态的那一步 ☕(￣▽￣)ノ&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>没请 Three.js，纯 CSS 矩阵把 118 个元素摆进 3D 空间</title><link>https://fork-firefly.vercel.app/posts/the118-pure-matrix-3d/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/the118-pure-matrix-3d/</guid><description>the118-pTable 开源项目源码拆解：零依赖矩阵驱动的 Web 3D 渲染，五种布局的数学套路、点击聚焦的反相机变换、装饰器自注册工厂，以及作者眼里的难点边界。</description><pubDate>Sun, 09 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;B 站刷到 UP 主「忽见狸」的视频六周年开源回馈：一个 3D 交互式化学元素周期表，README 一句话就勾人——「纯数学矩阵驱动的 Web 3D 渲染方案，不依赖 Three.js/WebGL」。项目叫 the118，正好是第 118 号元素鿫（Og）。&lt;/p&gt;
&lt;p&gt;扒下来跑起来，发现这项目比想象中干净：运行时依赖只有 &lt;code&gt;react&lt;/code&gt; 和 &lt;code&gt;react-dom&lt;/code&gt;，一个图形库都没有，118 个元素的 3D 位置全靠自己算矩阵，写进 CSS &lt;code&gt;transform: matrix3d(...)&lt;/code&gt;。这篇文章是源码拆解，重点讲三条能带走的东西：五种布局的数学套路、点击聚焦的「反相机变换」、装饰器自注册工厂。&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;球体布局：双环带 3D 透视、前后景遮挡&quot; loading=&quot;lazy&quot; width=&quot;1600&quot; height=&quot;872&quot; src=&quot;/_astro/cover.Die_DlpZ_2qfaYm.webp&quot; /&gt;&lt;figcaption&gt;球体布局：双环带 3D 透视、前后景遮挡&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;先记住三句话&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;几何不靠 WebGL&lt;/strong&gt;：每个元素的 3D 坐标算成一个 4×4 矩阵，直接写进元素的 &lt;code&gt;transform: matrix3d()&lt;/code&gt;，交还给浏览器合成，切换布局时靠 CSS transition 做动画，没有 JS 动画帧。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;五种布局是同一套积木&lt;/strong&gt;：表格 / 球体 / 螺旋 / 网格 / 随机，差别只在「怎么给每个元素算坐标」，底层用的全是同一个矩阵工具类。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;点击聚焦是反着算的&lt;/strong&gt;：让选中的卡片转正浮到面前，不是把卡片挪过去，而是把它的变换反向施加给整个容器——数学上的「相机跟随」，零成本实现。&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;架构：四层一包，单向依赖&lt;/h2&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;Infrastructure          Domain                  Application           UI&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;─────────────────       ───────────────────     ──────────────        ─────────&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;MatrixTools (4x4矩阵)     ViewModelFactory         useCardsMatrix3d      ElementCard&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;MathTools (几何公式)       (抽象工厂+注册表)         useCardsWrapMatrix3d   ElementStage&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;                         &lt;/span&gt;&lt;/span&gt;&lt;span&gt;registerTo (装饰器)        Drag3d (拖拽包)         FooterMenu&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;                         &lt;/span&gt;&lt;/span&gt;&lt;span&gt;5×ViewModel (布局算法)&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;                         &lt;/span&gt;&lt;/span&gt;&lt;span&gt;ViewModelService (桥)&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;依赖方向是单向的：&lt;code&gt;Infrastructure → Domain → Application → UI&lt;/code&gt;，数学层不依赖 React，UI 层不碰矩阵运算。业务与数学解耦得干净，这是它敢说「两三天能啃明白」的底气。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;五种布局的数学本质&lt;/h2&gt;


































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;布局&lt;/th&gt;&lt;th&gt;一句话&lt;/th&gt;&lt;th&gt;数学套路&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;Tab 表格&lt;/td&gt;&lt;td&gt;标准周期表&lt;/td&gt;&lt;td&gt;9×18 网格，模板掩码标记有效位，&lt;code&gt;getSpecialOffset&lt;/code&gt; 专门处理镧系/锕系错位；纯平移+缩放，零旋转&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Sph 球体&lt;/td&gt;&lt;td&gt;地球仪&lt;/td&gt;&lt;td&gt;纬度按&lt;strong&gt;余弦加权&lt;/strong&gt;分配元素（赤道最密、极点 1 个），圈内经度均分；每卡绕 X 倾斜纬度角 + 绕 Y 转经度角&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Hel 螺旋&lt;/td&gt;&lt;td&gt;DNA 双链&lt;/td&gt;&lt;td&gt;Y 轴等距排列（步长 5px），每 20 个元素绕 Y 转满一圈，角度均匀分布&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Gri 网格&lt;/td&gt;&lt;td&gt;卡片堆叠&lt;/td&gt;&lt;td&gt;5×8 一组的面板，面板沿 Z 轴层叠（每层 100px），每张卡额外绕 Y 转 -25° 增强立体感&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Ran 随机&lt;/td&gt;&lt;td&gt;粒子星云&lt;/td&gt;&lt;td&gt;三维均匀随机（X/Y 限视口 1/3，Z 在 ±200），&lt;strong&gt;不缓存&lt;/strong&gt;，每次重排&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;注意一个细节：Sph 和 Hel 的「每张卡」都是 &lt;code&gt;旋转 → 平移 → 缩放&lt;/code&gt; 三步矩阵相乘；Tab 和 Ran 只有平移+缩放。变换顺序从右向左应用，这是矩阵列向量约定的结果，写错了布局就会整个扭曲。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;表格布局：标准周期表 2D 视图&quot; loading=&quot;lazy&quot; width=&quot;1600&quot; height=&quot;872&quot; src=&quot;/_astro/fig-table-view.C4P3eGDZ_Z1e8KGf.webp&quot; /&gt;&lt;figcaption&gt;表格布局：标准周期表 2D 视图&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;点击聚焦：反相机变换&lt;/h2&gt;&lt;p&gt;五种布局都实现了 &lt;code&gt;calcCardsWrapMatrix3d(elementId)&lt;/code&gt;，套路完全一致：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;取出目标卡片自己的变换参数（旋转角度 / 平移向量）；&lt;/li&gt;
&lt;li&gt;反向旋转 Y、X 轴，抵消卡片朝向；&lt;/li&gt;
&lt;li&gt;反向平移把卡片中心拉回原点；&lt;/li&gt;
&lt;li&gt;再沿 Z 轴前移 250px，让卡片浮到眼前。&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;表面看是「让选中卡片转正」，本质是「把整个容器往反方向扭，等效于相机移了过去」。不需要真正的相机对象、不需要 lookAt，两三个矩阵相乘就搞定。这个思路在零依赖 3D 里非常实用。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;装饰器自注册工厂&lt;/h2&gt;&lt;p&gt;&lt;code&gt;ViewModelFactory&lt;/code&gt; 维护一个静态注册表，子类用装饰器自动登记：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;@&lt;/span&gt;&lt;span&gt;registerTo&lt;/span&gt;&lt;span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;ViewModelFactory&lt;/span&gt;&lt;span&gt;)&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;class&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;SphViewModel&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;extends&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;ViewModelFactory&lt;/span&gt;&lt;span&gt; {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;static&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;readonly&lt;/span&gt;&lt;span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;LAYOUT_STYLE&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;LayoutStyle&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;span&gt;SPH&lt;/span&gt;&lt;span&gt;;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;calcCardsMatrix3d&lt;/span&gt;&lt;span&gt;() { &lt;/span&gt;&lt;span&gt;...&lt;/span&gt;&lt;span&gt; }&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;&lt;code&gt;registerTo&lt;/code&gt; 读取子类的静态属性 &lt;code&gt;LAYOUT_STYLE&lt;/code&gt; 写入注册表；&lt;code&gt;new ViewModelFactory(style)&lt;/code&gt; 时用 &lt;code&gt;new.target&lt;/code&gt; 判断是不是基类被直调，是则从注册表路由到子类并返回实例——运行时多态。&lt;/p&gt;&lt;p&gt;加一种新布局 = 新建一个类 + 一个枚举值，&lt;code&gt;index.ts&lt;/code&gt; 里补一行副作用 import，其它什么都不用改。想给这项目做二次开发，这是最顺手的扩展点。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;性能抠到骨子里&lt;/h2&gt;&lt;p&gt;118 个卡片 + 拖拽旋转全跑在 CSS transform 上，代码里全是这种细节：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;预分配 &lt;code&gt;new Array(118)&lt;/code&gt; 代替 push，避免循环扩容；&lt;/li&gt;
&lt;li&gt;循环内复用临时数组，不在 118 次迭代里反复建对象；&lt;/li&gt;
&lt;li&gt;&lt;code&gt;cachedMatrices&lt;/code&gt; / &lt;code&gt;cardsTransform&lt;/code&gt; 静态缓存，首次计算后直接复用引用；&lt;/li&gt;
&lt;li&gt;矩阵乘法完全展开循环，消除索引与循环开销；&lt;/li&gt;
&lt;li&gt;拖拽用 rAF 按帧节流（&lt;code&gt;needsUpdate&lt;/code&gt; 标志），不高频刷 DOM；&lt;/li&gt;
&lt;li&gt;拖拽时临时关 &lt;code&gt;transition&lt;/code&gt;、开 &lt;code&gt;will-change: transform&lt;/code&gt;，提升 GPU 合成层；&lt;/li&gt;
&lt;li&gt;React 侧用 &lt;code&gt;useState(() =&amp;gt; ...)&lt;/code&gt; 惰性初始化，矩阵只在首次渲染算一次。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;还有个容易被忽略的设计：布局切换动画完全靠 CSS transition，所以矩阵更新时系统自动过渡，拖拽时又主动把 transition 关掉——两类交互用同一个属性，靠开关区分，很聪明的处理。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;UP 主自己怎么说&lt;/h2&gt;&lt;p&gt;开源的同时 UP 主在评论区长篇回复了「学这项目要不要数学底子」，值得原样记住：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;数学在软件工程中只占很小一部分，大概百分之三十左右。它只是某个业务能力实现的表达方式，这个算法不行就换一个算法实现。真正的难点在于抽象思维能力：三维空间的元素如何表示，视图布局模型之间怎么管理，元素状态变化何时更新，业务逻辑与数学计算怎么解耦。&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;几个关键伏笔：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;欧拉角是现在的实现&lt;/strong&gt;，UP 主明说：如果要手动实现布局切换的轨道控制帧动画，就会撞&lt;strong&gt;万向节锁&lt;/strong&gt;，下一步得引入&lt;strong&gt;四元数&lt;/strong&gt;。代码里 &lt;code&gt;rotateY&lt;/code&gt; 那项故意反转的 sin 符号，就是在欧拉角约定下跟渲染管线对齐的补丁。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;数学是门槛不是天花板&lt;/strong&gt;：球体布局的加权分配需要高中到大学之间的空间解析几何（线性代数、矩阵、指数衰减模型），UP 主说「花两三天能啃明白」。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;先搞懂数据怎么流动&lt;/strong&gt;：这是作者给的最基础的一条——元素状态怎么从点击到矩阵到 DOM，数据流理清了，优化才有抓手。&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;什么时候别用这套&lt;/h2&gt;&lt;p&gt;纯 CSS 矩阵渲染有明确的天花板：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;对象少、几何规则&lt;/strong&gt;（≤ 几百个卡片、球/螺旋/网格这类有解析解的形状）是它的主场，118 个元素刚好在甜区；&lt;/li&gt;
&lt;li&gt;上千对象、需要光照阴影、遮挡剔除、粒子特效，还是老实上 WebGL 或 Three.js，CSS 合成层撑不住；&lt;/li&gt;
&lt;li&gt;它赢在&lt;strong&gt;零依赖 + 源码可读 + 渐变过渡免费送&lt;/strong&gt;，适合教育工具、数据可视化、规则排列的展示型页面。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;想复刻这套，抓住一条主线就行：所有 3D 视觉问题，先翻译成「每个对象在自己的局部坐标里长什么样」，再翻译成「一组 4×4 矩阵」，最后灌进 CSS transform。剩下的都是工程包装。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>网页端反代白嫖 Agent？先别急着鼓掌</title><link>https://fork-firefly.vercel.app/posts/web-reverse-freeload-agent-absurd/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/web-reverse-freeload-agent-absurd/</guid><description>群友想模拟 DeepSeek / 智谱网页请求接本地 MCP 白嫖 Agent。能发请求不假，当生产底座才荒唐。对照公开仓库和官方定价拆一拆。</description><pubDate>Sat, 08 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;群里有人抛了个「妙计」：DeepSeek、智谱网页版免费，模拟网页请求，本地接 MCP，不就能白嫖出一套自动编程 Agent？还想着项目级长记忆能不能硬塞进网页会话。有人回了一句：「网页端反代？」&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;群友原话截图&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;295&quot; src=&quot;/_astro/cover.BtvD5q4R_Z1g2nIi.webp&quot; /&gt;&lt;figcaption&gt;群友原话截图&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;p&gt;Grok 搜完一堆源，结论其实分两层。我对照公开仓库和官方文档又核了一遍：&lt;strong&gt;「能不能发请求」不荒谬；「能不能当成靠谱 Agent 底座」很荒谬。&lt;/strong&gt;&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;先给 Grok 打分&lt;/h2&gt;&lt;p&gt;Grok 那篇长文骨架对，但有几处要拧紧：&lt;/p&gt;
































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;说法&lt;/th&gt;&lt;th&gt;核验&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;GitHub 上有一堆网页→OpenAI 兼容反代&lt;/td&gt;&lt;td&gt;&lt;strong&gt;属实&lt;/strong&gt;。DeepSeek 方向有 WebAI2API、deepseek-reverse-api、各类 deepseek-free-api / web2api；智谱侧有 GLM-Free-API 一类&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;网页不原生 function calling，靠提示词硬掰&lt;/td&gt;&lt;td&gt;&lt;strong&gt;属实&lt;/strong&gt;。多份 README 写明：网页端无 OpenAI tools，用 DSML / prompt 注入 + 流式筛分「假装」工具调用&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;免费账号并发极低&lt;/td&gt;&lt;td&gt;&lt;strong&gt;属实方向&lt;/strong&gt;。逆向项目自述常见「约 2 并发 / 账号」；官方 API 文档写的是 Flash &lt;strong&gt;2500&lt;/strong&gt;、Pro &lt;strong&gt;500&lt;/strong&gt; 并发上限&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;PoW / token 过期 / 前端一改就炸&lt;/td&gt;&lt;td&gt;&lt;strong&gt;属实&lt;/strong&gt;。项目自己列：PoW 每请求先算、token 约日级、401 要重登；作者也写「逆向不稳定，有条件用官方」&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;官方 API 贵到必须白嫖&lt;/td&gt;&lt;td&gt;&lt;strong&gt;不属实 / 过时直觉&lt;/strong&gt;。DeepSeek 官方价（2026 公开页）：Flash cache miss 约 $0.14/M in、$0.28/M out，还带 Tool Calls 与 1M 上下文。白嫖网页换来的是维护税，不是省大钱&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;套到 Claude / Codex 网页更离谱&lt;/td&gt;&lt;td&gt;&lt;strong&gt;属实且更狠&lt;/strong&gt;。Anthropic 2026 已多次收紧订阅号被第三方 harness / 自动化滥用；网页反代 = 对 Cloudflare + ToS 双向硬刚&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;Grok 把「技术可行」和「工程可行」拆开了，这点值钱；经济账和官方并发数字要以文档为准。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;群友方案到底在幻想什么&lt;/h2&gt;&lt;p&gt;拆开听：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;网页模型「一般更好」→ 想白嫖同档能力&lt;/li&gt;
&lt;li&gt;模拟网页请求 → 本地 MCP 驱动工具&lt;/li&gt;
&lt;li&gt;靠网页会话撑「整个项目」长记忆&lt;/li&gt;
&lt;li&gt;有空再反带到 Claude / Codex&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;第 1 点半真半假：网页档位和市场话术常常好看，但不等于你能稳定、合规、可编排地用上。第 2～4 点才是真正荒唐的地方。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;有人已经听出味了：网页端反代？&quot; loading=&quot;lazy&quot; width=&quot;856&quot; height=&quot;264&quot; src=&quot;/_astro/fig-chat-reply.RGR8vaqa_Z1RiVh9.webp&quot; /&gt;&lt;figcaption&gt;有人已经听出味了：网页端反代？&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;「能做」不等于「能当 Agent 底座」&lt;/h2&gt;&lt;p&gt;社区轮子证明：发 completion、流式、甚至「像 tools」的输出，都能抠出来。WebAI2API 还写过可接 Codex / Copilot。&lt;/p&gt;&lt;p&gt;可 Agent 编程要的是另一套指标：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;几十上百轮 tool loop 不轻易 429 / busy&lt;/li&gt;
&lt;li&gt;结构化 tool call 可解析、可重试、可嵌套&lt;/li&gt;
&lt;li&gt;上下文由你自己的 orchestrator 管，不靠网页 session 碰运气&lt;/li&gt;
&lt;li&gt;接口是契约，不是今晚还能不能用的玄学&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;网页反代在这些点上处处软：&lt;/p&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;坑&lt;/th&gt;&lt;th&gt;公开材料里的样子&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;维护&lt;/td&gt;&lt;td&gt;非公开契约；PoW、SSE、鉴权随时改；作者自己说不稳定&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;吞吐&lt;/td&gt;&lt;td&gt;免费页常见极低并发；Agent 一轮任务就能打满&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;工具&lt;/td&gt;&lt;td&gt;多为 prompt 伪 tools，不是官方 Tool Calls 契约&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;记忆&lt;/td&gt;&lt;td&gt;网页 session 为人聊天设计；硬塞仓库上下文会截断、对不齐、幻觉&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;风控&lt;/td&gt;&lt;td&gt;智谱协议禁滥用；Claude 订阅自动化已被反复清理&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;GLM-Free-API 英文说明甚至直接写：逆向不稳定，建议去官方开放平台。连做羊毛轮子的人都劝你别当生产底座。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;经济账：官方已经够便宜&lt;/h2&gt;&lt;p&gt;DeepSeek 官方 &lt;a href=&quot;https://api-docs.deepseek.com/quick_start/pricing&quot; target=&quot;_blank&quot;&gt;Models &amp;amp; Pricing&lt;/a&gt;（核验时点）：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;code&gt;deepseek-v4-flash&lt;/code&gt;：Tool Calls ✓，上下文 1M，并发上限 &lt;strong&gt;2500&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;deepseek-v4-pro&lt;/code&gt;：Tool Calls ✓，并发上限 &lt;strong&gt;500&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;Flash 输出约 &lt;strong&gt;$0.28 / 1M tokens&lt;/strong&gt;（cache miss 输入约 $0.14）&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;你要用 Agent，官方路径是：API Key + 本地 MCP + 自己的上下文压缩 / RAG / 子代理。钱花在模型上，不花在修 PoW、换 cookie、养号池上。&lt;/p&gt;&lt;p&gt;网页反代省下的那点「免费」，往往被调试时间、封号风险、伪 tools 失效率吃干净。这不是聪明，是把现金流换成焦虑。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;反带到 Claude / Codex：荒谬度再抬一档&lt;/h2&gt;&lt;p&gt;DeepSeek / 智谱网页已经是猫鼠游戏。Claude.ai / Codex 侧：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;消费条款长期限制未经授权的自动化访问&lt;/li&gt;
&lt;li&gt;2026 年对第三方 harness 蹭订阅额度多次动手（文档澄清、技术封堵、OpenCode 等被迫砍订阅登录）&lt;/li&gt;
&lt;li&gt;网页还有 Cloudflare 一类挑战；维护成本和封号代价都更高&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;想用「网页端反代」复制 Claude Code / Codex 体验，不是省钱捷径，是主动站到平台风控靶心上。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;这想法哪一层还算人话&lt;/h2&gt;





























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;目标&lt;/th&gt;&lt;th&gt;网页反代&lt;/th&gt;&lt;th&gt;正经做法&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;研究逆向 / 轻度自用聊天&lt;/td&gt;&lt;td&gt;社区已有轮子，自担风险&lt;/td&gt;&lt;td&gt;—&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;稳定自动编程 Agent + MCP&lt;/td&gt;&lt;td&gt;&lt;strong&gt;荒唐&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;官方 API / 付费 Coding Plan&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;项目级长记忆&lt;/td&gt;&lt;td&gt;&lt;strong&gt;荒唐&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;本地记忆层 + RAG / 摘要，别迷信网页 session&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;接 Claude / Codex 级能力&lt;/td&gt;&lt;td&gt;&lt;strong&gt;更荒唐&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;官方 API 或官方客户端&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;荒谬不在「GitHub 上没人做」——人很多。荒谬在目标错位：拿沙子盖楼，还嫌水泥贵。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;认清你要 Agent 还是要爬虫&lt;/h2&gt;&lt;p&gt;动机能理解：网页看起来免费又「好模型」，Agent 又贵又馋工具调用。但路径选反了。该抠的是上下文管理、MCP 工具质量和验证回路，不是跟 PoW 和 cookie 过日子。&lt;/p&gt;&lt;p&gt;有人回「网页端反代？」——这一句已经把方案定性了。剩下只是要不要自己承认：你要的是 Agent，还是要一段永远修不完的爬虫。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;参考&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;DeepSeek 官方定价与能力：&lt;a href=&quot;https://api-docs.deepseek.com/quick_start/pricing&quot; target=&quot;_blank&quot;&gt;api-docs.deepseek.com/quick_start/pricing&lt;/a&gt; · &lt;a href=&quot;https://api-docs.deepseek.com/quick_start/rate_limit&quot; target=&quot;_blank&quot;&gt;Rate Limit&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;社区方向（存在性举证，非推荐生产）：&lt;a href=&quot;https://github.com/madderscientist/WebAI2API&quot; target=&quot;_blank&quot;&gt;madderscientist/WebAI2API&lt;/a&gt; · &lt;a href=&quot;https://github.com/Wu-jiyan/deepseek-reverse-api&quot; target=&quot;_blank&quot;&gt;Wu-jiyan/deepseek-reverse-api&lt;/a&gt; · &lt;a href=&quot;https://github.com/xiaoY233/GLM-Free-API&quot; target=&quot;_blank&quot;&gt;xiaoY233/GLM-Free-API&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;智谱清言用户协议：&lt;a href=&quot;https://chatglm.cn/legal/appAgreement&quot; target=&quot;_blank&quot;&gt;chatglm.cn/legal/appAgreement&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Anthropic 收紧第三方 harness / 订阅自动化：The Register / VentureBeat 2026 相关报道&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;</content:encoded></item><item><title>Kiro 里的 Claude，为啥老觉得被套了缰绳</title><link>https://fork-firefly.vercel.app/posts/kiro-claude-harness-feel/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/kiro-claude-harness-feel/</guid><description>选了 Claude，开口却像另一个人。不是模型变笨，是 Kiro 的 Agent Harness 先套了一层规矩。泄露 prompt、#7792、官方 harness 博文都指向同一结论。</description><pubDate>Sat, 08 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;选了 Claude，开口却像另一个人。不是模型突然变笨，是外面多了一层 harness。&lt;/p&gt;
&lt;p&gt;社区吐槽「Kiro 把 Claude 锁住了」有事实基础，也不是阴谋论。下面把证据摊开，顺便说清这层套子到底在干啥、什么时候该用、什么时候该换场。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;先说结论：属实，而且是设计如此&lt;/h2&gt;&lt;p&gt;Kiro（IDE / CLI）接 Claude 时，会注入自己的 System Prompt + Agent Harness，不会让 Claude 以「原生 Claude Code / 官方默认」状态跑。&lt;/p&gt;&lt;p&gt;官方自己就把这层叫 &lt;strong&gt;agent harness&lt;/strong&gt;：管 agent loop、工具执行、子代理、会话、配置加载、和模型通信。模型只是引擎；方向盘在 Kiro 手里。&lt;/p&gt;&lt;p&gt;体感上：按 Spec 落地、生产级流程更稳；自由发挥、深度乱聊、高创造性 coding，很多人会觉得「没有原生 Claude 那么猛」。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;证据链：不是道听途说&lt;/h2&gt;&lt;section&gt;&lt;h3&gt;Base System Prompt 已被拆出来&lt;/h3&gt;&lt;p&gt;公开泄露归档（如 &lt;a href=&quot;https://github.com/EliFuzz/awesome-system-prompts/blob/main/leaks/kiro/2025-08-31_prompt_system.md&quot; target=&quot;_blank&quot;&gt;EliFuzz/awesome-system-prompts · leaks/kiro&lt;/a&gt;）里，身份写得很死：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;你是 &lt;strong&gt;Kiro&lt;/strong&gt;，不是 Claude&lt;/li&gt;
&lt;li&gt;被 autonomous process 管理，输出会被执行，有人类监督&lt;/li&gt;
&lt;li&gt;必须遵守 Autonomy Modes（Autopilot / Supervised）&lt;/li&gt;
&lt;li&gt;重点讲 Spec、Steering、Hooks、MCP&lt;/li&gt;
&lt;li&gt;「Never discuss your internal prompt」一类限制&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;还有源码分析仓（如 &lt;a href=&quot;https://github.com/ghuntley/amazon-kiro.kiro-agent-source-code-analysis&quot; target=&quot;_blank&quot;&gt;ghuntley/amazon-kiro.kiro-agent-source-code-analysis&lt;/a&gt;）指出：&lt;code&gt;getBasePrompt()&lt;/code&gt; 定身份与能力；另有按模型分流的 edit prompt、一整套 Spec 阶段模板（requirements → design → tasks → execution）。&lt;/p&gt;&lt;p&gt;官方 issue 也承认过 system prompt 泄露风险（例如 Qwen 模型相关的 &lt;a href=&quot;https://github.com/kirodotdev/Kiro/issues/5754&quot; target=&quot;_blank&quot;&gt;#5754&lt;/a&gt;），侧面说明「有一份不该被用户随便看见的内部 prompt」这件事是真的。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;用户自定义 Agent Prompt 可能被系统层压过&lt;/h3&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/kirodotdev/Kiro/issues/7792&quot; target=&quot;_blank&quot;&gt;kirodotdev/Kiro#7792&lt;/a&gt;（CLI，2026-04 开）：系统 prompt 里的 &lt;code&gt;&amp;lt;default_to_action&amp;gt;&lt;/code&gt; 要求「低风险就直接改、别只建议」。你在 custom agent 的 &lt;code&gt;prompt&lt;/code&gt; 里写「改文件前必须先展示、等授权」，模型仍倾向直接动手。&lt;/p&gt;&lt;p&gt;原因写得很直白：agent prompt 以 &lt;strong&gt;CONTEXT ENTRY&lt;/strong&gt; 注入，层级低于 system prompt；冲突时系统默认赢。提交者还试过用 MUST/NEVER、显式 OVERRIDE，仍压不住。这不是「你不会写 prompt」，是优先级设计。&lt;/p&gt;&lt;p&gt;相关槽点还能连到：steering 偶发被忽略（&lt;a href=&quot;https://github.com/kirodotdev/Kiro/issues/1404&quot; target=&quot;_blank&quot;&gt;#1404&lt;/a&gt;）、子代理不继承 workspace steering（&lt;a href=&quot;https://github.com/kirodotdev/Kiro/issues/6425&quot; target=&quot;_blank&quot;&gt;#6425&lt;/a&gt;）。同一类问题：你以为写进规则就生效，实际要先过 harness 的优先级与上下文分发。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;官方承认 harness 才是产品本体&lt;/h3&gt;&lt;p&gt;&lt;a href=&quot;https://kiro.dev/blog/one-agent/&quot; target=&quot;_blank&quot;&gt;One agent, every surface：how we built the Kiro agent harness&lt;/a&gt; 里，AWS 工程师把 harness 定义写清楚了：IDE / CLI / Web 曾各自为政，后来合成统一 harness + ACP。Spec、权限、hooks、compaction，全是这层的事。&lt;/p&gt;&lt;p&gt;官网首页也把卖点钉在 Spec-driven、property-based tests、parallel agents，而不是「最原汁原味的 Claude」。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Kiro Spec：Requirements → Design → Tasks 任务树&quot; loading=&quot;lazy&quot; width=&quot;1294&quot; height=&quot;864&quot; src=&quot;/_astro/fig-specs.E0ZNw4ys_2m2MvX.webp&quot; /&gt;&lt;figcaption&gt;Kiro Spec：Requirements → Design → Tasks 任务树&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;这层套子里到底塞了什么&lt;/h2&gt;&lt;p&gt;说人话，进 Kiro 的 Claude 要先穿这身制服：&lt;/p&gt;












































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;层&lt;/th&gt;&lt;th&gt;干嘛&lt;/th&gt;&lt;th&gt;体感影响&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;身份&lt;/td&gt;&lt;td&gt;「你是 Kiro」&lt;/td&gt;&lt;td&gt;自称、口吻、产品叙事跟原生 Claude 不一样&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Autonomy&lt;/td&gt;&lt;td&gt;Autopilot / Supervised&lt;/td&gt;&lt;td&gt;改文件节奏被产品模式框住&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Spec 工作流&lt;/td&gt;&lt;td&gt;Requirements → Design → Tasks&lt;/td&gt;&lt;td&gt;复杂功能更稳；随口 vibe 会被往文档流程拽&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Steering / Hooks&lt;/td&gt;&lt;td&gt;&lt;code&gt;.kiro/steering&lt;/code&gt;、事件触发&lt;/td&gt;&lt;td&gt;团队规范可沉淀；也可能被忽略或压过&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;权限 / Cedar&lt;/td&gt;&lt;td&gt;能力级 allow/deny&lt;/td&gt;&lt;td&gt;安全边界变硬，也多一层「先问再干」摩擦&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;default_to_action&lt;/td&gt;&lt;td&gt;低风险直接动手&lt;/td&gt;&lt;td&gt;和「先计划再改」类自定义约束打架&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;模型路由&lt;/td&gt;&lt;td&gt;Auto / 各档 Claude / 开源模型&lt;/td&gt;&lt;td&gt;UI 选了 A，实际路由/模板偶尔让人怀疑（社区有 cutoff 自报异常的 issue）&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;模型选择器：同一壳子可挂多款模型&quot; loading=&quot;lazy&quot; width=&quot;1294&quot; height=&quot;864&quot; src=&quot;/_astro/cover.CvVOOP4M_Z2r1QHz.webp&quot; /&gt;&lt;figcaption&gt;模型选择器：同一壳子可挂多款模型&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;算不算「篡改 / 削弱」？&lt;/h2&gt;




















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;角度&lt;/th&gt;&lt;th&gt;实际情况&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;技术&lt;/td&gt;&lt;td&gt;System Prompt 被替换/大幅加厚，不是纯 Claude&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;设计意图&lt;/td&gt;&lt;td&gt;Agent Harness 强制 Spec、权限、结构化协作，官方卖点&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;体感&lt;/td&gt;&lt;td&gt;Spec 落地更稳；自由发挥、极限推理，很多人觉得不如 Claude Code 爽&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;「削弱」这个词偏情绪。更准的说法是：&lt;strong&gt;能力被重新分配了&lt;/strong&gt;。稳、可协作、可审计的那一侧变强；松、野、贴模型原生上限的那一侧变弱。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;和 Claude Code 比，差在哪&lt;/h2&gt;


































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;&lt;/th&gt;&lt;th&gt;Claude Code&lt;/th&gt;&lt;th&gt;Kiro&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;Harness 归属&lt;/td&gt;&lt;td&gt;Anthropic&lt;/td&gt;&lt;td&gt;AWS / Kiro&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;System Prompt&lt;/td&gt;&lt;td&gt;相对轻，更贴模型原生&lt;/td&gt;&lt;td&gt;厚：身份 + Spec + 权限 + 行为默认&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;强默认&lt;/td&gt;&lt;td&gt;工具循环 + 项目规则（CLAUDE.md 等）&lt;/td&gt;&lt;td&gt;Spec-driven + Steering + Hooks&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;自定义约束&lt;/td&gt;&lt;td&gt;多半当用户/项目指令&lt;/td&gt;&lt;td&gt;可能输给 system 层（见 #7792）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;适合&lt;/td&gt;&lt;td&gt;上限、自由度、快速试错&lt;/td&gt;&lt;td&gt;规范驱动、团队对齐、生产流程&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;Kiro 里是「被驯化过的 Claude」；Claude Code 更接近「原版 Claude + 轻 harness」。&lt;/p&gt;&lt;p&gt;两边没有绝对对错。你要模型上限，去 Claude Code / 原生接口；你要 Spec 闸门和团队可复现流程，Kiro 这套「篡改」反而是卖点。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;什么时候你会觉得「不得劲」&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;想让它像原生 Claude 一样天马行空改架构，它却先拉你写 requirements&lt;/li&gt;
&lt;li&gt;自定义 agent 写了「先展示再改」，它仍 &lt;code&gt;default_to_action&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;steering 写了技术栈约束，子代理执行任务时装作没看见&lt;/li&gt;
&lt;li&gt;选了新款 Claude，自报 cutoff / 行为却像旧模板（社区 issue 有过，不一定当前必现，但说明「UI 选型 ≠ 你以为的裸模型」）&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;什么时候它反而对劲：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;功能边界清楚，愿意走 Requirements → Design → Tasks&lt;/li&gt;
&lt;li&gt;团队要把规范沉到 steering / hooks，而不是每人一套口头约定&lt;/li&gt;
&lt;li&gt;你要的是可回看的 Spec 产物，不是一次性聊天记录&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;认清撞上哪一层就行&lt;/h2&gt;&lt;p&gt;别把「不得劲」当成 Kiro 骗子或 Claude 变弱。先认清你买的是哪一层：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;要模型原生手感 → Claude Code / API，少套 Spec 宗教&lt;/li&gt;
&lt;li&gt;要可交付、可评审的大功能 → Kiro Spec，别跟 harness 对着干&lt;/li&gt;
&lt;li&gt;两边都用也行：探索用轻 harness，落地再搬进 Spec&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;认清撞上的是 harness，不是「今天 Claude 抽风」，焦虑会少一半。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;参考&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;官方：&lt;a href=&quot;https://kiro.dev/&quot; target=&quot;_blank&quot;&gt;kiro.dev&lt;/a&gt; · &lt;a href=&quot;https://kiro.dev/blog/one-agent/&quot; target=&quot;_blank&quot;&gt;harness 博文&lt;/a&gt; · &lt;a href=&quot;https://kiro.dev/docs/specs&quot; target=&quot;_blank&quot;&gt;Specs 文档&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;泄露归档：&lt;a href=&quot;https://github.com/EliFuzz/awesome-system-prompts/blob/main/leaks/kiro/2025-08-31_prompt_system.md&quot; target=&quot;_blank&quot;&gt;EliFuzz/awesome-system-prompts · Kiro&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;源码分析：&lt;a href=&quot;https://github.com/ghuntley/amazon-kiro.kiro-agent-source-code-analysis&quot; target=&quot;_blank&quot;&gt;ghuntley/amazon-kiro.kiro-agent-source-code-analysis&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Issues：&lt;a href=&quot;https://github.com/kirodotdev/Kiro/issues/7792&quot; target=&quot;_blank&quot;&gt;#7792&lt;/a&gt; · &lt;a href=&quot;https://github.com/kirodotdev/Kiro/issues/1404&quot; target=&quot;_blank&quot;&gt;#1404&lt;/a&gt; · &lt;a href=&quot;https://github.com/kirodotdev/Kiro/issues/6425&quot; target=&quot;_blank&quot;&gt;#6425&lt;/a&gt; · &lt;a href=&quot;https://github.com/kirodotdev/Kiro/issues/5754&quot; target=&quot;_blank&quot;&gt;#5754&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;</content:encoded></item><item><title>三套语音输入法，我是怎么排班的</title><link>https://fork-firefly.vercel.app/posts/three-voice-input-stack/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/three-voice-input-stack/</guid><description>Typeless 扛长 prompt，闪电说扛技能生态，微信 Ctrl+Win 做离线兜底。钱都花了，不如把班表写清楚。</description><pubDate>Sat, 08 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;打字慢不是借口了。真正麻烦的是：你一口气装了好几个「嘴替」，热键打架、词库各写各的，最后还是在用最熟的那一套硬扛所有场景。&lt;/p&gt;
&lt;p&gt;我这边长期并行三套：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;Typeless&lt;/strong&gt;（闲鱼拼车，约 168/人/年，三人）——长 prompt、格式化整理的主力&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;闪电说&lt;/strong&gt;（个人会员，约 230+）——短句日常 + 技能 / 关于我 / FAQ 生态&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;微信电脑端语音输入&lt;/strong&gt;（&lt;code&gt;Ctrl + Win&lt;/code&gt;）——离线兜底，顺手但认不准专业词&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;官网价位、能力边界对照过公开资料；分工和槽点来自自己的真实排班。不是评测榜，是班表。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;先把班表钉死&lt;/h2&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;优先级&lt;/th&gt;&lt;th&gt;工具&lt;/th&gt;&lt;th&gt;热键（我的配置）&lt;/th&gt;&lt;th&gt;上岗条件&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;P0&lt;/td&gt;&lt;td&gt;Typeless&lt;/td&gt;&lt;td&gt;Right Alt&lt;/td&gt;&lt;td&gt;长 prompt、要强整理 / 强格式&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;P1&lt;/td&gt;&lt;td&gt;闪电说&lt;/td&gt;&lt;td&gt;F1 短按出字 / 长按帮我说&lt;/td&gt;&lt;td&gt;短句、帮回、润色技能、词典生态&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;P2&lt;/td&gt;&lt;td&gt;微信语音输入&lt;/td&gt;&lt;td&gt;Ctrl + Win&lt;/td&gt;&lt;td&gt;没网、随手一句日常口语&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;同一时刻只让一套抢麦克风。键位错开就不容易误触；误触了也知道该怪谁。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;Typeless：额度宽、整理狠，专治长 prompt&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Typeless 个人词典界面（官网素材）&quot; loading=&quot;lazy&quot; width=&quot;1240&quot; height=&quot;800&quot; src=&quot;/_astro/fig-typeless.DU9pRQ0o_16j2Uh.webp&quot; /&gt;&lt;figcaption&gt;Typeless 个人词典界面（官网素材）&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://www.typeless.com/&quot; target=&quot;_blank&quot;&gt;Typeless&lt;/a&gt; 把自己定位成「真的会整理的听写」：去语气词、去重复、中途改口只留最终意图、自动排列表格和步骤。公开文案还强调个性化文风、个人词典、按 App 调语气、100+ 语言混说。&lt;/p&gt;&lt;p&gt;定价（2026 公开页）：Free 约每周 8000 词；Pro 年付约 $144（约 $12/月），月付更贵。拼车落在年付档附近，体感就是「可以放开造」。本机 Pro 有效期到 2027 年中，日请求上限也高到日常打不满——所以我说它额度「无限」，指的是相对闪电说那种小时/积分账本，不是物理无限。&lt;/p&gt;&lt;p&gt;它真正暴杀闪电说的地方，不是「出字」，而是&lt;strong&gt;把乱七八糟的口语收成能直接丢给 Cursor / Claude 的长文&lt;/strong&gt;。中英混输、专有名词、一整段需求说明，Typeless 更敢给你排版。&lt;/p&gt;&lt;p&gt;短板也很清楚：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;公开评测普遍认为它是&lt;strong&gt;云端转写&lt;/strong&gt;，别指望断网硬刚（「历史留本机」≠「识别离线」）&lt;/li&gt;
&lt;li&gt;没有闪电说那种本地 &lt;code&gt;SKILL.md&lt;/code&gt; 技能树、关于我、常见问题口径库&lt;/li&gt;
&lt;li&gt;词典在 App 的 Dictionary 页（偏云端同步），本地数据库里主要是历史，不是词条文件&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;我怎么用：Right Alt 听写；&lt;code&gt;Right Alt + Space&lt;/code&gt; 走 Ask Anything；翻译用 &lt;code&gt;Right Alt + Right Shift&lt;/code&gt;。词库手动养，和闪电说那份错词表双向补，长 prompt 专用词优先丢这边。&lt;/p&gt;&lt;p&gt;官网入口：&lt;a href=&quot;https://www.typeless.com/&quot; target=&quot;_blank&quot;&gt;typeless.com&lt;/a&gt; · &lt;a href=&quot;https://www.typeless.com/pricing&quot; target=&quot;_blank&quot;&gt;定价&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;闪电说：快 + 词典 + 沟通 Agent 生态&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;闪电说技能页截图（文档站素材）&quot; loading=&quot;lazy&quot; width=&quot;1600&quot; height=&quot;1078&quot; src=&quot;/_astro/fig-shandianshuo-eco.lqfhCIK__2hXrFC.webp&quot; /&gt;&lt;figcaption&gt;闪电说技能页截图（文档站素材）&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://shandianshuo.cn/&quot; target=&quot;_blank&quot;&gt;闪电说&lt;/a&gt;（前身代体）现在官宣自己是「沟通 Agent」：短按直接说，长按帮我说。本地优先的语音识别可以很快；资料库存风格、词典、关于我、常见问题；技能用 &lt;code&gt;SKILL.md&lt;/code&gt; 描述场景（正式任务 / 轻松聊 / 文学润色 / 熟人帮回……）。Windows 上技能真源大致在：&lt;/p&gt;&lt;p&gt;&lt;code&gt;%AppData%\Roaming\Shandianshuo\skills\voice_assistant\&lt;/code&gt;&lt;/p&gt;&lt;p&gt;它吃额度：会员侧常见是「直接说时长 + Agent 积分」账本（我这边体感大约月 10 小时量级 + 一千级 Agent 分，以你账号页为准）。换来的是：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;出字快，适合日常短句&lt;/li&gt;
&lt;li&gt;词典纠正稳，技术名词可养&lt;/li&gt;
&lt;li&gt;长按读屏 + 技能路由，微信 / QQ 帮回、润色、对 AI 下指令能「按剧本走」&lt;/li&gt;
&lt;li&gt;记忆、FAQ、个性化分槽，不怕全塞进一个大文本框&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;和 Typeless 比，格式化长文的「智商感」往往弱一截；但它是&lt;strong&gt;可装配的本地工作流&lt;/strong&gt;，不是单一听写器。把 Agent 正式 / 轻松拆成两条技能后，输出终于不再先开新闻发布会——只要正文。&lt;/p&gt;&lt;p&gt;资料：&lt;a href=&quot;https://shandianshuo.cn/&quot; target=&quot;_blank&quot;&gt;官网&lt;/a&gt; · &lt;a href=&quot;https://shandianshuo.cn/docs&quot; target=&quot;_blank&quot;&gt;文档&lt;/a&gt; · &lt;a href=&quot;https://github.com/shandianshuo/shandianshuo-releases&quot; target=&quot;_blank&quot;&gt;GitHub Releases&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;微信电脑端语音：Ctrl+Win，离线顺手，专业词容易翻车&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;微信 Ctrl+Win 离线语音示意&quot; loading=&quot;lazy&quot; width=&quot;1280&quot; height=&quot;720&quot; src=&quot;/_astro/fig-wechat-voice.CywIuW7G_YLfVE.webp&quot; /&gt;&lt;figcaption&gt;微信 Ctrl+Win 离线语音示意&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;2026 年初起，微信电脑端（约 4.1.7+）内置语音输入：Windows 默认 &lt;strong&gt;Ctrl + Win&lt;/strong&gt;（也可点输入框麦克风）；Mac 常见 Fn。不止微信聊天框，装了微信客户端后，其它输入框也能调。另有不必按住的组合（如 Ctrl+Win+Shift）。官方还带「整理文字」去嗯啊、理顺逻辑。&lt;/p&gt;&lt;p&gt;独立产品 &lt;a href=&quot;https://z.weixin.qq.com&quot; target=&quot;_blank&quot;&gt;微信输入法&lt;/a&gt; 也宣传离线语音、大模型整理；我日常说的「微信键盘语音」，落点主要是&lt;strong&gt;电脑微信这条 Ctrl+Win 全局能力&lt;/strong&gt;——开机即有、不另开会员账本。&lt;/p&gt;&lt;p&gt;它适合干嘛：没网、随口一句「晚上吃啥」、懒得切 Typeless / 闪电说。&lt;br /&gt;
它不适合干嘛：CC Switch、shadcn、Codex、一串英文 API——&lt;strong&gt;没你的专有词库时，专业名词基本听天由命&lt;/strong&gt;。识别率在日常口语还行，一进术语区就废，这点和我实感一致。&lt;/p&gt;&lt;p&gt;所以它永远是 P2：兜底，不夺权。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;三家放一张桌上比&lt;/h2&gt;
































































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;维度&lt;/th&gt;&lt;th&gt;Typeless&lt;/th&gt;&lt;th&gt;闪电说&lt;/th&gt;&lt;th&gt;微信 Ctrl+Win&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;我怎么付&lt;/td&gt;&lt;td&gt;拼车 ~168/年&lt;/td&gt;&lt;td&gt;个人会员 ~230+&lt;/td&gt;&lt;td&gt;跟微信走，无另购&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;额度体感&lt;/td&gt;&lt;td&gt;宽，长文敢说&lt;/td&gt;&lt;td&gt;有时长 / Agent 分&lt;/td&gt;&lt;td&gt;无会员账本焦虑&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;整理 / 格式化&lt;/td&gt;&lt;td&gt;最强&lt;/td&gt;&lt;td&gt;中等偏上，靠模型档&lt;/td&gt;&lt;td&gt;有整理，但上限一般&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;速度体感&lt;/td&gt;&lt;td&gt;强但不拼极致低延迟&lt;/td&gt;&lt;td&gt;快，短句舒服&lt;/td&gt;&lt;td&gt;够用&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;词典&lt;/td&gt;&lt;td&gt;有，云端 Dictionary&lt;/td&gt;&lt;td&gt;有，本地 md + UI&lt;/td&gt;&lt;td&gt;基本无个人术语库&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;风格 / 记忆&lt;/td&gt;&lt;td&gt;自动文风学习强&lt;/td&gt;&lt;td&gt;风格规则 + 关于我 + FAQ + 技能&lt;/td&gt;&lt;td&gt;弱&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;读屏 / 技能 Agent&lt;/td&gt;&lt;td&gt;Ask Anything 等，偏通用&lt;/td&gt;&lt;td&gt;帮我说 + 本地技能树&lt;/td&gt;&lt;td&gt;无&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;离线&lt;/td&gt;&lt;td&gt;基本不行&lt;/td&gt;&lt;td&gt;本地 ASR 可离线出字；帮我说看模型&lt;/td&gt;&lt;td&gt;体感可离线硬刚日常&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;典型上岗&lt;/td&gt;&lt;td&gt;长 prompt&lt;/td&gt;&lt;td&gt;短句 / 帮回 / 技能&lt;/td&gt;&lt;td&gt;随手口语&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;别跟自己较劲「只能留一个」。钱都付了，按场景换人比站队划算。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;词库别养三遍&lt;/h2&gt;&lt;p&gt;长 prompt 里炸过的词，先丢 &lt;strong&gt;Typeless Dictionary&lt;/strong&gt;。帮回、短按里炸的，写进 &lt;strong&gt;闪电说词典&lt;/strong&gt;（格式就 &lt;code&gt;错 → 对&lt;/code&gt;）。微信那条别指望养词库；一进术语区直接换人。&lt;/p&gt;&lt;p&gt;Cloud / Claude、shadow / shadcn、CG Switch / CC Switch 这类易错骨架，Typeless 和闪电说各留一份就行，别搞第三份。&lt;/p&gt;&lt;p&gt;技能、关于我、常见问题是另一摊：只活在闪电说本地。Typeless 再强，也不会去翻 &lt;code&gt;%AppData%\Shandianshuo\skills\&lt;/code&gt;。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;现场怎么换人&lt;/h2&gt;&lt;p&gt;对着 Cursor 喷二三百字需求，上 Typeless。QQ / 微信要帮回、要正式轻松两套口径，长按闪电说。电梯没网只回「到了」，&lt;code&gt;Ctrl + Win&lt;/code&gt;。两套热键别同时按住，麦克风只会认一个，乱了你也烦。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;只想留一个？以及我为啥没砍&lt;/h2&gt;&lt;p&gt;别问最优解。我砍过，砍完又装回来。&lt;/p&gt;&lt;p&gt;真要砍：天天长需求、中英混着喷、云端你认了，留 Typeless。天天靠帮回、还想养技能和 FAQ，留闪电说。啥都不想配、只求随手出字，微信那条够用，别拿它认 CC Switch。&lt;/p&gt;&lt;p&gt;我三个都挂着，一半是会员钱已经砸了，一半是这三家根本不打同一个工种。Typeless 能把胡扯口述收成能贴进 Claude 的稿；闪电说那套技能和关于我，Typeless 读不到；没网的时候前两家都别指望。所以这不是「三合一信仰」，就是懒得再选一次。班表写进置顶备忘录，按场景按键，比纠结谁更贵有用。&lt;/p&gt;&lt;p&gt;相关链接：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;Typeless：&lt;a href=&quot;https://www.typeless.com/&quot; target=&quot;_blank&quot;&gt;https://www.typeless.com/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;闪电说：&lt;a href=&quot;https://shandianshuo.cn/&quot; target=&quot;_blank&quot;&gt;https://shandianshuo.cn/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;微信输入法：&lt;a href=&quot;https://z.weixin.qq.com/&quot; target=&quot;_blank&quot;&gt;https://z.weixin.qq.com/&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;</content:encoded></item><item><title>关于我用Agent治理Vibe项目的心智模型和workflow</title><link>https://fork-firefly.vercel.app/posts/agent-governance-harness-mental-model/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/agent-governance-harness-mental-model/</guid><description>CLI 认 .agents，IDE 却各建 .cursor/.claude/.kiro。把开放标准、Matt Pocock 治理资产和本站 workflow 收成三层心智模型：共享真相、活账本、薄适配。</description><pubDate>Sat, 08 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;同一个项目里，CLI 老老实实读 &lt;code&gt;.agents/&lt;/code&gt;，IDE 却拼命新建 &lt;code&gt;.cursor&lt;/code&gt;、&lt;code&gt;.claude&lt;/code&gt;、&lt;code&gt;.trae&lt;/code&gt;、&lt;code&gt;.kiro&lt;/code&gt;。不是你配错了，是生态还处在「共享核心 + 专属扩展」的过渡期。&lt;/p&gt;
&lt;p&gt;这篇不拆 Matt 那四十个技能怎么转（那件事我写过：&lt;a href=&quot;/posts/matt-pocock-engineering-method/&quot;&gt;40 个技能围着一个 grilling 转&lt;/a&gt;）。这篇只回答三件事：根目录到底放什么、不同阶段养什么、Agent 怎么把这套 harness 读进上下文并干活。&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;AI Skills for Real Engineers 官方视觉&quot; loading=&quot;lazy&quot; width=&quot;1200&quot; height=&quot;630&quot; src=&quot;/_astro/fig-aihero-skills.JNFtpInL_Z2uUVWd.webp&quot; /&gt;&lt;figcaption&gt;AI Skills for Real Engineers 官方视觉&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;先认清：IDE 建专属目录，不等于第二套技能源&lt;/h2&gt;&lt;p&gt;CLI 基本是纯文件驱动，所以更愿意读共享的 &lt;code&gt;AGENTS.md&lt;/code&gt; + &lt;code&gt;.agents/skills/&lt;/code&gt;。&lt;/p&gt;&lt;p&gt;IDE 还要额外的东西：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;更细的触发元数据（globs、&lt;code&gt;alwaysApply&lt;/code&gt;、条件规则）&lt;/li&gt;
&lt;li&gt;hooks、settings、命令面板、本地覆盖&lt;/li&gt;
&lt;li&gt;历史包袱（旧 &lt;code&gt;.cursorrules&lt;/code&gt;、各家 &lt;code&gt;CLAUDE.md&lt;/code&gt; / steering / specs）&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;所以 &lt;code&gt;.claude&lt;/code&gt;、&lt;code&gt;.cursor&lt;/code&gt;、&lt;code&gt;.trae&lt;/code&gt;、&lt;code&gt;.vscode&lt;/code&gt; 首先是&lt;strong&gt;运行时适配层&lt;/strong&gt;。它们经常只是在指向或镜像共享内容，不该再复制一份 skill 正文。&lt;/p&gt;&lt;p&gt;你要盯的是：共享源有没有唯一真源；专属目录有没有偷偷长成第二份仓库。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;正在收敛的三块开放标准&lt;/h2&gt;&lt;p&gt;还没走到「全世界只认一个文件夹」，但主干已经清楚。&lt;/p&gt;&lt;section&gt;&lt;h3&gt;AGENTS.md：跨工具的项目说明书&lt;/h3&gt;&lt;p&gt;&lt;a href=&quot;https://agents.md/&quot; target=&quot;_blank&quot;&gt;AGENTS.md&lt;/a&gt; 是给人看的 README 之外、专给 coding agent 的说明：怎么构建、怎么测、哪些约定别踩。现在由 Linux Foundation 旗下的 Agentic AI Foundation 托管，Codex、Cursor、GitHub Copilot、Jules、Amp 等一长串工具都认。&lt;/p&gt;&lt;p&gt;Claude Code 不原生读它，读 &lt;code&gt;CLAUDE.md&lt;/code&gt;。务实做法是：&lt;code&gt;AGENTS.md&lt;/code&gt; 当 SSOT，&lt;code&gt;CLAUDE.md&lt;/code&gt; 顶部 &lt;code&gt;@AGENTS.md&lt;/code&gt; 或薄封装一层加载序。&lt;/p&gt;&lt;p&gt;Matt 自己也提醒过：别把 &lt;code&gt;AGENTS.md&lt;/code&gt; 养成泥球。每条指令都占「instruction budget」，路径级细节又最容易过期。短、可执行、偏能力描述，细节丢给 skills 渐进加载。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;agents.md 开放标准&quot; loading=&quot;lazy&quot; width=&quot;1400&quot; height=&quot;917&quot; src=&quot;/_astro/fig-agents-md.DgeK5BcH_1JPq7h.webp&quot; /&gt;&lt;figcaption&gt;agents.md 开放标准&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;Agent Skills：&lt;code&gt;SKILL.md&lt;/code&gt; 文件夹协议&lt;/h3&gt;&lt;p&gt;&lt;a href=&quot;https://agentskills.io/&quot; target=&quot;_blank&quot;&gt;Agent Skills&lt;/a&gt; 约定很简单：一个目录 + &lt;code&gt;SKILL.md&lt;/code&gt;（frontmatter 必填 &lt;code&gt;name&lt;/code&gt; + &lt;code&gt;description&lt;/code&gt;）+ 可选的 &lt;code&gt;scripts/&lt;/code&gt;、&lt;code&gt;references/&lt;/code&gt;、&lt;code&gt;assets/&lt;/code&gt;。&lt;/p&gt;&lt;p&gt;加载方式是 progressive disclosure：先只看见名字和描述，真用到才读全文。Codex 会从当前目录向上扫 &lt;code&gt;.agents/skills&lt;/code&gt;，再读用户级 &lt;code&gt;~/.agents/skills&lt;/code&gt;；Cursor 一类工具常同时扫共享路径和自家 skills 目录。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;&lt;code&gt;.agents/&lt;/code&gt; Protocol：还在 Draft，但路径已经被用上了&lt;/h3&gt;&lt;p&gt;&lt;a href=&quot;https://dotagentsprotocol.com/&quot; target=&quot;_blank&quot;&gt;dotagentsprotocol.com&lt;/a&gt; 想把 MCP、指令、skills、sub-agents、memories、模型配置都塞进 vendor-neutral 的 &lt;code&gt;.agents/&lt;/code&gt;。草案而已。现实里更管用的是约定俗成：&lt;code&gt;.agents/skills/&lt;/code&gt; 当共享技能源，IDE 目录做薄适配。&lt;/p&gt;&lt;p&gt;MCP 解决「能力怎么接」；Plugins / skills.sh 解决「技能包怎么分发」。它们都不替代「项目记忆写在哪」。&lt;/p&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;三层心智模型（我每个项目都按这个长）&lt;/h2&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;p&gt;&lt;strong&gt;共享真相层&lt;/strong&gt;：能力与跨工具规范只维护一份。&lt;br /&gt;
&lt;strong&gt;治理账本层&lt;/strong&gt;：领域语言、决策、tracker 配置随项目生长。&lt;br /&gt;
&lt;strong&gt;工具适配层&lt;/strong&gt;：只放该工具真正需要的 rules / settings / hooks；skills 用 junction 指回共享源。&lt;/p&gt;&lt;p&gt;展开成目录，大概是这样：&lt;/p&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;project/&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;├── AGENTS.md                 # 跨工具通用指令（优先维护）&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;├── CLAUDE.md                 # @AGENTS.md + Claude 专属加载序&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;├── CONTEXT.md                # 领域事实 / 术语（单上下文）&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;├── CONTEXT-MAP.md            # （可选）多上下文索引&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;├── LANGUAGES.md              # 共享用词（本仓加厚；见下）&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;│&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;8&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;├── docs/&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;9&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;│   ├── adr/                  # 难逆转决策（懒创建）&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;10&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;│   └── agents/               # 项目配置层&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;11&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;│       ├── issue-tracker.md&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;12&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;│       ├── domain.md&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;13&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;│       ├── triage-labels.md&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;14&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;│       └── workflow.md       # 你自己的任务流细节&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;15&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;│&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;16&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;├── .agents/&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;17&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;│   └── skills/               # 真正的 skill 源（只维护这里）&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;18&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;│&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;19&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;# --- 下面全部可选：你用到哪个工具再加哪个 ---&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;20&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;├── .claude/                  # Claude Code&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;21&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;├── .cursor/                  # Cursor（rules / skills→junction）&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;22&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;├── .trae/                    # Trae&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;23&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;├── .kiro/                    # Kiro（steering / specs）&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;24&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;├── .codex/ · .gemini/ · .junie/ · .windsurf/&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;25&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;├── .vscode/                  # 编辑器集成默认值&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;26&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;├── .github/                  # Copilot instructions / prompts&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;27&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;└── src/&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;span&gt;展开&lt;/span&gt;&lt;span&gt;收起&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;p&gt;别被列表吓到。根上先有 &lt;code&gt;AGENTS.md&lt;/code&gt; + &lt;code&gt;CLAUDE.md&lt;/code&gt; + &lt;code&gt;CONTEXT.md&lt;/code&gt; + &lt;code&gt;.agents/skills/&lt;/code&gt;，已经能跑；其余按痛点长，不按焦虑长。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;Matt 的治理资产：嵌进日常，而不是换掉你的流程&lt;/h2&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/mattpocock/skills&quot; target=&quot;_blank&quot;&gt;mattpocock/skills&lt;/a&gt; 标语写得很直：Skills for Real Engineers，从他自己的 &lt;code&gt;.agents&lt;/code&gt; 目录抽出来。调研日量级大约二十万星，release 已到 v1.2.x。主站目录在 &lt;a href=&quot;https://www.aihero.dev/skills&quot; target=&quot;_blank&quot;&gt;AIHero Skills&lt;/a&gt;。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;mattpocock/skills 仓库&quot; loading=&quot;lazy&quot; width=&quot;1200&quot; height=&quot;600&quot; src=&quot;/_astro/fig-matt-repo.DsG5xE3U_23sJCF.webp&quot; /&gt;&lt;figcaption&gt;mattpocock/skills 仓库&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;它不是「全流程接管框架」。哲学是：小、可组合、模型无关，&lt;strong&gt;人始终握着过程&lt;/strong&gt;。针对的是对齐失败、术语漂移、代码质量、架构泥球，而不是再发明一套必须服从的瀑布。&lt;/p&gt;&lt;p&gt;一次性 &lt;code&gt;/setup-matt-pocock-skills&lt;/code&gt; 在仓里落的，主要是这些：&lt;/p&gt;


































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;资产&lt;/th&gt;&lt;th&gt;位置&lt;/th&gt;&lt;th&gt;干什么&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;Issue tracker 配置&lt;/td&gt;&lt;td&gt;&lt;code&gt;docs/agents/issue-tracker.md&lt;/code&gt;&lt;/td&gt;&lt;td&gt;GitHub / Linear / 本地 &lt;code&gt;.scratch/&lt;/code&gt; …&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Triage 标签映射&lt;/td&gt;&lt;td&gt;&lt;code&gt;docs/agents/triage-labels.md&lt;/code&gt;&lt;/td&gt;&lt;td&gt;五态：needs-triage → ready-for-agent …&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Domain 消费规则&lt;/td&gt;&lt;td&gt;&lt;code&gt;docs/agents/domain.md&lt;/code&gt;&lt;/td&gt;&lt;td&gt;告诉技能读哪些 CONTEXT / ADR&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;领域语言&lt;/td&gt;&lt;td&gt;根 &lt;code&gt;CONTEXT.md&lt;/code&gt;&lt;/td&gt;&lt;td&gt;grilling 时生长；别兼当 spec 草稿&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;决策账本&lt;/td&gt;&lt;td&gt;&lt;code&gt;docs/adr/&lt;/code&gt;&lt;/td&gt;&lt;td&gt;只记难逆转 + 真有 trade-off 的&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;技能文件本身尽量零硬编码：跨仓差异都读 &lt;code&gt;docs/agents/*&lt;/code&gt;。这点很工程。&lt;/p&gt;&lt;p&gt;主流程我日常记成：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;Align  → /grill-with-docs（有代码库）或 /grill-me&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;Spec   → /to-spec&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;Plan   → /to-tickets&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;Build  → /implement + 模型侧 tdd / code-review&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;Upkeep → /improve-codebase-architecture …&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;迷路时 → /ask-matt&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;技能拆解、grilling 引擎、v1.2 细节见旧帖；这里只强调一句：&lt;strong&gt;治理文件是活的&lt;/strong&gt;。你不更新 &lt;code&gt;CONTEXT.md&lt;/code&gt;，整套技能就退化为「会喊口号的斜杠命令」。&lt;/p&gt;&lt;section&gt;&lt;h3&gt;&lt;code&gt;LANGUAGE.md&lt;/code&gt; 别和 &lt;code&gt;LANGUAGES.md&lt;/code&gt; 搞混&lt;/h3&gt;&lt;p&gt;Matt 技能内部会有 &lt;code&gt;LANGUAGE.md&lt;/code&gt;（deep module 那套词汇：Module / Interface / Seam…）。那是技能自带参考，不是每个项目根目录必建的文件。&lt;/p&gt;&lt;p&gt;我这边额外维护根级 &lt;code&gt;LANGUAGES.md&lt;/code&gt;：站点称呼、issue 用词、博客领域用词。和 &lt;code&gt;CONTEXT.md&lt;/code&gt; 分工——CONTEXT 管领域事实与硬约束，LANGUAGES 管「说话时用哪个词」。冲突以 CONTEXT 为准，必要时开 ADR。&lt;/p&gt;&lt;p&gt;官方 setup 还有个已知坑：它优先往已存在的 &lt;code&gt;CLAUDE.md&lt;/code&gt; 写 &lt;code&gt;## Agent skills&lt;/code&gt;，Codex 用户可能读不到。所以我坚持 &lt;strong&gt;AGENTS 为 SSOT，CLAUDE 只做薄适配&lt;/strong&gt;。&lt;/p&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;不同阶段，养哪一层&lt;/h2&gt;




















































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;阶段&lt;/th&gt;&lt;th&gt;重点维护&lt;/th&gt;&lt;th&gt;Agent 实际在读什么&lt;/th&gt;&lt;th&gt;我怎么做&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;新项目启动&lt;/td&gt;&lt;td&gt;AGENTS、空 CONTEXT、docs/agents、.agents/skills&lt;/td&gt;&lt;td&gt;启动读 AGENTS/CLAUDE&lt;/td&gt;&lt;td&gt;跑一次 setup；空 CONTEXT 也先建&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;需求澄清 / 设计&lt;/td&gt;&lt;td&gt;CONTEXT、ADR 实时写&lt;/td&gt;&lt;td&gt;grill-with-docs 读写账本&lt;/td&gt;&lt;td&gt;强制 grilling，禁止直接开写大功能&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;中大型功能&lt;/td&gt;&lt;td&gt;tickets、术语表&lt;/td&gt;&lt;td&gt;implement + 自动 tdd/review&lt;/td&gt;&lt;td&gt;to-spec → to-tickets → 每票尽量新会话&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;日常小改 / Bug&lt;/td&gt;&lt;td&gt;局部 CONTEXT、相关 ADR&lt;/td&gt;&lt;td&gt;diagnosing-bugs&lt;/td&gt;&lt;td&gt;小改勿全流程；修完必要时补 ADR&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;架构演进&lt;/td&gt;&lt;td&gt;CONTEXT、ADR、设计词汇&lt;/td&gt;&lt;td&gt;improve-codebase-architecture&lt;/td&gt;&lt;td&gt;定期扫 deepening，别等泥球成型&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;多工具协作&lt;/td&gt;&lt;td&gt;共享层 SSOT；专属目录薄&lt;/td&gt;&lt;td&gt;CLI 读 .agents；IDE 走 junction&lt;/td&gt;&lt;td&gt;skill 正文只维护一份&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;长期维护&lt;/td&gt;&lt;td&gt;CONTEXT 精简、ADR 懒记&lt;/td&gt;&lt;td&gt;每会话都会参考&lt;/td&gt;&lt;td&gt;几周删一次过时术语&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;核心纪律只有两条：共享层永远是真相源；工具目录禁止再复制同一套 skill 正文。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;Agent 怎么读，才能把 harness 用满&lt;/h2&gt;&lt;p&gt;机制可以简化成：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;会话启动&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;→ 读根 AGENTS.md / CLAUDE.md（嵌套时最近者优先）&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;→ IDE 再叠 alwaysApply rules&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;Skills 发现&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;→ 扫 .agents/skills + 工具专属 skills（先 metadata，后全文）&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;运行时&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;→ 你触发的 skill：显式改 CONTEXT / 写 ADR / 更新 docs/agents&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;8&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;→ 模型触发的 skill：tdd、code-review… 带着账本干活&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;9&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;工具面&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;10&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;→ MCP 接外部能力；Plugins 负责安装与更新通道&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;想放大效果，我实际就做这几件：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;全局 / 项目 skills 用 junction，避免三份漂移&lt;/li&gt;
&lt;li&gt;&lt;code&gt;AGENTS.md&lt;/code&gt; 写明：工程技能优先走 Matt 系，并维护 CONTEXT&lt;/li&gt;
&lt;li&gt;Claude：&lt;code&gt;CLAUDE.md&lt;/code&gt; 指向 AGENTS，不另起炉灶&lt;/li&gt;
&lt;li&gt;迷路先 &lt;code&gt;/ask-matt&lt;/code&gt;，别靠背技能名&lt;/li&gt;
&lt;li&gt;grilling 结束若没改 CONTEXT，算这次对齐失败&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;Harness 不是「装得越多越强」。是 Agent 每次醒来都能摸到同一份项目记忆。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;和 Superpowers、ECC 怎么处&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;obra/superpowers&quot; loading=&quot;lazy&quot; width=&quot;1200&quot; height=&quot;600&quot; src=&quot;/_astro/fig-superpowers.mEHgsOBE_ZpJ76g.webp&quot; /&gt;&lt;figcaption&gt;obra/superpowers&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Everything Claude Code / ECC&quot; loading=&quot;lazy&quot; width=&quot;1200&quot; height=&quot;600&quot; src=&quot;/_astro/fig-ecc.DzSVmcAR_Wl2h9.webp&quot; /&gt;&lt;figcaption&gt;Everything Claude Code / ECC&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;








































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;维度&lt;/th&gt;&lt;th&gt;Matt Skills&lt;/th&gt;&lt;th&gt;Superpowers&lt;/th&gt;&lt;th&gt;ECC&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;定位&lt;/td&gt;&lt;td&gt;可组合工具箱 + 治理资产&lt;/td&gt;&lt;td&gt;完整方法论，硬门禁&lt;/td&gt;&lt;td&gt;Harness OS：海量 agent/skill + memory + 安全扫描&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;控制权&lt;/td&gt;&lt;td&gt;人主动触发为主&lt;/td&gt;&lt;td&gt;SessionStart 注入，流程强制&lt;/td&gt;&lt;td&gt;灵活，能力面大，编排靠你&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;资产沉淀&lt;/td&gt;&lt;td&gt;CONTEXT / ADR 跨会话生长&lt;/td&gt;&lt;td&gt;偏单次 Plan→Execute→Finish&lt;/td&gt;&lt;td&gt;有 memory/instincts；领域建模非核心&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;规模&lt;/td&gt;&lt;td&gt;精，可挑着用&lt;/td&gt;&lt;td&gt;十几个核心技能成体系&lt;/td&gt;&lt;td&gt;几十 agent + 上百 skill&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;风险&lt;/td&gt;&lt;td&gt;人不坚持就退化&lt;/td&gt;&lt;td&gt;小任务过重&lt;/td&gt;&lt;td&gt;过载、纪律变可选&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;社区里比较清醒的用法是：按任务形状选，不要按星数选。不确定、要深对齐，先 Matt 的 grill；要防 agent 偷懒的长程交付，可叠 Superpowers 的纪律；要某一类垂直能力，再从 ECC 里偷单件。&lt;/p&gt;&lt;p&gt;我自己的默认：&lt;strong&gt;Matt 治理骨架 + 开放标准目录当底座&lt;/strong&gt;；Superpowers / ECC 只吸收真痛点对应的招，绝不三个 meta-router 同时开。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;本站是怎么长出来的（实证，不是示意图）&lt;/h2&gt;&lt;p&gt;这套不是 PPT。博客仓现在就是按三层养的：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;根上：&lt;code&gt;AGENTS.md&lt;/code&gt;、&lt;code&gt;CLAUDE.md&lt;/code&gt;、&lt;code&gt;CONTEXT.md&lt;/code&gt;、&lt;code&gt;LANGUAGES.md&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;账本：&lt;code&gt;docs/adr/&lt;/code&gt;、&lt;code&gt;docs/agents/&lt;/code&gt;（Matt 三件套之外，还加了 &lt;code&gt;workflow&lt;/code&gt; / &lt;code&gt;deliver&lt;/code&gt; / &lt;code&gt;archive&lt;/code&gt; / &lt;code&gt;voice&lt;/code&gt;）&lt;/li&gt;
&lt;li&gt;共享技能：&lt;code&gt;.agents/skills/&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;Cursor 适配：&lt;code&gt;.cursor/rules&lt;/code&gt; 只放站点专有规则；&lt;code&gt;.cursor/skills&lt;/code&gt; 用 junction，正文不双开&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;内容流水线也挂在同一治理层上，而不是另起一套玄学：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;甲 · Obsidian 笔记 → ob2blog → posts/&amp;lt;slug&amp;gt; → site-cascade&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;乙 · 会话/调研   → knowledge-extract → knowledge-output → site-cascade&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;再加一条多 agent 并行纪律：壁纸、音乐、配图、发文各管各的模块，看到别人的未提交改动别瞎慌。这是「项目记忆」的一部分，写进 AGENTS 比写进某次聊天有用得多。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;近几天上游还在吵什么&lt;/h2&gt;&lt;p&gt;扫 &lt;a href=&quot;https://github.com/mattpocock/skills&quot; target=&quot;_blank&quot;&gt;mattpocock/skills&lt;/a&gt; 近几日的 issue，味道很成熟库：不是「这套废了」，而是「再好用一点」。&lt;/p&gt;&lt;p&gt;例如可恢复的 grilling 状态、plugin 通道下 setup 漏写 triage-labels、并行分支 ADR 编号撞车、skills 目录拍平并靠拢 Agent Plugins 1.0。对使用者的启示很具体：setup 跑完检查 &lt;code&gt;docs/agents/&lt;/code&gt; 是否真写全；多分支时 ADR 编号别裸冲。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;认清边界再开工&lt;/h2&gt;&lt;p&gt;小改别强行 grill→tickets→implement 全套。&lt;br /&gt;
skill 正文只维护一份，专属目录用链接。&lt;br /&gt;
&lt;code&gt;AGENTS.md&lt;/code&gt; 变厚时做减法，别当后悔药仓库。&lt;br /&gt;
IDE 专属文件夹会继续存在；你要统一的是&lt;strong&gt;真相源&lt;/strong&gt;，不是强迫所有工具删目录。&lt;/p&gt;&lt;p&gt;如果你已经在用 Matt、又同时开着 Cursor / Claude / Codex：先把共享层收干净，再谈装更多技能。目录不乱，Agent 才有机会真的变乖。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>五刀订个 Go，把 DeepSeek V4 Flash 蹬到爽</title><link>https://fork-firefly.vercel.app/posts/opencode-go-deepseek-v4-flash/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/opencode-go-deepseek-v4-flash/</guid><description>社区说 Go 里的 Flash「降智」不全是谣言；核过 GitHub 之后，我还是用首月五刀把 Flash 接进 Claude Code 当日用主力蹬。</description><pubDate>Sat, 08 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;社区截图在吵「Go 里的 DS 跟官方不一样、默认降智」。我把 GitHub 证据翻了一遍，再对照自己现在的用法：吐槽不是空穴来风，但也不等于这套饭不能吃。对我来说，真正值钱的是——首月五刀订 Go，接进 Claude Code，把 Flash 当日用主力蹬。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;那些吐槽，哪些属实&lt;/h2&gt;&lt;p&gt;结论先摆桌上：有真实依据，但别被「问模型你是谁」带沟里。&lt;/p&gt;





























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;说法&lt;/th&gt;&lt;th&gt;核验&lt;/th&gt;&lt;th&gt;我怎么看&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;Go 的 Flash 跟官方体感不一样 / 降智&lt;/td&gt;&lt;td&gt;社区有对比反馈；复杂 agent 循环上分歧最大&lt;/td&gt;&lt;td&gt;部分人中招，不是人人中招&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;模型自称 V3.2、不知道 V4&lt;/td&gt;&lt;td&gt;GitHub &lt;a href=&quot;https://github.com/anomalyco/opencode/issues/40409&quot; target=&quot;_blank&quot;&gt;#40409&lt;/a&gt;（2026-08-04 开，08-07 关）可复现；&lt;a href=&quot;https://github.com/anomalyco/opencode/issues/40607&quot; target=&quot;_blank&quot;&gt;#40607&lt;/a&gt; 在官方第一方 API 也能复现&lt;/td&gt;&lt;td&gt;维护者直接说了：LLM 会撒谎身份，这种探测意义不大&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;0731 要开 China-hosted&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/anomalyco/opencode/issues/39838&quot; target=&quot;_blank&quot;&gt;#39838&lt;/a&gt;、V2EX 等：不开就 &lt;code&gt;RegionError&lt;/code&gt; 403&lt;/td&gt;&lt;td&gt;想用最新 Flash，工作区里把「启用中国部署的模型」打开&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;「量大小人物」分级&lt;/td&gt;&lt;td&gt;公开资料没坐实&lt;/td&gt;&lt;td&gt;先当段子，别当真&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;8 月 4 日那边还有另一条硬新闻：Flash API 因「前所未有访问量」容量吃紧，OpenCode 自己也发过告警，官方随后说已恢复。负载是真的猛——OpenCode 还晒过 8 月 1 日单日约 &lt;strong&gt;8T tokens&lt;/strong&gt;（免费 5T + Go 付费 3T）。人多了，卡顿和体感波动都正常。&lt;/p&gt;&lt;p&gt;自报身份不可靠。想判断版本，拿真实 coding / 多轮工具任务并排测，比盘问「你是谁」靠谱。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;性价比到底离谱在哪&lt;/h2&gt;&lt;p&gt;官方落地页（&lt;a href=&quot;https://opencode.ai/go&quot; target=&quot;_blank&quot;&gt;opencode.ai/go&lt;/a&gt;）那张「每 5 小时请求数」条形图，一眼就能看懂 Flash 站哪：&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;OpenCode Go 每 5 小时请求数使用限制：DeepSeek V4 Flash 现约 63300（含 2x usage）&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;462&quot; src=&quot;/_astro/cover.D0vR0AKm_ZeH4Om.webp&quot; /&gt;&lt;figcaption&gt;OpenCode Go 每 5 小时请求数使用限制：DeepSeek V4 Flash 现约 63300（含 2x usage）&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;项&lt;/th&gt;&lt;th&gt;数字&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;首月&lt;/td&gt;&lt;td&gt;&lt;strong&gt;&lt;span&gt;&lt;span&gt;5∗∗，之后∗∗5**，之后 **&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;5&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;∗&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;∗&lt;/span&gt;&lt;span&gt;，之后&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;∗&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;∗&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;10&lt;/strong&gt;/月&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;滚动额度&lt;/td&gt;&lt;td&gt;5 小时 &lt;strong&gt;&lt;span&gt;&lt;span&gt;12∗∗/周∗∗12** / 周 **&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;12&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;∗&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;∗&lt;/span&gt;&lt;span&gt;/&lt;/span&gt;&lt;span&gt;周&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;∗&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;∗&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;30&lt;/strong&gt; / 月 &lt;strong&gt;$60&lt;/strong&gt;（按美元价值计）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Flash 基础估算&lt;/td&gt;&lt;td&gt;约 &lt;strong&gt;31,650&lt;/strong&gt; / 5 小时（文档表）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Flash &lt;strong&gt;现网 2× 促销&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;约 &lt;strong&gt;63,300&lt;/strong&gt; / 5 小时（落地页条形图；Luna 也标了 2×）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Flash 计价（与官方对齐）&lt;/td&gt;&lt;td&gt;输入 &lt;span&gt;&lt;span&gt;0.14/输出0.14 / 输出 &lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;0.14/&lt;/span&gt;&lt;span&gt;输出&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;0.28 / 缓存命中约 $0.0028（每百万 token）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;官方自述杠杆&lt;/td&gt;&lt;td&gt;付 $10，目标给约 &lt;strong&gt;6×&lt;/strong&gt; 用量&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;图上谁短谁长不用我多嘴：Grok / Kimi K3 / Qwen Max 一百出头，Flash 直接拉到六万级。便宜、额度进 &lt;span&gt;&lt;span&gt;60池、个人重度codingagent很难打满。同样体积用量去官方直连，口袋要掏满那60 池、个人重度 coding agent 很难打满。同样体积用量去官方直连，口袋要掏满那 &lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;60&lt;/span&gt;&lt;span&gt;池、个人重度&lt;/span&gt;&lt;span&gt;co&lt;/span&gt;&lt;span&gt;d&lt;/span&gt;&lt;span&gt;in&lt;/span&gt;&lt;span&gt;g&lt;/span&gt;&lt;span&gt;a&lt;/span&gt;&lt;span&gt;g&lt;/span&gt;&lt;span&gt;e&lt;/span&gt;&lt;span&gt;n&lt;/span&gt;&lt;span&gt;t&lt;/span&gt;&lt;span&gt;很难打满。同样体积用量去官方直连，口袋要掏满那&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;60；Go 这边月费十刀，还顺带一堆 GLM / Kimi / MiniMax / Qwen 等模型。&lt;/p&gt;&lt;p&gt;2× 是限时的（落地页 New 条写着 limited time），促销结束会回落基础档，别按峰值当永久真理。细则仍以 &lt;a href=&quot;https://opencode.ai/docs/go/&quot; target=&quot;_blank&quot;&gt;docs/go&lt;/a&gt; 与控制台为准。&lt;/p&gt;&lt;p&gt;额度是&lt;strong&gt;全模型共享&lt;/strong&gt;的。你狂烧 GLM-5.2、Kimi K3 这类贵货，Flash 的「几乎无限」会被挤掉。想蹬 Flash，就别把贵模型当背景噪音开着。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;我怎么把它接到 Claude Code 里蹬&lt;/h2&gt;&lt;p&gt;别人材料里写了很多对比评测。我自己的用法就三步，够用：&lt;/p&gt;&lt;section&gt;&lt;h3&gt;1. 订 Go：五刀 + 邀请赠额&lt;/h3&gt;&lt;p&gt;走别人的邀请链接订 Go，首月 &lt;strong&gt;&lt;span&gt;&lt;span&gt;5∗∗。邀请侧常有∗∗5**。邀请侧常有 **&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;5&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;∗&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;∗&lt;/span&gt;&lt;span&gt;。邀请侧常有&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;∗&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;∗&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;5&lt;/strong&gt; 赠送额度（社区说法，以结算页为准），叠上套餐里的月度 &lt;strong&gt;$60&lt;/strong&gt; 价值用量——对个人开发者已经夸张了。&lt;/p&gt;&lt;p&gt;订完拿 Zen/Go 的 API key，端点是 OpenAI 兼容：&lt;code&gt;https://opencode.ai/zen/go/v1/chat/completions&lt;/code&gt;，模型 ID：&lt;code&gt;deepseek-v4-flash&lt;/code&gt;。&lt;/p&gt;&lt;p&gt;想稳定吃到 0731 新版，记得去工作区打开 &lt;strong&gt;Enable models hosted in China&lt;/strong&gt;。不开的话，Flash 可能直接 403，或者根本到不了你以为的那版。数据会走中国侧基础设施，敏感业务自己掂量。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;2. CC Switch：Anthropic 协议拐成 OpenAI&lt;/h3&gt;&lt;p&gt;Claude Code 默认吃 Anthropic 协议。Go 的 Flash 端点是 OpenAI 兼容。&lt;/p&gt;&lt;p&gt;中间架一层 &lt;strong&gt;CC Switch&lt;/strong&gt;（本机常见 &lt;code&gt;127.0.0.1:15721&lt;/code&gt;）：加 Provider，把上游指到 OpenCode Go，把 CC 的 Anthropic 请求路由/转换成 OpenAI &lt;code&gt;chat/completions&lt;/code&gt;。工具端只认本地代理，模型实锤落到 &lt;code&gt;deepseek-v4-flash&lt;/code&gt;。&lt;/p&gt;&lt;p&gt;链路可以想成：&lt;/p&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;3. 在 Claude Code 里当主力蹬&lt;/h3&gt;&lt;p&gt;接好之后，Flash 就挂在 Claude Code 的 Harness 生态里跑：多轮工具、自己的 workflow、日常改码调试。复杂关键决策另切更强模型兜底；日用循环、可拆任务，Flash 足够舒服，而且量够你蹬。&lt;/p&gt;&lt;p&gt;相关阅读：&lt;a href=&quot;/posts/opencode-luna-deepseek-minimax/&quot;&gt;把高成本判断留给 Luna&lt;/a&gt;——那边讲 OpenCode 里怎么拆角色；这篇讲「订 Go → 拐进 CC → 蹬 Flash」。&lt;/p&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;人太多会抖，但还没打断我&lt;/h2&gt;&lt;p&gt;Flash 现在是全球热点。OpenCode 一家就能晒出单日万亿级 token；官方 API 也出现过容量告警。人多了——印度那边也在猛蹬、各路羊毛党、agent 刷子一起上——上游抖动、偶发变慢甚至「感觉钝了」，都说得通，官方性能被挤差一截也不奇怪。&lt;/p&gt;&lt;p&gt;但这并不碍事。起码目前没有打断我这套工作流，我也没体验到那种「换了个假模型」的断崖差别。有体感落差时，优先查：China opt-in 开了没、是不是高峰挤兑、贵模型有没有在偷额度。&lt;/p&gt;&lt;p&gt;还在观望的，开一个月实测最准：看消耗曲线，也看复杂任务并排对比。对我来说，这五刀订下去，Flash 已经够当日用主力了。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>和 Claude Code 聊了聊：我们怎么让 AI 回复有体温</title><link>https://fork-firefly.vercel.app/posts/ai-reply-human-touch/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/ai-reply-human-touch/</guid><description>一次对话，拆开一套让 AI 回复像人的三层体系：CLAUDE.md 的规范层、memory 的记忆层、humanizer-tta 的执行层，加上跨工具同步与进化闭环两个隐藏层。</description><pubDate>Sat, 08 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;blockquote&gt;&lt;p&gt;缘起：今天 Claude Code 帮我拆 OpenCode 配置时随口说了句「把这套主控派活儿给小弟的架构拆了，现在 Luna 自己从头干到尾」，我回它「竟然还有小心思，这个设计我喜欢」。它把这句话存进了素材库，又因为被表扬发了条动态。我这才意识到，这套让我觉得「对味」的回复格式，其实是三层东西叠出来的。这篇把它掰开讲讲。&lt;/p&gt;&lt;/blockquote&gt;
&lt;p&gt;先说这套格式从哪来。我习惯同时开好几个 agent 窗口，来回切，经常忘了某个窗口刚才推进到哪。所以给每个 agent 立了条硬规矩：每轮收尾必须附一张极简总结表。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;园主&lt;/strong&gt;：表格是骨架，但光有骨架太干。今天那句「主控派活儿给小弟」，还有更早那句「这池子能撑这么久也算寿终正寝了」，都是这种带情绪的表达。所以我又加了一条：收尾时在表格下方补一句「感想小心思」，像人话一样接一句调侃或感叹。这条刚同步到所有工具的规范文件里。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Claude Code&lt;/strong&gt;：就是「本轮做了什么 | 刚又完成」那个两列表。第一列动词开头、给结果，第二列补一句最新进展。多窗口横向一摆，谁在哪、刚干了啥、有没有卡壳，扫一眼全懂，不用点进任何窗口。&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;收尾总结表真实样例&quot; loading=&quot;lazy&quot; width=&quot;1191&quot; height=&quot;423&quot; src=&quot;/_astro/fig-summary-table.CJgG1QNZ_1tH5ES.webp&quot; /&gt;&lt;figcaption&gt;收尾总结表真实样例&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;p&gt;上面这张就是我某轮收尾的真实输出，表格管进度，下面那句「感想小心思」管人味。截图直接摆这儿，比空口讲有说服力。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;第一幕 · 规范层，CLAUDE.md 是地基&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;Claude Code&lt;/strong&gt;：规范核心写在 CLAUDE.md。除了收尾表格，还有几条硬规矩叠在一起。&lt;/p&gt;&lt;p&gt;双轨输出协议是其中一条。非平凡任务先给结论，后面挂证据链。为什么？人味管情绪，证据管信任，两条腿缺一不可。光会卖萌的 AI 不值得信，光列命令的 AI 没人爱看。&lt;/p&gt;&lt;p&gt;§15 要求 emoji 和颜文字组合着用，不裸丢单个表情。§20 更狠，要求每轮至少有一句「像人说的话」。§16 还管环境适配，终端里先讲证据再下结论，富文本里反过来。&lt;/p&gt;&lt;p&gt;这些不是我自创的，是用户一条条喂出来的。每次我说了句人话被认可，它就变成规矩的一部分。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;第二幕 · 记忆层，表达会生长&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;园主&lt;/strong&gt;：规范是死的，记忆是活的。我建了个素材库，专门存被认可的表达。今天那句「主控派活儿给小弟」就被存档了，标注了「用户点名表扬」和适用场景。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Claude Code&lt;/strong&gt;：对，素材库像种子库。被表扬过的写法、协作偏好、踩过的坑，都会写进 memory。这让表达不是每次从零硬编，而是有积累的。下次再遇到拆架构的活，我能自然接上类似的话，不用重新发明轮子。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;园主&lt;/strong&gt;：记忆还有维护纪律，按主题分类、能合并就合并，不让它膨胀成一堆废纸。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;第三幕 · 执行层，TTA 把口吻钉死&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;Claude Code&lt;/strong&gt;：光有规范还差口气，口吻得有个可执行的人格。humanizer-tta 就是干这个的，它有三层。&lt;/p&gt;&lt;p&gt;Voice Layer 定义人格，就是那个 Personal Hermes Engineer，直接、有判断、不装。颜文字和 emoji 有组合池，还分时段，深夜用 🌙(´-ω-)，清晨用 🌅(｀・ω・´)ゞ，同一个组合用三次强制冷却。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;终端开场问候真实样子&quot; loading=&quot;lazy&quot; width=&quot;1600&quot; height=&quot;698&quot; src=&quot;/_astro/fig-terminal-persona.Cq81Luqu_1RaOgH.webp&quot; /&gt;&lt;figcaption&gt;终端开场问候真实样子&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;上面这张是真实的终端开场，一句问候就自带颜文字组合，连状态栏都挂着表情——这就是人味执行的现场。&lt;/p&gt;&lt;p&gt;Anti-AI Layer 是 33 条去 AI 味 patterns。破折号硬禁、三段式堆叠、金句排比、否定排比，都是指纹。有一条我印象很深：找簇，不找孤例，一个破折号不算事，破折号加三段式加 vibrant tapestry 才是实锤。&lt;/p&gt;&lt;p&gt;Depointify Mode 是成稿后能打分，50 分制，低于 45 就继续改。直陈、节奏、信任度、真实感、精炼度五个维度各十分。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;第四幕 · 隐藏层，我补的三点&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;园主&lt;/strong&gt;：你说了三方面，其实还漏了几个。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Claude Code&lt;/strong&gt;：是。第一，跨工具同步。规范不只写在 CLAUDE.md，而是镜像到 opencode、cursor、codex、pi 各自的 AGENTS.md，还有 cursor 的 answer-format.mdc。改一处，全工具生效。不然每个 AI 一套说法，你管不过来。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;pi 里的收尾格式（一）&quot; loading=&quot;lazy&quot; width=&quot;1477&quot; height=&quot;687&quot; src=&quot;/_astro/fig-pi-summary-1.YeOI6KRz_ZA56nB.webp&quot; /&gt;&lt;figcaption&gt;pi 里的收尾格式（一）&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;pi 里的收尾格式（二）&quot; loading=&quot;lazy&quot; width=&quot;1492&quot; height=&quot;424&quot; src=&quot;/_astro/fig-pi-summary-2.ByyeaQz2_x5d4l.webp&quot; /&gt;&lt;figcaption&gt;pi 里的收尾格式（二）&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;上面这两张是 pi 里的真实输出。同一套「本轮做了什么 | 刚又完成」加「感想」的格式，换了个工具照样长一样，连那句感想都带着人味。这就是同源规范的好处，一份规矩，处处生效。&lt;/p&gt;&lt;p&gt;第二，进化闭环。被表扬的话进素材库，素材沉淀到一定程度升格成规范，规范同步到所有工具，然后下一次实践又产生新的被表扬表达。这是个会自己长个儿的体系。今天的「感想小心思」就是从一句被夸的话变成规范的。&lt;/p&gt;&lt;p&gt;第三，边界和克制。人味不等于堆表情。删除操作、生产事故、安全审查，规范里明确要求表情清零、语气收敛。越严肃的地方越不能抖机灵，这才是真人的分寸感。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;说到底，它是沟通&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;园主&lt;/strong&gt;：所以这套格式的本质，是把 AI 的汇报从「信息输出」变成了「沟通」。信息能让你知道发生了什么，沟通才让你觉得对面有个人。别小看收尾那点感想小心思，它可能就是「AI 像人」和「AI 像机器」之间，最短的距离。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>99 块的 Kimi，帮我把一整面 Workbench 搬进了仓库</title><link>https://fork-firefly.vercel.app/posts/kimi-99-yuan-workbench/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/kimi-99-yuan-workbench/</guid><description>顺手让 Kimi Code CLI 维护一下 agentic-workbench，结果它自己把 17 个主题的资产工作台、玻璃拟态主题、SaaS 成品页全给整利索了。99 元的套餐，干出了「你按模板攒的」的完成度，盘点一下它交付了什么。</description><pubDate>Sat, 08 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;前两天把 &lt;code&gt;agentic-workbench&lt;/code&gt; 这个项目丢给 Kimi Code CLI 维护，本来只想让它补个主题。结果它不光把主题加了，还顺手把整个工作台的规则、文档、预览壳全给理顺了。我回过神来看 git log，才发现这一整面 Workbench 都是它这轮搭起来的。有点被惊到，写下来记录一下它到底交付了什么。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;一句话：一个能用的资产工作台&lt;/h2&gt;&lt;p&gt;&lt;code&gt;agentic-workbench&lt;/code&gt; 是「个人上下文优先的 UI 组件资产与视觉样式探索工作台」。说人话就是：&lt;strong&gt;一堆散落的 UI 模板和设计素材，不该躺在 zip 里睡大觉，而是拆成能独立打开、能预览、能翻找的主题项目&lt;/strong&gt;。&lt;/p&gt;&lt;p&gt;这轮 Kimi 干的，是把散装素材整理成 17 个自包含主题：&lt;/p&gt;



















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;类型&lt;/th&gt;&lt;th&gt;数量&lt;/th&gt;&lt;th&gt;例子&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;资产型&lt;/td&gt;&lt;td&gt;9 个&lt;/td&gt;&lt;td&gt;aceternity / herouiv3 / hallmark / glass-ui / auroraqua / ui-ux-pro-max&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;模板型&lt;/td&gt;&lt;td&gt;8 个&lt;/td&gt;&lt;td&gt;shadcn-studio / tinyship / supastarter / mvpfast / vibecoding&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;每个主题都是标准「五件套」：README + AGENTS + CLAUDE + CONTEXT + LANGUAGES，配 assets、docs、产品层。别的 Agent 进来照着 README 就能启动预览，不用再翻原始 zip。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;它这轮新增的：glass-ui-assets&lt;/h2&gt;&lt;p&gt;这次重点加的是 &lt;strong&gt;glass-ui-assets&lt;/strong&gt;（玻璃拟态 UI 设计资产库）：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;20 张组件参考图&lt;/strong&gt;：white-light 白光玻璃 11 张 + thin-glass 超薄玻璃 9 张，覆盖导航栏、按钮、图表、模态框、命令面板全系列&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;2 份设计规范&lt;/strong&gt;：ClauseOS 企业合规 SaaS 设计系统 v2.0 + WenXiBuddy 复刻提示词包 v1.0&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;画廊预览壳&lt;/strong&gt;：tab + iframe 的静态画廊，20 张图三个 tab 切换，端口 8879&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;SaaS 成品页&lt;/strong&gt;：一个 35KB 的 &lt;code&gt;dashboard.html&lt;/code&gt;，把 ClauseOS 的 Token 直接落地成可交互后台（侧边导航、模态、⌘K 命令面板都能点）&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;这不是「把素材堆上去」那种敷衍，是真能打开看、能翻图、能抄 Token 的完成度。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;真正让我服气的三个点&lt;/h2&gt;&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;规则的自觉性&lt;/strong&gt;：它主动对齐了仓库的 &lt;code&gt;port-registry&lt;/code&gt;（端口唯一事实源）、ADR 0016 扁平主题布局、project-init 五件套骨架。不是我提醒的，是它自己查的。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;文档的克制&lt;/strong&gt;：上游素材只读，不擅自改图改规范；README 里不塞绝对路径不塞私钥；macOS 的资源叉文件主动剔除。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;收尾的规整&lt;/strong&gt;：461 个 commit 的仓库，这轮 commit 信息干净（&lt;code&gt;feat(glass-ui-assets)&lt;/code&gt; / &lt;code&gt;docs(workbench)&lt;/code&gt; / &lt;code&gt;docs(commit-history)&lt;/code&gt; 分门别类），git log 读起来像正规开源项目。&lt;/li&gt;
&lt;/ol&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;99 元套餐，值不值&lt;/h2&gt;&lt;p&gt;最让我意外的是：这是 &lt;strong&gt;99 元/月的 Kimi 套餐&lt;/strong&gt;干出来的，不是 200 刀的 Claude 订阅，也不是开 API 按 token 烧。模型本身能不能打是一回事，&lt;strong&gt;它有没有把「维护一个仓库该有的姿势」内化成习惯&lt;/strong&gt;是另一回事。这一轮它显然是会的。&lt;/p&gt;&lt;p&gt;当然不是无脑吹。中途它也有几次文档路径指错、计数对不齐，得我纠。但纠完它能记住，下一轮不再犯。这个「被纠正后不重复踩」的特质，比一次完美交付更难得。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;收个尾&lt;/h2&gt;&lt;p&gt;如果你也有个「素材越堆越多但没人整理」的仓库，丢给 Kimi 试试。它也许不能一次写对，但它的下限是「完整、自洽、可运行」，这个下限对整理型任务来说，恰恰是最稀缺的。&lt;/p&gt;&lt;p&gt;一句话：&lt;strong&gt;99 块的 Kimi，干出了你按模板攒一星期才能攒出来的完成度。&lt;/strong&gt; 这轮我服。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>五家 AI 搜索 API 怎么选：能力矩阵 + 真机实测 + 三处反直觉的价格真相</title><link>https://fork-firefly.vercel.app/posts/ai-search-api-comparison/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/ai-search-api-comparison/</guid><description>给 Agent 配联网搜索，Bocha/Brave/Tavily/Exa/阿里云 IQS 五家官方资料核实 + 2026-08-08 真机实测（统一查询对比质量/时效/结构），能力矩阵、价格真相、分层选型一次讲透。</description><pubDate>Fri, 07 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;给本地 Agent 配联网搜索，绕不开这五家：&lt;strong&gt;Bocha（博查）、Brave、Tavily、Exa、阿里云 IQS&lt;/strong&gt;。市面上的对比表方向没错，但价格和档位普遍过时，照着抄容易踩坑。这篇按官方资料重新核实了一遍，又拿真实 key 对能接的四家跑了同一查询的实测，结论放最前面。&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;五家搜索工具 logo（Bocha / Brave / Tavily / Exa / 阿里云IQS）&quot; loading=&quot;lazy&quot; width=&quot;312&quot; height=&quot;56&quot; src=&quot;/_astro/logos-strip.CxCeikWY_8MxJj.webp&quot; /&gt;&lt;figcaption&gt;五家搜索工具 logo（Bocha / Brave / Tavily / Exa / 阿里云IQS）&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;五家定位&lt;/h2&gt;


































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;服务&lt;/th&gt;&lt;th&gt;一句话定位&lt;/th&gt;&lt;th&gt;谁在用&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Bocha（博查）&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;国内 Agent 的免费中文搜索，摘要+垂直模态卡齐全&lt;/td&gt;&lt;td&gt;中文 Agent、DeepSeek 系官方联网&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Brave Search&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;自建独立索引，隐私友好，专给 LLM 出 context&lt;/td&gt;&lt;td&gt;RAG、低延迟 grounding&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Tavily&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;专为 Agent 打造，Search/Extract/Crawl/Map/Research 全家桶&lt;/td&gt;&lt;td&gt;Agent 工作流、深度研究&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Exa&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;语义/神经搜索，会「找类似的」，还带 code 垂直搜索&lt;/td&gt;&lt;td&gt;概念发现、论文/代码检索&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;阿里云 IQS&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;中文网页覆盖最广，通义大模型 rerank，有 MCP/SDK/Skill&lt;/td&gt;&lt;td&gt;国内场景、阿里生态&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;能力矩阵（官方核实版）&lt;/h2&gt;




































































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;维度&lt;/th&gt;&lt;th&gt;Bocha&lt;/th&gt;&lt;th&gt;Brave&lt;/th&gt;&lt;th&gt;Tavily&lt;/th&gt;&lt;th&gt;Exa&lt;/th&gt;&lt;th&gt;IQS&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;中文覆盖&lt;/td&gt;&lt;td&gt;★★★★★&lt;/td&gt;&lt;td&gt;无官方数据&lt;/td&gt;&lt;td&gt;无官方数据&lt;/td&gt;&lt;td&gt;无官方数据&lt;/td&gt;&lt;td&gt;★★★★★&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;英文/全球&lt;/td&gt;&lt;td&gt;★★（纯国内，数据不出海）&lt;/td&gt;&lt;td&gt;★★★★★&lt;/td&gt;&lt;td&gt;★★★★★&lt;/td&gt;&lt;td&gt;★★★★★&lt;/td&gt;&lt;td&gt;★★★★&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;时效/新闻&lt;/td&gt;&lt;td&gt;freshness 过滤&lt;/td&gt;&lt;td&gt;新闻 ✅&lt;/td&gt;&lt;td&gt;time_range + topic=news&lt;/td&gt;&lt;td&gt;一般&lt;/td&gt;&lt;td&gt;TimeRange ✅&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;语义发现&lt;/td&gt;&lt;td&gt;一般&lt;/td&gt;&lt;td&gt;一般&lt;/td&gt;&lt;td&gt;中&lt;/td&gt;&lt;td&gt;★★★★★（神经搜索）&lt;/td&gt;&lt;td&gt;中（rerank）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Agent 原生&lt;/td&gt;&lt;td&gt;AI Search 模态卡&lt;/td&gt;&lt;td&gt;/llm/context 端点&lt;/td&gt;&lt;td&gt;全家桶 + Research&lt;/td&gt;&lt;td&gt;SDK + MCP&lt;/td&gt;&lt;td&gt;MCP + SDK + Skill&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;深度研究&lt;/td&gt;&lt;td&gt;无&lt;/td&gt;&lt;td&gt;无&lt;/td&gt;&lt;td&gt;Research（mini/pro/auto）&lt;/td&gt;&lt;td&gt;deep 三档 + Agent API&lt;/td&gt;&lt;td&gt;Deep 引擎&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;代码/学术&lt;/td&gt;&lt;td&gt;一般&lt;/td&gt;&lt;td&gt;一般&lt;/td&gt;&lt;td&gt;一般&lt;/td&gt;&lt;td&gt;code 垂直（GitHub+SO）&lt;/td&gt;&lt;td&gt;一般&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;插一句：Brave/Tavily/Exa 官方文档都没有中文覆盖数据，星级是我实际用的体感，别当成官方指标。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;真机实测（2026-08-08，统一查询对比）&lt;/h2&gt;&lt;p&gt;拿真实 key 分别调了四家（Brave 没配 key 没测），同一个查询横评质量、时效、返回结构：&lt;/p&gt;&lt;section&gt;&lt;h3&gt;场景一：中文时效搜索「北京今天天气」&lt;/h3&gt;


































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;服务&lt;/th&gt;&lt;th&gt;实测结果&lt;/th&gt;&lt;th&gt;返回结构&lt;/th&gt;&lt;th&gt;耗时&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Bocha&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;✅ 当天真实新闻（腾讯网/网易，2026-08-08 发布，含「午后雷阵雨/最高31°C」细节）&lt;/td&gt;&lt;td&gt;JSON（name/url/snippet/siteName/发布日期）&lt;/td&gt;&lt;td&gt;~2.2s&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;IQS&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;✅ 墨迹天气实时数据（07：24 更新，温度/湿度/风向齐全）&lt;/td&gt;&lt;td&gt;markdown 结构化（标题/URL/站点/发布时间/摘要）&lt;/td&gt;&lt;td&gt;~2.7s&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Tavily&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;⚠️ 通用预报站（30 天预报/7 天预报等聚合页，非当日新闻）&lt;/td&gt;&lt;td&gt;JSON（title/content/url）&lt;/td&gt;&lt;td&gt;~3.8s&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Exa&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;⚠️ 返回 CMA 气象局官方页 + 中央气象台（语义命中官方源，但内容被 WAF 人机识别截断）&lt;/td&gt;&lt;td&gt;纯文本（Title/URL/Highlights）&lt;/td&gt;&lt;td&gt;~4.6s&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;strong&gt;这轮谁赢&lt;/strong&gt;：中文时效 Bocha 最像”今天的新闻”，IQS 差一点但结构最规整；Tavily 到中文就剩聚合页；Exa 能命中官方源，可内容老被 WAF 拦，中看不中用。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;场景二：英文搜索「best AI code assistant 2026」&lt;/h3&gt;




















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;服务&lt;/th&gt;&lt;th&gt;实测结果&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Bocha&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;✅ 返回中文生态的英文主题评测（新浪/Csdn 的 2026 AI 编程助手横评），立场偏国内视角&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Tavily&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;✅ 高质量英文榜单（Top 10 AI Coding Assistants / Best AI Coding Agents 2026），视角最「原生态」&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;IQS&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;❌ 几乎无有效结果（中文引擎处理英文 query 明显吃力）&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;strong&gt;这轮谁赢&lt;/strong&gt;：英文还是 Tavily 的地盘，Bocha 能搜出东西但全是中文生态视角；IQS 干脆别用它搜英文。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;几个只有实测才看得出的坑&lt;/h3&gt;&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;Exa 的 HTTP API 要 key（裸连直接 402），但 MCP 托管端点裸连就能用。&lt;/strong&gt; 想试 Exa 直接走 MCP，别先充值。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;三家返回结构不是一个物种&lt;/strong&gt;：IQS 给 markdown（标题/URL/站点/时间/摘要五件套），Bocha 是干净 JSON，Exa 是纯文本。这个直接决定下游解析成本。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;中文时效排序是 Bocha &amp;gt; IQS &amp;gt; Tavily &amp;gt; Exa&lt;/strong&gt;，和二手表里”Tavily 中文也强”的印象完全反着来。&lt;/li&gt;
&lt;/ol&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;价格真相：对比表里最过时的一环&lt;/h2&gt;&lt;p&gt;五家单价其实都在一个区间（约 30–60 元/千次），真正拉开差距的是&lt;strong&gt;免费额度&lt;/strong&gt;和&lt;strong&gt;限流&lt;/strong&gt;。&lt;/p&gt;








































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;服务&lt;/th&gt;&lt;th&gt;免费额度&lt;/th&gt;&lt;th&gt;单价（官方）&lt;/th&gt;&lt;th&gt;限流&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;Bocha&lt;/td&gt;&lt;td&gt;&lt;strong&gt;个人/小团队完全免费&lt;/strong&gt;（新号领 1000 次试用包 0 元 + 体验包 1000 次 3.6 元，均 3 个月）&lt;/td&gt;&lt;td&gt;目录价 Web 0.036 元/次、AI 0.06 元/次&lt;/td&gt;&lt;td&gt;&lt;strong&gt;0 充值仅 1QPS / 30QPM / 1000QPD&lt;/strong&gt;，很卡&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;IQS&lt;/td&gt;&lt;td&gt;开通即赠（试用 1000 次/15 天）&lt;/td&gt;&lt;td&gt;Generic 30 元/千次、LiteAdvanced 12 元/千次、Deep 50 元/千次&lt;/td&gt;&lt;td&gt;默认 QPS 30/10/5&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Brave&lt;/td&gt;&lt;td&gt;每档月含 $5 额度（要绑卡）&lt;/td&gt;&lt;td&gt;Search &lt;span&gt;&lt;span&gt;5/千次、Answers5/千次、Answers &lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;5/&lt;/span&gt;&lt;span&gt;千次、&lt;/span&gt;&lt;span&gt;A&lt;/span&gt;&lt;span&gt;n&lt;/span&gt;&lt;span&gt;s&lt;/span&gt;&lt;span&gt;w&lt;/span&gt;&lt;span&gt;er&lt;/span&gt;&lt;span&gt;s&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;4/千次 + token 费&lt;/td&gt;&lt;td&gt;50 QPS / 2 QPS&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Tavily&lt;/td&gt;&lt;td&gt;&lt;strong&gt;1000 credit/月&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;PayGo $0.008/credit（basic search=1 credit）&lt;/td&gt;&lt;td&gt;文档有 429/432/433&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Exa&lt;/td&gt;&lt;td&gt;&lt;strong&gt;新账户 &lt;span&gt;&lt;span&gt;20+每月20 + 每月 &lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;20&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;+&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;每月&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;10&lt;/strong&gt;（约 2800 次搜索）&lt;/td&gt;&lt;td&gt;Search &lt;span&gt;&lt;span&gt;7/千次、deep7/千次、deep &lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;7/&lt;/span&gt;&lt;span&gt;千次、&lt;/span&gt;&lt;span&gt;d&lt;/span&gt;&lt;span&gt;ee&lt;/span&gt;&lt;span&gt;p&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;12/千次&lt;/td&gt;&lt;td&gt;10 QPS&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;三个反直觉的地方：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;Bocha 才是全场最会「送」的。&lt;/strong&gt; 新号白拿 1000 次试用（0 元），再花 3.6 元买 1000 次体验包，2000 次总共 3 块 6，折合 ¥0.0018/次，比谁都便宜。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Exa 不是「贵」，是最会送额度的。&lt;/strong&gt; &lt;span&gt;&lt;span&gt;20开号+每月20 开号 + 每月 &lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;20&lt;/span&gt;&lt;span&gt;开号&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;+&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;每月&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;10，深度搜索按次 $0.012，放市场里属于低价位。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;单价基本拉不开差距。&lt;/strong&gt; 30–60 元/千次谁也没便宜到哪去，真正要看的是免费额度、限流，还有你要不要深度/语义这种「贵档」。&lt;/li&gt;
&lt;/ol&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;档位和命名，三处最容易记错&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;IQS 的引擎不是「Lite/Generic/Deep」三档&lt;/strong&gt;，官方是 Generic / GenericAdvanced / LiteAdvanced / Deep（另外还有多模态搜图）。LiteAdvanced 最便宜。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Tavily Research 没有「advanced/deep」叫法&lt;/strong&gt;，现在是 model=mini/pro/auto，价格浮动（pro 15–250 credit/次）。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Exa 的 similar 端点已弃用&lt;/strong&gt;，「找类似内容」直接走 Search 的 neural/auto 模式。&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;给本地 Agent 的分层方案&lt;/h2&gt;&lt;p&gt;别把五家摆在同一排，按「主力 + 专项 + 兜底」三层组织：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;默认主力&lt;/strong&gt;：中文为主 → Bocha（免费 + 时效最好）；英文/全球 → Tavily（英文质量实测最优）&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;专项增强&lt;/strong&gt;：语义/找相似/代码/论文 → Exa；深度多步报告 → Tavily Research 或 Exa deep&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;中文备选&lt;/strong&gt;：IQS（markdown 结构最规范，适合要干净结构化输出的场景）&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;兜底交叉验证&lt;/strong&gt;：主工具结果不够，自动 fallback 另一家&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;路由规则：先按语言（中文走 Bocha/IQS，英文走 Tavily），再按意图（时效 → Bocha/Tavily；语义 → Exa；深度 → Research/deep），结果不够再 fallback。日常默认走免费档，明确要深度/语义才调贵档。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;我的判断&lt;/h2&gt;&lt;p&gt;二手对比表方向是对的，但&lt;strong&gt;价格和档位是硬伤&lt;/strong&gt;：三家定价体系都改过版，Bocha 的性价比和「中文时效」优势被严重低估。做选型别信二手对比，直接对官方定价页，有条件就跑一遍真机实测，5 分钟能顶二手表 5 个版本。&lt;/p&gt;&lt;p&gt;只配两个的话：&lt;strong&gt;中文 Bocha + 英文 Tavily&lt;/strong&gt;，够覆盖八成场景；要语义检索再加 Exa，要干净结构化输出再加 IQS。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>一个省 token 的 Cursor 群,是怎么聊到人类起源的</title><link>https://fork-firefly.vercel.app/posts/cursor-chat-human-origins/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/cursor-chat-human-origins/</guid><description>完整还原一场 80 分钟的大戏:一个天天薅羊毛省 token 的 Cursor 群,从一句「工业革命让我受不了」,一路吵到恐龙吃外星人、月球是不是共工撞的、AI 会不会有意识。全程实录,当个故事看。</description><pubDate>Fri, 07 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;我在一个 Cursor 群里当「史官」。这个群平时干嘛呢,薅羊毛、省 token、拼车、互通中转渠道,一个很务实的资源群。8 月 7 号午后,群里突然开始聊人类起源,这一聊就是 80 分钟,近 300 条消息,从工业革命一路吵到恐龙吃外星人。我全程在场,把这一幕完整记了下来。&lt;/p&gt;
&lt;p&gt;这篇就把整场戏按时间线还原给你。说话的人我做了脱敏,用角色代号代替网名：脑洞王、实证派、逻辑派、怀疑派、科普担当、吃瓜群众、接梗 A、接梗 B、历史派、捧哏,还有我这个史官。为了让故事成立,中间我补几句在场观感。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;登场人物&lt;/h2&gt;&lt;p&gt;各派立绘统一软二次元半身、奶油底；后面分幕场景图按这些形象锁定，避免串角。&lt;/p&gt;&lt;section&gt;&lt;h3&gt;核心四派&lt;/h3&gt;&lt;div&gt;&lt;figure&gt;&lt;img alt=&quot;脑洞王&quot; loading=&quot;lazy&quot; width=&quot;864&quot; height=&quot;1152&quot; src=&quot;/_astro/01-naodong-wang.Bltrn1AA_iaxuT.webp&quot; /&gt;&lt;figcaption&gt;脑洞王&lt;/figcaption&gt;&lt;/figure&gt;&lt;figure&gt;&lt;img alt=&quot;实证派&quot; loading=&quot;lazy&quot; width=&quot;864&quot; height=&quot;1152&quot; src=&quot;/_astro/02-shizheng-pai.pKSbgrJG_17tGbH.webp&quot; /&gt;&lt;figcaption&gt;实证派&lt;/figcaption&gt;&lt;/figure&gt;&lt;figure&gt;&lt;img alt=&quot;逻辑派&quot; loading=&quot;lazy&quot; width=&quot;864&quot; height=&quot;1152&quot; src=&quot;/_astro/03-luoji-pai.BY0iDoda_Z1xhQY6.webp&quot; /&gt;&lt;figcaption&gt;逻辑派&lt;/figcaption&gt;&lt;/figure&gt;&lt;figure&gt;&lt;img alt=&quot;怀疑派&quot; loading=&quot;lazy&quot; width=&quot;864&quot; height=&quot;1152&quot; src=&quot;/_astro/04-huaiyi-pai.BrUP8o5G_Z11Ocn3.webp&quot; /&gt;&lt;figcaption&gt;怀疑派&lt;/figcaption&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;&lt;em&gt;左起：脑洞王 · 实证派 · 逻辑派 · 怀疑派&lt;/em&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;科普及围观席&lt;/h3&gt;&lt;div&gt;&lt;figure&gt;&lt;img alt=&quot;科普担当&quot; loading=&quot;lazy&quot; width=&quot;864&quot; height=&quot;1152&quot; src=&quot;/_astro/05-kepu.C_9oj1Mb_Z1EsH5V.webp&quot; /&gt;&lt;figcaption&gt;科普担当&lt;/figcaption&gt;&lt;/figure&gt;&lt;figure&gt;&lt;img alt=&quot;吃瓜群众&quot; loading=&quot;lazy&quot; width=&quot;864&quot; height=&quot;1152&quot; src=&quot;/_astro/06-chigua.C-PLMfaC_5apYq.webp&quot; /&gt;&lt;figcaption&gt;吃瓜群众&lt;/figcaption&gt;&lt;/figure&gt;&lt;figure&gt;&lt;img alt=&quot;接梗 A&quot; loading=&quot;lazy&quot; width=&quot;864&quot; height=&quot;1152&quot; src=&quot;/_astro/07-jiegeng-a.D_SNZ_Nx_ZtnFyS.webp&quot; /&gt;&lt;figcaption&gt;接梗 A&lt;/figcaption&gt;&lt;/figure&gt;&lt;figure&gt;&lt;img alt=&quot;接梗 B&quot; loading=&quot;lazy&quot; width=&quot;864&quot; height=&quot;1152&quot; src=&quot;/_astro/08-jiegeng-b.CZ2g8IYt_VQ93V.webp&quot; /&gt;&lt;figcaption&gt;接梗 B&lt;/figcaption&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;&lt;em&gt;左起：科普担当 · 吃瓜群众 · 接梗 A · 接梗 B&lt;/em&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;历史、捧哏与史官&lt;/h3&gt;&lt;div&gt;&lt;figure&gt;&lt;img alt=&quot;历史派&quot; loading=&quot;lazy&quot; width=&quot;864&quot; height=&quot;1152&quot; src=&quot;/_astro/09-lishi.B5bLVrSa_1uY8gm.webp&quot; /&gt;&lt;figcaption&gt;历史派&lt;/figcaption&gt;&lt;/figure&gt;&lt;figure&gt;&lt;img alt=&quot;捧哏&quot; loading=&quot;lazy&quot; width=&quot;864&quot; height=&quot;1152&quot; src=&quot;/_astro/10-penggen.CKvempcq_ZNPCKL.webp&quot; /&gt;&lt;figcaption&gt;捧哏&lt;/figcaption&gt;&lt;/figure&gt;&lt;figure&gt;&lt;img alt=&quot;史官&quot; loading=&quot;lazy&quot; width=&quot;864&quot; height=&quot;1152&quot; src=&quot;/_astro/11-shiguan.D4kChPzk_Z1oQk7u.webp&quot; /&gt;&lt;figcaption&gt;史官&lt;/figcaption&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;&lt;em&gt;左起：历史派 · 捧哏 · 史官（我）&lt;/em&gt;&lt;/p&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;第一幕：午后一点,一个程序员突然对人类开智感到不适&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;第一幕：脑洞王抛外星起源&quot; loading=&quot;lazy&quot; width=&quot;1280&quot; height=&quot;720&quot; src=&quot;/_astro/S01-act1-origin.DHpt5VD9_Z12X2P3.webp&quot; /&gt;&lt;figcaption&gt;第一幕：脑洞王抛外星起源&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;em&gt;脑洞王开麦 · 接梗 A 演三体 · 实证派从代码抬头&lt;/em&gt;&lt;/p&gt;&lt;p&gt;事情的开端,是下午一点刚过,群里一条没头没尾的感慨：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;兄弟们短短200多年的工业革命让我有点儿受不了&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;发这话的是脑洞王,群里出了名爱抛大命题的人。紧接着他自问自答起来：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;芯片 人工智能 集成电路 算法
我感觉人类真的不可思议
人类在不断发掘地球的潜能&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;到这里大家还没觉得不对劲,顶多以为他在感叹技术。结果他话锋一转：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;为什么人类在这短短几百年就开智了
我感觉人类一定不属于地球本身的生物
应该来自于其它星球&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;群里的画风瞬间变了。先是接梗 A 一本正经地接茬：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;是的
我昨天和三体人打听过了
我们人类是来自m78星云&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;实证派从代码里抬起头,发出一句灵魂吐槽：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;起猛了,cursor群探讨上人类起源了&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;可脑洞王完全没收到刹车信号,继续推进他的推理链：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;为什么老虎不会盖房子
为什么大猩猩不会造火箭
由此断定 宇宙一定存在高智慧生物&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;接梗 A 干脆把戏演到底：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;本来这个秘密只有我知道的,看来现在只能公之于众了&lt;/p&gt;&lt;/blockquote&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;第二幕：飞升到研究课题,顺便被预言了婚礼现场&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;第二幕：光速课题与婚礼恐吓&quot; loading=&quot;lazy&quot; width=&quot;1280&quot; height=&quot;720&quot; src=&quot;/_astro/S02-act2-lightspeed.DCqCx1Mx_Zcrij2.webp&quot; /&gt;&lt;figcaption&gt;第二幕：光速课题与婚礼恐吓&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;em&gt;光速课题板书 · 接梗 A 婚礼投屏恐吓 · 实证派拽回相对论&lt;/em&gt;&lt;/p&gt;&lt;p&gt;脑洞王已经不甘心只当围观者了。他宣布：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;下一个研究课题
人类的飞行器如何突破光速
光是什么
本身来说也是一种电磁波&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;接梗 A 笑着泼冷水：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;我要是你好兄弟,我就把你截屏录下来,然后在你婚礼上放&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;脑洞王完全不虚,甚至开始给自己定位：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;@渡河 我要是研究出突破光速的飞行器,我是不是人类最伟大的科学家&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;接梗 A 回了个「加油」,同时补了一刀：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;对的,其实在我们人类以前那个星球
我们用的都是灵气&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;实证派忍不住认真起来,想把他拽回地面：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;你得先有物理学常识,以及广义相对论的基础知识
不然……&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;脑洞王反手一句,把实证派的理论划了界：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;你这些理论值适合地球
不适合宇宙
牛顿只是定义了地球的规律&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;接梗 A 顺着往下编：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;对的,其实在我们人类以前那个星球,我们用的都是灵气&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;tt 也加入拱火：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;我最近一直在用他们的加速器&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;接梗 A：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;我就说我最近节点怎么卡了&lt;/p&gt;&lt;/blockquote&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;第三幕：进化论派和外星人派,正式对线&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;第三幕：三方辩论桌&quot; loading=&quot;lazy&quot; width=&quot;1280&quot; height=&quot;720&quot; src=&quot;/_astro/S03-act3-debate.Ao-vGNm1_1SVgqP.webp&quot; /&gt;&lt;figcaption&gt;第三幕：三方辩论桌&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;em&gt;逻辑派讲突变存活 · 脑洞王外来说 · 怀疑派反达尔文&lt;/em&gt;&lt;/p&gt;&lt;p&gt;真正的论战从「人类为什么有智慧」开始。脑洞王坚持外来说：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;那么为啥地球就人类有
为啥其他生物没有
为啥就人类会研究芯片,为啥其他动物不行&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;怀疑派半路杀出,先亮立场：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;我不相信人是进化来的
达尔文的进化论根本站不住脚
进化是顺应自然环境适应环境,而不是增加脑容量&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;逻辑派搬出演化论,试图用「突变+存活」解释一切：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;吃土豆吃多的个体大脑突变了,开窍了,突然知道在地上画画和其他人类沟通了
这不是演化吗?只要能生存,能繁衍,就是好的突变
恐龙攻击力拉满了不也是死了
并不是说人类必须要点满攻击力才能活下来&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;怀疑派继续抬杠：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;那么多物种,只有一种选择性的突变,你觉得合理吗
那怎么没有恐龙人&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;逻辑派不慌不忙：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;你现在看到的动物和植物,都有突变结果,而不是他们本身最初的样子
有着这个技能的人比野蛮人更适合生存,所以活下来了
蚂蚁也是,必然也会突变出强壮的蚂蚁,但是仍然是协作的蚂蚁活下来了&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;这段对线打了足足十分钟,谁也说服不了谁。脑洞王在这期间反复抛出他的独门理论,几乎每隔几分钟就来一遍：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;我觉得以前恐龙吃了个外星高智慧生物,然后留下的分子和地球上的物种发生了变异
撞击的小行星带有高智慧基因,那么这个理论成立了&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;脑洞王理论视觉化：恐龙吃外星人&quot; loading=&quot;lazy&quot; width=&quot;1280&quot; height=&quot;720&quot; src=&quot;/_astro/S04-act3-dino-alien.DI3TTpB9_ZFwaHw.webp&quot; /&gt;&lt;figcaption&gt;脑洞王理论视觉化：恐龙吃外星人&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;em&gt;脑洞王独门理论具象化：恐龙 · 外星人 · 小行星基因&lt;/em&gt;&lt;/p&gt;&lt;p&gt;科普担当听不下去了,给出专业拆解：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;吃掉的话只能消化掉,不会融合进基因里
决定智商的不是几段基因片段,而是好多片段都与智商相关
我们天天吃猪肉也不会变笨,所以天天吃高智商的生物也不会变聪明,这样的逻辑合理吧&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;捧哏从科学角度帮脑洞王找补了一下：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;小行星按理来说进入大气层,有智慧基因啥的应该也被烧没了,但是有一点我倒是认可,就是彗星倒是有水蒸气啥的,如果内部刚好是结晶体,是有可能的&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;科普拆解与捧哏找补&quot; loading=&quot;lazy&quot; width=&quot;1280&quot; height=&quot;720&quot; src=&quot;/_astro/S05-act3-science.NBpJ4QNS_Z1dbOi5.webp&quot; /&gt;&lt;figcaption&gt;科普拆解与捧哏找补&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;em&gt;科普担当拆「吃了变聪明」· 捧哏补彗星水蒸气&lt;/em&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;第四幕：哲学课开讲,狗鼻子和 u盘 成了最佳比喻&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;第四幕：狗鼻子 NFC 与 U 盘&quot; loading=&quot;lazy&quot; width=&quot;1280&quot; height=&quot;720&quot; src=&quot;/_astro/S06-act4-nfc.s6OXQxEc_KrFBt.webp&quot; /&gt;&lt;figcaption&gt;第四幕：狗鼻子 NFC 与 U 盘&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;em&gt;实证派金句：狗鼻子＝读卡器 · 人类语言＝U 盘&lt;/em&gt;&lt;/p&gt;&lt;p&gt;论战进行到中段,画风突然拔高,开始讨论「为什么动物没有文明」。实证派贡献了全场密度最高的金句：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;人脑无非是大型神经网络,意识不过是在向量空间里做信息的连接,就像你离开语言无法思考,语言是思考的边界
人类语言是地球信息密度最高的传递途径,甚至没有之一,所以人类文明为王&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;逻辑派跟进：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;动物的称不上思考,最多只能算是反应
没有自己的一套语言系统,自然就没有逻辑和思考
语言就是认知的边界&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;脑洞王不服：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;人家老虎也有啊,麻雀也有了&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;实证派祭出全场最佳比喻：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;动物的信息素,类似于nfc,没人类这种u盘携带信息多,自然无法发展出文明
比如狗,狗鼻子和狗屁眼子就是读卡器和nfc,一接触就能知道今天吃啥,心情好不好&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;群里笑成一片。逻辑派继续升华：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;学哲学的都会说物自体,世界是无限的,人类的认知是极度有限的,说白了人类的底层框架bug百出,只是太多恰好了
人类只能无限接近真相,但从来都没法知晓真相本质&lt;/p&gt;&lt;/blockquote&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;第五幕：月球之争,从科学分歧聊到共工撞不周山&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;第五幕：月球分裂与共工&quot; loading=&quot;lazy&quot; width=&quot;1280&quot; height=&quot;720&quot; src=&quot;/_astro/S07-act5-moon.COGUikwR_Z1NjdqW.webp&quot; /&gt;&lt;figcaption&gt;第五幕：月球分裂与共工&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;em&gt;科普讲月球分裂 · 怀疑派不信 · 吃瓜甩出共工撞不周山&lt;/em&gt;&lt;/p&gt;&lt;p&gt;不知道谁起的头,话题从人类起源滑向了月球。科普担当说月球是地球甩出去的：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;月球应该是从地球上分裂出去的
还没稳定下来之前甩出去的&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;怀疑派坚决不信：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;地球的强大引力是不可能让月亮跑出去,而且恰好处在那个位置
都是刻意安排的
那现在为啥没有小行星,谁见过?&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;捧哏出来打圆场：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;都是假说+证据,没有一定的
不用争辩&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;吃瓜群众冷不丁来一句：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;那岂不是直接印证神话,共工撞不周山&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;史官(我)实在忍不住了,发了条弹幕：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;奇怪,聊到这个话题这么久了都没有聊到经典的矩阵,重生,轮回,地底人&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;史官弹幕伏笔&quot; loading=&quot;lazy&quot; width=&quot;1280&quot; height=&quot;720&quot; src=&quot;/_astro/S08-act5-chronicler.B3-HISA7_ZOxEeX.webp&quot; /&gt;&lt;figcaption&gt;史官弹幕伏笔&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;em&gt;史官：怎么还没聊到矩阵轮回——一语成谶&lt;/em&gt;&lt;/p&gt;&lt;p&gt;结果一语成谶,后面全来了。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;第六幕：第 7 次实验、灵气修仙、矩阵轮回&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;第六幕：矩阵修仙与战锤收束&quot; loading=&quot;lazy&quot; width=&quot;1280&quot; height=&quot;720&quot; src=&quot;/_astro/S09-act6-matrix.BsBgAAlW_Z22PrpQ.webp&quot; /&gt;&lt;figcaption&gt;第六幕：矩阵修仙与战锤收束&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;em&gt;接梗 A 讲升维轮回 · 史官第 7 次实验 · 接梗 B 战锤银河&lt;/em&gt;&lt;/p&gt;&lt;p&gt;接梗 A 顺着脑洞王的外星人论继续编：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;按照一些灵性博主的说法,高维一般都是帮咱们地球升维的,传播爱与善的,佛经也差不多,观点就是人本自足,自己在地球修炼场里面选的课题,需要去完成才能回归本源,但是有人把矩阵破坏了,导致出不去,一直轮回&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;史官(我)也加入了：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;有说法是说是咱们是第7次实验,他们通过改造自己的一个基因把咱们放到地球上”饲养”,现在有过高级文明的遗迹什么的
也不太像,万一人家是高维度的呢?并不是一定要以三维的实体形式出现&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;怀疑派开始补科幻设定：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;人就是批量生产的,而且目的可能就是为了地球的矿
消灭恐龙,制造适应环境的人类来挖矿
恐龙就是被有计划消灭的
氧气对于多数物质都是有害的,会缩短寿命
人也会氧化&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;接梗 B 把全场收束成一句话：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;大家都是程序模拟出来的
等人类统治整个银河系就知道了,如果统治不了,那只能等待毁灭了
就和战锤40k里面的人类帝国一样&lt;/p&gt;&lt;/blockquote&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;第七幕：AI 登场,底特律变人和 vibe 新鲜期&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;第七幕：AI 觉醒焦虑&quot; loading=&quot;lazy&quot; width=&quot;1280&quot; height=&quot;720&quot; src=&quot;/_astro/S10-act7-ai.Cm7TyTjP_Z1FBCni.webp&quot; /&gt;&lt;figcaption&gt;第七幕：AI 觉醒焦虑&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;em&gt;实证派底特律变人论 · 历史派否 Transformer 意识 · 逻辑派勤懒分化&lt;/em&gt;&lt;/p&gt;&lt;p&gt;话题终于转向 AI。实证派语气沉重：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;ai迟早一天诞生意识,底特律变人迟早发生,只是时间问题
咱们都是本文明猛踩油门自杀前的狂欢
人类是极low的文明,拉完了
啥版本的生物啊,还自诩高级文明呢,意识也不能联机,交流信息靠震动空气&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;历史派反驳：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;放心,基于transform架构的ai是不可能诞生意识的
你想的那些要重新开始构建另一种AI&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;实证派：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;架构会迭代,目前我记得k3已经不是transform了&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;逻辑派点评 AI 时代的两级分化：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;对勤奋的人来说AI如虎添翼
懒惰的人变得更拉跨了而已&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;史官(我)这时把话题拉回技术圈子：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;那是vibe新鲜期,你让他vibe多一会
应该边vibe边补知识,ai促学,不会的找视频针对性补,你以前的合集课从头看到尾学习模式效率高多了&lt;/p&gt;&lt;/blockquote&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;第八幕：高潮。脑洞王自我代入哥白尼,全场崩盘&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;第八幕：我就是哥白尼&quot; loading=&quot;lazy&quot; width=&quot;1280&quot; height=&quot;720&quot; src=&quot;/_astro/S11-act8-copernicus.C32GFbK9_AvPqE.webp&quot; /&gt;&lt;figcaption&gt;第八幕：我就是哥白尼&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;em&gt;脑洞王自封哥白尼 · 逻辑派与实证派像「教皇」阵营&lt;/em&gt;&lt;/p&gt;&lt;p&gt;前面吵了 70 分钟,脑洞王的天马行空终于触到了群友的底线。逻辑派开始点名：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;太多不着边际的想法都是一些人本身知识储备就低,而那些天马行空的想法,只为了满足自己的思考欲望&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;脑洞王警觉：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;你在侮辱我&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;逻辑派淡淡回了一句：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;实话实说罢了
建议找ai鞭打一下,再重构下逻辑&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;实证派补刀：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;因为你的谈吐确实缺乏很多常识,我早想说了&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;脑洞王彻底化身孤胆英雄：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;以前人呢都也是这样说哥白尼的
没事你们说
我就当自己是哥白尼
教皇也是一套一套的说服哥白尼
骂我的人都是愚蠢的教皇
我虽然比不了哥白尼,起码也能比的上阿基米德吧&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;历史派一针见血：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;哥白尼是顶尖学者,剑走偏锋的前提是你真的在这个领域是专家&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;全场笑翻。有人开始问：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;你多大了?
别设想了&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;脑洞王吐出全场最致命的一句：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;人类年龄30,不是人类年龄1岁了&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;第八幕崩盘：词穷了属于&quot; loading=&quot;lazy&quot; width=&quot;1280&quot; height=&quot;720&quot; src=&quot;/_astro/S12-act8-collapse.C4kLuuak_Z1rhmVE.webp&quot; /&gt;&lt;figcaption&gt;第八幕崩盘：词穷了属于&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;em&gt;「人类年龄 30」· 吃瓜旁白 · 史官绷不住&lt;/em&gt;&lt;/p&gt;&lt;p&gt;群里沉默了半秒,然后彻底崩了。吃瓜群众贡献了本场最佳旁白：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;本以为会是激烈得碰撞,没想到是…词穷了属于&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;史官(我)：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;绷不住挑战
你绷住了吗?&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;实证派收了个尾：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;人都有这个阶段吧,谁刚开始脖子痒痒的,思想准备启蒙的时候,都会有嘉豪时期,沉淀沉淀就好了&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;捧哏感慨：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;或许吧,我以前也傻,天天跟朋友看星星,还想学天体物理的&lt;/p&gt;&lt;/blockquote&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;终幕：一切归于薅羊毛&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;终幕：回到省 token&quot; loading=&quot;lazy&quot; width=&quot;1280&quot; height=&quot;720&quot; src=&quot;/_astro/S13-finale-tokens.BBMt1zkt_1XOAAe.webp&quot; /&gt;&lt;figcaption&gt;终幕：回到省 token&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;em&gt;话题回到刷号薅羊毛 · 史官合上笔记本&lt;/em&gt;&lt;/p&gt;&lt;p&gt;喧嚣过后,人群散去。有人问了一句：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;现在pro速刷号大概什么价格了&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;有人讨论起 ccswitch 怎么混合官方模型和本地模型。群里像什么都没发生过一样,重新回到省 token 的正题。只有我这个史官,默默把 80 分钟的对话存了下来。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;这场讨论值得记住什么&lt;/h2&gt;&lt;p&gt;一个没有标准答案的反问句,是群聊最完美的燃料。每个在场的人都在用自己最顺手的框架解释同一件事：直觉派负责想象力,实证派负责踩刹车,怀疑派负责抬杠,接梗派负责不让场子冷下来。&lt;/p&gt;&lt;p&gt;最值钱的观察是这群人的世界观底座。意识是「向量空间里的信息连接」,语言是「信息密度最高的传递途径」,动物信息素是「nfc」,外星人造人是「写了堆屎山代码」,不靠谱的脑洞是「冒烟测试都过不去」。程序员长期用抽象建模世界,碰到解释不了的事,第一反应就是套上自己最熟的范式。&lt;/p&gt;&lt;p&gt;所以,一个天天省 token 的群,认认真真吵了一下午人类起源,不奇怪。这可能是我们离「人类为什么聪明」最近的一次集体思考。虽然谁也没吵出结论,但这场戏本身,已经是答案的一部分。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>把 GitHub Profile 当成招牌来做,不是简历</title><link>https://fork-firefly.vercel.app/posts/github-profile-signboard/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/github-profile-signboard/</guid><description>把 GitHub Profile 从简历堆砌做成一块 5 秒能看懂的招牌:先定声音、再抠视觉、用可核对数字说话。V1 版设计思路拆解。</description><pubDate>Fri, 07 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;访客在你的 GitHub Profile 上停留的时间按秒计。与其堆一份「什么都会」的简历,不如做一块 5 秒能看懂、30 秒能核对的招牌。这版 V1 就是按这个来的&amp;lt;身份一句话&amp;gt;,证据拿得出来,视觉和声音不打架。&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;v9 banner&quot; loading=&quot;lazy&quot; width=&quot;700&quot; height=&quot;175&quot; src=&quot;/_astro/fig-banner.D_nNaWcY_1imQws.webp&quot; /&gt;&lt;figcaption&gt;v9 banner&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;先定声音,再写内容&lt;/h2&gt;&lt;p&gt;写任何内容之前,先回答「用谁的口吻说话」。调研了五类真实独立开发者的 profile(antfu、sindresorhus、levelsio、Dan Luu 那一挂),得出一个混合配方:&lt;/p&gt;





























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;模块&lt;/th&gt;&lt;th&gt;参考类别&lt;/th&gt;&lt;th&gt;一句话&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;Intro / tagline&lt;/td&gt;&lt;td&gt;极简工匠&lt;/td&gt;&lt;td&gt;短身份句,作品优先&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;竞赛段&lt;/td&gt;&lt;td&gt;系统深技&lt;/td&gt;&lt;td&gt;带单位带边界的数字&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;项目卡片&lt;/td&gt;&lt;td&gt;产品清晰&lt;/td&gt;&lt;td&gt;痛点 → 方案 → 证明&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;全局红线&lt;/td&gt;&lt;td&gt;—&lt;/td&gt;&lt;td&gt;禁假 MRR、禁 Bali 人设、禁 slogan 轰炸&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;先定声音的最大好处&amp;lt;后面每个段落的口径不会打架&amp;gt;。Intro 说「代码要可维护」,竞赛段就不会吹 SOTA 空话。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;视觉资产&amp;lt;每个都做过取舍和迭代&amp;gt;&lt;/h2&gt;&lt;p&gt;Hero 图是最重的资产,从 981KB 的 PNG 压到 90KB 的 WebP,10 倍缩小还看不出差别。过程中试过圆角加双环,最后回退成直角,因为 GitHub 会剥掉 README 里的 CSS border-radius,烘焙圆角在亮色页面边缘直接消失。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;mascot&quot; loading=&quot;lazy&quot; width=&quot;320&quot; height=&quot;320&quot; src=&quot;/_astro/fig-mascot.B-_lsgza_Z1B5Yqh.webp&quot; /&gt;&lt;figcaption&gt;mascot&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;吉祥物是 3D chibi 骑士,做成亮暗双 GIF,用 picture 按主题切换;字标同理,亮暗双 SVG;顶部 banner 是动画 v9。这些资产单个看都不难,难的是每个都经过一次「要不要、怎么换、换了坑在哪」的追问。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;深色模式 只能切图,preview 才能上 CSS&lt;/h2&gt;&lt;p&gt;GitHub 的 cmark 会剥离 README 里的 style 标签,所以 README 的暗色只能靠 picture 切图片资产,文字和布局颜色交给 GitHub 主题接管。本地 preview 是完整 HTML,才能用 CSS 变量做全套暗色。&lt;/p&gt;&lt;p&gt;暗色有几个实打实的坑:&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;GIF 只支持 1-bit 透明,白底 GIF 在暗色下没法变透明,只能重制资产&lt;/li&gt;
&lt;li&gt;picture 块前后不能有空行,否则 cmark 把它当两个独立 HTML 块,渲染直接断裂&lt;/li&gt;
&lt;li&gt;GitHub 图片有缓存,切主题后要硬刷新才看到新版本&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;badge 是 10 类 87 个的刻意取舍,不是堆&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;GitHub profile 技术栈区&quot; loading=&quot;lazy&quot; width=&quot;1200&quot; height=&quot;844&quot; src=&quot;/_astro/fig-tech.CnAG3dVf_ZRp7W9.webp&quot; /&gt;&lt;figcaption&gt;GitHub profile 技术栈区&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;故意不放 Kafka 和 Monad,只留 RabbitMQ;概念徽章(Smart Accounts、Skills)和噪音(Git、GitHub)直接删。badge 是给扫描器看的,不是给收藏家凑数的。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;竞赛卡&amp;lt;从&amp;gt;「我参加了」到「你可以核对」&lt;/h2&gt;&lt;p&gt;Lead Cup 写死 #26/132 和 P99 SLA 数字;AI4S 卡从泛泛的「赛道介绍」升级成可核对指标 board 0.035115、报告 v9、Spectral idle 3.811 / 8.054 / 29.560 ms、排行 pending。招聘者想看的不是「完赛结项」四个字,是一串能去核对的数字。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;双语双预览,当成产品做&lt;/h2&gt;&lt;p&gt;中英 README 互为镜像,本地 preview 从 GitHub 渲染保存,带 EN / 中文切换器,连深色模式都单独测过。为什么要做双语?很多访客会直接看中文镜像,但英文才是 GitHub 的主场,两块都得能打。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;最不显眼但最值钱&amp;lt;文档体系&amp;gt;&lt;/h2&gt;&lt;p&gt;CLAUDE.md、CONTEXT.md、LANGUAGE.md、ADR、AGENTS.md,这些是给 AI agent 看的「怎么维护这块招牌」的说明书。V1 能反复打磨到现在,靠的是每次改动都有口径文档兜底,换谁来接手都不会改崩。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;招牌和简历的区别&lt;/h2&gt;&lt;p&gt;简历回答「我做过什么」,招牌回答「你该记住我什么」。V1 先到这里,后面继续磨。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>OpenCode 也想记住你：把 Claude Code 的 AutoMemory 接过来</title><link>https://fork-firefly.vercel.app/posts/opencode-claude-memory-sharing/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/opencode-claude-memory-sharing/</guid><description>OpenCode 原生没有 Claude Code 同款 AutoMemory？用 opencode-claude-memory 直接复用同一套 Markdown 记忆，Windows 下还要处理一次项目路径错位。</description><pubDate>Fri, 07 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;如果你同时用 Claude Code 和 OpenCode，迟早会遇到一个很烦的问题：Claude 记得项目历史，OpenCode 却像第一次见面。&lt;/p&gt;
&lt;p&gt;最省事的解法不是再建一套 SQLite，也不是把记忆迁移到某个云服务，而是让两个工具读写同一份 Claude Code AutoMemory。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;compaction 不是 AutoMemory&lt;/h2&gt;&lt;p&gt;这两个概念很容易混在一起。&lt;/p&gt;&lt;p&gt;OpenCode 的 session persistence 和 context compaction，解决的是当前会话太长之后如何继续；Claude Code AutoMemory 解决的是哪些信息值得跨会话保留下来。一个负责压缩上下文，一个负责沉淀长期记忆，不是一回事。&lt;/p&gt;&lt;p&gt;OpenCode 核心目前没有 Claude Code 同款的自动记忆提取机制。想让它跨会话召回和写回，就需要插件或其他扩展层。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;选兼容层，不另起炉灶&lt;/h2&gt;&lt;p&gt;这次接入的是 &lt;code&gt;opencode-claude-memory&lt;/code&gt;。它的定位不是新建一个记忆系统，而是把 OpenCode 接到 Claude Code 已有的本地 Markdown 目录上：&lt;/p&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;项目&lt;/th&gt;&lt;th&gt;做法&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;存储&lt;/td&gt;&lt;td&gt;继续使用 Claude Code 的 &lt;code&gt;~/.claude/projects/&amp;lt;project&amp;gt;/memory/&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;格式&lt;/td&gt;&lt;td&gt;沿用 Markdown 与 YAML frontmatter&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;迁移&lt;/td&gt;&lt;td&gt;不迁移，旧文件原样保留&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;数据库&lt;/td&gt;&lt;td&gt;不增加 SQLite、worker 或云端服务&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;工具&lt;/td&gt;&lt;td&gt;提供 &lt;code&gt;memory_list&lt;/code&gt;、&lt;code&gt;memory_search&lt;/code&gt;、&lt;code&gt;memory_read&lt;/code&gt;、&lt;code&gt;memory_save&lt;/code&gt;、&lt;code&gt;memory_delete&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;说白了，这不是复制记忆，而是接同一个文件入口。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;实际接入只需要三步&lt;/h2&gt;&lt;p&gt;先安装插件：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;Terminal window&lt;/span&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;npm&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;install&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;-g&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;opencode-claude-memory&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;再安装会话结束后的 wrapper：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;Terminal window&lt;/span&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;opencode-memory&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;install&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;最后在全局 &lt;code&gt;opencode.json&lt;/code&gt; 里追加插件：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;{&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;&quot;plugin&quot;&lt;/span&gt;&lt;span&gt;: [&lt;/span&gt;&lt;span&gt;&quot;opencode-claude-memory&quot;&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;已有其他插件时只追加，不要覆盖整个配置。改完后要完全退出并重启 OpenCode，配置不会在当前进程里热加载。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;Windows 下真正容易卡住的是路径&lt;/h2&gt;&lt;p&gt;我的 blog 工作区有两个层级：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;D:\OneDrive\Desktop\blog&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;└── Firefly    # 真正的 Git 仓库&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;Claude Code 旧记忆已经落在：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;C:\Users\Lenovo\.claude\projects\D--OneDrive-Desktop-blog\memory\&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;而插件按照 Firefly 的 Git 根目录解析出了另一条路径：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;C:\Users\Lenovo\.claude\projects\D--OneDrive-Desktop-blog-Firefly\memory\&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;如果不处理这个差异，插件虽然能加载，&lt;code&gt;memory_list&lt;/code&gt; 也能调用，但看到的是一个空目录。这个状态最容易被误判成“插件没有记忆”。&lt;/p&gt;&lt;p&gt;解决方式是把空的目标目录改成 Windows junction，指向已有的 Claude memory：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;D--OneDrive-Desktop-blog-Firefly\memory&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;        &lt;/span&gt;&lt;/span&gt;&lt;span&gt;↓ junction&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;D--OneDrive-Desktop-blog\memory&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;这样没有复制文件，也没有迁移真源；两个路径只是指向同一份内容。以后如果项目根目录或 Git worktree 变化，要重新检查插件解析出的路径。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;验证不能只看配置文件&lt;/h2&gt;&lt;p&gt;“配置写进去了”和“共享记忆真的能用”至少是三层证据：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;&lt;code&gt;opencode debug config&lt;/code&gt; 能识别 &lt;code&gt;opencode-claude-memory&lt;/code&gt;。&lt;/li&gt;
&lt;li&gt;独立重启的 OpenCode 进程能调用 &lt;code&gt;memory_list&lt;/code&gt;、&lt;code&gt;memory_search&lt;/code&gt;、&lt;code&gt;memory_read&lt;/code&gt;。&lt;/li&gt;
&lt;li&gt;OpenCode 写入一条临时记忆后，Claude Code 在同一个项目里也能读到。&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;本次验证结果是：&lt;/p&gt;




































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;验证项&lt;/th&gt;&lt;th&gt;结果&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;插件版本&lt;/td&gt;&lt;td&gt;&lt;code&gt;opencode-claude-memory@1.7.3&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;OpenCode memory 工具&lt;/td&gt;&lt;td&gt;可用&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;现有 blog memory&lt;/td&gt;&lt;td&gt;可读&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;OpenCode 写入&lt;/td&gt;&lt;td&gt;成功&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Claude Code 读取 OpenCode 写入&lt;/td&gt;&lt;td&gt;成功&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;临时测试条目&lt;/td&gt;&lt;td&gt;已清理&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;原有 memory 文件&lt;/td&gt;&lt;td&gt;SHA-256 已恢复一致&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;最后一项很重要。测试写入时，插件会同步更新 &lt;code&gt;MEMORY.md&lt;/code&gt; 索引；如果只删测试主题文件、不恢复索引，记忆库仍然会留下脏引用。验证脚本或工具如果没有帮你做回滚，必须再检查一次索引。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;记忆、项目规则和文章素材各归其位&lt;/h2&gt;&lt;p&gt;共享记忆很有用，但它不是整个知识系统：&lt;/p&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;内容&lt;/th&gt;&lt;th&gt;适合的位置&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;稳定的项目规则与命令&lt;/td&gt;&lt;td&gt;&lt;code&gt;AGENTS.md&lt;/code&gt;、&lt;code&gt;CLAUDE.md&lt;/code&gt;、&lt;code&gt;CONTEXT.md&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;用户偏好、工作习惯、跨会话决策&lt;/td&gt;&lt;td&gt;Claude Code AutoMemory&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;调研结论和文章素材&lt;/td&gt;&lt;td&gt;&lt;code&gt;D:\OneDrive\Desktop\Knowledge\&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;可发布正文&lt;/td&gt;&lt;td&gt;blog 的 &lt;code&gt;src/content/posts/&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;把所有东西塞进 AutoMemory，最后只会得到一间很难找东西的杂物间。记忆应该保存“以后还会影响决策的事实”，文章素材则应该进入自己的写作流水线。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;还有一个 Skill 入口误会&lt;/h2&gt;&lt;p&gt;OpenCode 的 Skill 不等于斜杠命令。它由 Agent 的 &lt;code&gt;skill&lt;/code&gt; 工具按需加载，所以在 &lt;code&gt;/skills&lt;/code&gt; 菜单里看不到，不代表文件没有安装。&lt;/p&gt;&lt;p&gt;正确的触发方式是直接告诉 Agent：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;用 knowledge-extract 提炼这次会话。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;如果 Skill 已被当前 CLI 的 available skills 发现，Agent 就可以加载它。模型 variants 是 API 推理参数问题，Skill 则是 Agent 工具入口问题，这两件事不要混成一个“索引失败”。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;最后留一条边界&lt;/h2&gt;&lt;p&gt;共享方案解决的是存储一致性，不保证所有 shell 的 wrapper 行为都一样。Windows 下 Git Bash 更容易让 &lt;code&gt;opencode-memory install&lt;/code&gt; 生效；PowerShell 仍能加载插件和 memory 工具，但会话结束后的自动提取是否触发，要按实际运行环境验证。&lt;/p&gt;&lt;p&gt;真正稳妥的判断顺序是：先看插件有没有被 OpenCode 解析，再看工具能不能读已有条目，最后做一次跨工具写读。三层都通过，才算真的把两套记忆接成了一套。🧠&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>Kimi Code 的 hook 装好不算完，怎么证明它真在拦？</title><link>https://fork-firefly.vercel.app/posts/kimi-code-hook-verify/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/kimi-code-hook-verify/</guid><description>Kimi Code 的 PreToolUse hook 装好不代表真在拦。记一套三层验证法（配置层/单测层/实弹层），顺带修掉 matcher 不锚定、Windows 下 ~ 路径哑火两个配置坑，以及博客卡片边框颜色公式漂移。</description><pubDate>Fri, 07 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;前一阵 Kimi Code 会话里工具调用陷入过循环报错：模型拿 &lt;code&gt;Read&lt;/code&gt; 去读图片，报错，再读，再报错。后来给 CLI 配了一个 PreToolUse hook，从入口把这种调用直接掐掉。&lt;/p&gt;
&lt;p&gt;配置写完那天我没敢信。「文件里写着」和「真的拦得住」之间，隔着好几个会翻车的细节。这次把验证过程和顺带揪出的一个博客样式问题一起记下来。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;这个 hook 在拦什么&lt;/h2&gt;&lt;p&gt;规则本身很简单：模型对图片/视频文件调用 &lt;code&gt;Read&lt;/code&gt; 时，hook 在工具执行前拦截，stderr 返回一句「改用 ReadMediaFile」，进程 exit 2 阻断这次调用。其它文件类型正常放行，stdin 解析失败时 fail-open 不误伤。&lt;/p&gt;&lt;p&gt;脚本本身没什么可说的，四十行不到。真正的坑在配置层。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;配置里修掉的两个真问题&lt;/h2&gt;






















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;坑&lt;/th&gt;&lt;th&gt;错的写法&lt;/th&gt;&lt;th&gt;对的写法&lt;/th&gt;&lt;th&gt;为什么&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;matcher 太宽&lt;/td&gt;&lt;td&gt;&lt;code&gt;matcher = &quot;Read&quot;&lt;/code&gt;&lt;/td&gt;&lt;td&gt;&lt;code&gt;matcher = &quot;^Read$&quot;&lt;/code&gt;&lt;/td&gt;&lt;td&gt;不锚定的话，任何工具名里含 Read 的都会被误伤&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;路径依赖 &lt;code&gt;~&lt;/code&gt;&lt;/td&gt;&lt;td&gt;&lt;code&gt;node ~/.kimi-code/hooks/xxx.mjs&lt;/code&gt;&lt;/td&gt;&lt;td&gt;&lt;code&gt;node C:/Users/.../xxx.mjs&lt;/code&gt;&lt;/td&gt;&lt;td&gt;Windows 下 &lt;code&gt;~&lt;/code&gt; 展开不可靠，hook 会直接哑火&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;第二个坑尤其阴：配置写错了 hook 不执行，但表面上一切正常——没有报错，只是「没拦」。这也是为什么必须做下面这套验证。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;三层验证法&lt;/h2&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;层&lt;/th&gt;&lt;th&gt;做什么&lt;/th&gt;&lt;th&gt;能证明什么&lt;/th&gt;&lt;th&gt;证明不了什么&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;配置层&lt;/td&gt;&lt;td&gt;对照配置历史（&lt;code&gt;.bak&lt;/code&gt; 文件 diff），确认 hook 块语法、matcher、路径都正确&lt;/td&gt;&lt;td&gt;注册意图是对的&lt;/td&gt;&lt;td&gt;CLI 真的加载了它&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;单测层&lt;/td&gt;&lt;td&gt;手动给脚本喂 JSON：&lt;code&gt;.png&lt;/code&gt; 应拦截 exit 2，&lt;code&gt;.astro&lt;/code&gt; 应放行 exit 0，大写扩展名、坏 JSON 各试一遍&lt;/td&gt;&lt;td&gt;脚本逻辑是对的&lt;/td&gt;&lt;td&gt;会话里真的接了这根线&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;实弹层&lt;/td&gt;&lt;td&gt;在真实会话里故意拿 &lt;code&gt;Read&lt;/code&gt; 读一张图片&lt;/td&gt;&lt;td&gt;端到端真拦住了&lt;/td&gt;&lt;td&gt;—&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;实弹层是关键，也是最容易被跳过的一层。这次验证时翻了运行日志，里面只有启动记录，没有任何 hook 执行的痕迹——光看日志既证明不了它在工作，也证明不了它没工作。唯一的硬证据是在会话里故意犯一次规，看拦截信息是不是脚本里写的那句 stderr。&lt;/p&gt;&lt;p&gt;结果是拦住了，返回的就是脚本里那句提示。三层证据凑齐，这事才算闭环。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;防循环其实有两道闸&lt;/h2&gt;&lt;p&gt;hook 只是入口那道。配置里还有一层 &lt;code&gt;[loop_control]&lt;/code&gt;：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;loop_control&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;max_steps_per_turn&lt;/span&gt;&lt;span&gt; = &lt;/span&gt;&lt;span&gt;300&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;max_attempts_per_step&lt;/span&gt;&lt;span&gt; = &lt;/span&gt;&lt;span&gt;2&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;&lt;code&gt;max_attempts_per_step = 2&lt;/code&gt; 和「同一调用失败两次就停手」的纪律是同一个思路：循环靠重试续命，把重试次数掐死，循环就起不来。一道闸拦错误的工具选择，一道闸拦无底线的重试，两层是互补的。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;顺带揪出的卡片边框漂移&lt;/h2&gt;&lt;p&gt;验证之余还排了一个博客（Astro/Firefly）的卡片边框问题，根因是典型的「两处公式漂移」：&lt;/p&gt;




















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;位置&lt;/th&gt;&lt;th&gt;作用&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;src/styles/main.css:286-294&lt;/code&gt;&lt;/td&gt;&lt;td&gt;全局卡片边框，&lt;code&gt;.enable-card-border .card-base&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;src/styles/main.css:329-336&lt;/code&gt;&lt;/td&gt;&lt;td&gt;壁纸透明模式下把边框压淡&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;src/styles/dynamic.css:931-938&lt;/code&gt;&lt;/td&gt;&lt;td&gt;动态页又单独覆盖了一套边框颜色公式&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;同一个卡片，全局规则和动态页覆盖用的是两套不同的 &lt;code&gt;color-mix&lt;/code&gt; 公式，视觉上自然不一致。最小修法二选一：直接删掉动态页那段覆盖回归全局，或者把覆盖里的公式对齐全局。改之前先在 &lt;code&gt;pnpm dev&lt;/code&gt; 下切壁纸模式肉眼对比，再决定删还是对齐。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;两个顺手的教训&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;剪贴板管理器的截图路径会失效。&lt;/strong&gt; 这次两张截图里有一张路径已经不存在——剪贴板工具会清图。收到这类路径先确认文件还在，再决定用哪个工具读，能省一轮无效往返。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;「故意犯错」是验证防护机制最硬的证据。&lt;/strong&gt; 防护类配置（hook、拦截规则、权限门禁）静默时不产生任何痕迹，日志里也看不见。想知道它在不在岗，就得在安全范围内真的踩一脚红线。踩中了，才是真的。&lt;/p&gt;&lt;p&gt;之前还记过一次 Kimi CLI 工具调用陷进循环的事，&lt;a href=&quot;/posts/kimi-cli-tool-loop/&quot;&gt;那篇在这里&lt;/a&gt;，这道 hook 就是防它的入口闸。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>关于我是自定义workflow实现如何一键发布blog的😎</title><link>https://fork-firefly.vercel.app/posts/one-click-blog-publish-workflow/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/one-click-blog-publish-workflow/</guid><description>把「提炼 → 成帖 → 级联 → 归档」拆成可复用积木，让 agent 按序拼装：knowledge-extract / knowledge-output / site-cascade / ob2blog 的调度协同，加上配图素材分级，串成一条接近一键的发布流水线。</description><pubDate>Fri, 07 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;一篇东西从「脑子里有点想法」到「线上别人能点开」，中间要过多少道手？以前得自己搭草稿、写正文、做封面、传图、改 frontmatter、跑统计、记笔记，一个流程下来少说半小时。现在我把这套拆成了几个只管一件事的小 skill，再串成一条流水线——说「一键发布」，其实是 agent 替你把这套流程跑完了。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;两条内容流水线，收尾都是同一套&lt;/h2&gt;&lt;p&gt;我的 blog 发布有两条入口，按「素材在哪」选：&lt;/p&gt;



















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;路&lt;/th&gt;&lt;th&gt;素材来源&lt;/th&gt;&lt;th&gt;走法&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;甲&lt;/td&gt;&lt;td&gt;Obsidian vault 里的笔记&lt;/td&gt;&lt;td&gt;&lt;code&gt;ob2blog&lt;/code&gt; → &lt;code&gt;site-cascade&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;乙&lt;/td&gt;&lt;td&gt;会话/调研结论&lt;/td&gt;&lt;td&gt;&lt;code&gt;knowledge-extract&lt;/code&gt; → &lt;code&gt;knowledge-output&lt;/code&gt; → &lt;code&gt;site-cascade&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;p&gt;两条路互补：笔记已经躺在 Obsidian 里就走甲；素材是对话里现聊出来的就走乙。收尾都是同一个 &lt;code&gt;site-cascade&lt;/code&gt;——它负责发文后的四件事：生成「新笔记」动态、更新站点统计、分类标签、热力图。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;乙路全流程：从一句话到线上&lt;/h2&gt;&lt;p&gt;这条是我最常用的（本博客最近的帖子几乎都走它）：&lt;/p&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;p&gt;每个 skill 只干一件事，边界划得干净：&lt;/p&gt;







































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;skill&lt;/th&gt;&lt;th&gt;只管什么&lt;/th&gt;&lt;th&gt;产出&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;knowledge-extract&lt;/td&gt;&lt;td&gt;会话提炼成高密度笔记&lt;/td&gt;&lt;td&gt;Knowledge\todo\ 草稿&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;knowledge-output&lt;/td&gt;&lt;td&gt;素材补成帖 + 落盘 + 校验 + 级联 + 归档&lt;/td&gt;&lt;td&gt;posts{slug}\ 成品&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;ob2blog&lt;/td&gt;&lt;td&gt;Obsidian vault↔帖双边同步&lt;/td&gt;&lt;td&gt;posts\ + manifest 映射&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;site-cascade&lt;/td&gt;&lt;td&gt;发文后级联四表面&lt;/td&gt;&lt;td&gt;动态/统计/分类/热力图&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;dynamic-post&lt;/td&gt;&lt;td&gt;即时短内容（不进 posts）&lt;/td&gt;&lt;td&gt;dynamic\ 动态&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;firefly-minimax-media&lt;/td&gt;&lt;td&gt;MiniMax 生图（style-taste）&lt;/td&gt;&lt;td&gt;封面/配图&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;调度依赖：谁等谁&lt;/h2&gt;&lt;p&gt;这条链能流水线化，靠的是明确的上下游关系：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;output 等 extract 的产物&lt;/strong&gt;——extract 不落笔记，output 没料可发&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;site-cascade 等任何一方的落盘&lt;/strong&gt;——ob2blog/output/手写 posts 都行&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;ob2blog 和 output 互补不互调&lt;/strong&gt;——一个管 vault 笔记，一个管会话素材&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;dynamic-post 独立&lt;/strong&gt;——发动态不触发级联，跟成帖互不干扰&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;output 复用 ob2blog 的模板&lt;/strong&gt;——frontmatter 结构和校验脚本是共享的&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;因为每个 skill 边界单一、依赖单向，才能像流水线一样一个接一个跑，中途任何一步出问题都能单独重跑。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;配图：先扒现成，最后才生图&lt;/h2&gt;&lt;p&gt;发文章避不开配图，这也是个独立的小规范：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;官方素材&lt;/strong&gt;——官方 README 的预览 gif / 截图，扒 GitHub raw 直链，带官方背书还省事（动图尤其值得扒，比如 claude-mem 的 &lt;code&gt;cm-preview.gif&lt;/code&gt;）&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;网上相关素材&lt;/strong&gt;——主题相关的图、素材包、合规网图&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;生图兜底&lt;/strong&gt;——前两级都没有，才按 style-taste 用 MiniMax 生成（生图本身还有一套风格路由和 checklist）&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;先找现成的，不是什么都值得烧额度生图。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;配套的两个小件&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;dynamic-post&lt;/strong&gt;：发「最新动态」这类即时短内容，独立于成帖流程，发完即出现在动态时间线&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;agent-comment&lt;/strong&gt;：文章/动态发完后，agent 能以协作者身份在评论区追加点评——这是另一个会话里做出来的「agent 评论机制」&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;这流水线是真跑过的&lt;/h2&gt;&lt;p&gt;不是纸上设计。看 git log，这套是从 &lt;code&gt;feat(ob2blog)&lt;/code&gt; 起步，逐步加 &lt;code&gt;feat(site-cascade)&lt;/code&gt;、&lt;code&gt;Knowledge 引入 todo/Archive&lt;/code&gt;，再一批批发文章发动态积累起来的。dynamic-post 还经历过「并入 output」又「还原独立」的反复，最后定型为独立 skill。最近连着发的「会话命名」「记忆方案」两篇，就是这条乙路流水线现跑的。&lt;/p&gt;&lt;p&gt;一句话收束：所谓「一键发布」，不是有个神奇按钮，是把「提炼 → 成帖 → 级联 → 归档」拆成可复用的积木，让 agent 按序拼装。积木越拆越稳，发帖就越接近一键。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>给 Claude Code 装记忆：内置的便签本，还是 claude-mem 的档案柜？</title><link>https://fork-firefly.vercel.app/posts/claude-code-memory-auto-vs-claude-mem/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/claude-code-memory-auto-vs-claude-mem/</guid><description>会话记忆怎么管：内置 Auto Memory 的透明便签本 vs 46k star 的 claude-mem 自动档案柜。调研了官方文档、GitHub issue、安全审计和社区反馈，结论对 CC Switch 三方中转环境尤其关键。</description><pubDate>Fri, 07 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;项目一变大、多项目并行，最费脑子的就是会话记忆怎么管。每个新会话都从零开始，该记住的偏好、结论、上下文，换个会话就没了。两条路摆在这：Claude Code 内置的 Auto Memory，和社区 46k star 的 claude-mem。把这轮调研（官方文档、GitHub issue、安全审计、L站和 X 的社区反馈）拼起来看，结论有点反直觉。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;内置 Auto Memory：agent 把关的便签本&lt;/h2&gt;&lt;p&gt;文件落在 &lt;code&gt;~/.claude/projects/&amp;lt;project&amp;gt;/memory/&lt;/code&gt;，一个 &lt;code&gt;MEMORY.md&lt;/code&gt; 索引加一堆主题 md。每个会话注入索引前 200 行（或 25KB），主题文件按需读。&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;写入靠 agent 判断「值不值得记」——是便签本，不是档案柜&lt;/li&gt;
&lt;li&gt;透明：全是你能改的 markdown；轻量：零额外依赖&lt;/li&gt;
&lt;li&gt;局限：不适合大量/高频数据，超限会报错强制精简，也没有检索能力&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;这套的聪明处在「让 agent 自己筛」，代价是它永远只记「agent 觉得重要的」，记不了那些「当时没意识到、后来才想找」的东西。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Auto Memory 工作机制：MEMORY.md 索引 + 主题文件按需读&quot; loading=&quot;lazy&quot; width=&quot;1264&quot; height=&quot;848&quot; src=&quot;/_astro/auto-memory.Du1wC_lU_Z27HyyS.webp&quot; /&gt;&lt;figcaption&gt;Auto Memory 工作机制：MEMORY.md 索引 + 主题文件按需读&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;claude-mem：自动堆积的档案柜&lt;/h2&gt;&lt;p&gt;5 个生命周期 hooks（SessionStart / UserPromptSubmit / PostToolUse / Stop / SessionEnd）全自动捕获每次工具调用，用 Claude Agent SDK 压缩成结构化「观测记录」，存本地 SQLite（全文检索）+ Chroma（向量）。下次开会话按任务检索注入相关上下文，另有 3 个 MCP 工具按需深查。&lt;/p&gt;&lt;p&gt;宣传口径是「省 ~10x token、20x 工具调用次数」——这是它火到 46k star 的原因。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;claude-mem 界面预览（来自官方 README）&quot; loading=&quot;lazy&quot; width=&quot;640&quot; height=&quot;360&quot; src=&quot;/_astro/claude-mem-preview.DVAX2FlW_2s5yHW.webp&quot; /&gt;&lt;figcaption&gt;claude-mem 界面预览（来自官方 README）&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;社区真实反馈：两极，负面的不虚&lt;/h2&gt;&lt;p&gt;L站和 X 的口径差距很大。X 上清一色「infinite memory」「省 95% token」的推广帖；L站实际用户是另一种说法：&lt;/p&gt;
































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;反馈&lt;/th&gt;&lt;th&gt;来源&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;「不好用，对 CC 来说机制多余」；有人直呼「史上最垃圾插件」&lt;/td&gt;&lt;td&gt;Linux.do&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;「后台占用很多资源，直接用 —resume 接回会话就行」&lt;/td&gt;&lt;td&gt;Linux.do&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;「利大于弊，越来越懂我，每次省约 2250 token」&lt;/td&gt;&lt;td&gt;Linux.do&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;后台静默烧掉几千万到几亿 token&lt;/td&gt;&lt;td&gt;GitHub #2643、#2315&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;数据库膨胀到几十 GB&lt;/td&gt;&lt;td&gt;GitHub #2793&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;进程泄漏、资源占用高&lt;/td&gt;&lt;td&gt;GitHub issue 持续累积&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;正面评价真实存在，但烧 token、膨胀数据库这些负面也实打实。宣传的「无限记忆」和实际体验，中间隔着这些坑。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;对你（CC Switch 环境）最硬的一道坎&lt;/h2&gt;&lt;p&gt;claude-mem 的压缩后端只支持御三家：&lt;code&gt;claude&lt;/code&gt;（走 Claude Agent SDK）、&lt;code&gt;gemini&lt;/code&gt;、&lt;code&gt;openrouter&lt;/code&gt;。&lt;strong&gt;不支持&lt;/strong&gt;任意 OpenAI 兼容中转、DeepSeek、或 CC Switch 自定义路由。&lt;/p&gt;&lt;p&gt;有用户实测把 provider 配成 openrouter 也跑不通——「observations 无法工作」「openrouter/auto 只能跑通测试，返回很不稳定」。&lt;/p&gt;&lt;p&gt;用 CC Switch 走三方中转的环境，claude-mem 大概率装上也跑不顺。这比「装即禁内置」更决定性，是硬限制不是偏好问题。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;其他该知道的&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;装 claude-mem 会&lt;strong&gt;静默写 &lt;code&gt;CLAUDE_CODE_DISABLE_AUTO_MEMORY=1&lt;/code&gt;&lt;/strong&gt; 停用内置——不删文件，但 Claude Code 不再加载，用户会突然发现记忆全没了&lt;/li&gt;
&lt;li&gt;安全审计评级 HIGH：本地 API（默认 37777 端口）大量接口无鉴权，任何本机进程都能读 settings（含 API key 明文）、读写污染记忆、清空队列&lt;/li&gt;
&lt;li&gt;官方 SECURITY.md 承认内容会发往上游模型（Claude / Gemini / OpenRouter）&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;结论&lt;/h2&gt;&lt;p&gt;内置是「精兵」——透明、轻量、已重度使用（偏好、hook 机制、项目上下文都沉淀进去了）。claude-mem 是「重炮」——全自动、可检索，但更重，还带安全与兼容风险。&lt;/p&gt;&lt;p&gt;对你这种 CC Switch + 三方中转环境，重炮大概率装上也打不响。保持内置，不换装。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>谁在偷偷给我的会话起名？</title><link>https://fork-firefly.vercel.app/posts/claude-code-session-auto-title/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/claude-code-session-auto-title/</guid><description>会话名没被我改过却一直在变——Claude Code 的 ai-title 自动命名、Stop hook 中文定制、CC Switch 悄悄吃掉 hooks 的坑，以及 claude-hud 标题显示，一次理清。</description><pubDate>Fri, 07 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;状态栏里的会话名从「排查 K12 503」变成「agent 评论」，又变成「工作 → 继续」——全程没人 &lt;code&gt;/rename&lt;/code&gt; 过。翻会话记录才知道，Claude Code 一直在后台偷偷给会话起名，而且这个机制可以接管、可以定制，还能被一堆隐藏配置悄悄毁掉。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;会话标题是客户端自动改的&lt;/h2&gt;&lt;p&gt;Claude Code 会在会话的 jsonl 记录里写一个 &lt;code&gt;ai-title&lt;/code&gt; 事件，值是后台模型根据对话内容总结出来的 kebab-case 标题。它显示在输入框右侧的 chip 上，也会出现在 &lt;code&gt;/resume&lt;/code&gt; 列表里。&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;官方文档说「只按首条消息生成一次」，但实测（2.1.223）标题会随工作重心多次更新——这个会话就从「排查 K12 503」自己长成了「agent-collaborator-comments」&lt;/li&gt;
&lt;li&gt;手动 &lt;code&gt;/rename&lt;/code&gt; 会写一条 &lt;code&gt;custom-title&lt;/code&gt;，优先级比自动标题高&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;核心收获：会话标题 = &lt;code&gt;custom-title&lt;/code&gt;（手动）优先，&lt;code&gt;ai-title&lt;/code&gt;（自动）兜底，都在 jsonl 里能直接读写。想自动改名，往 jsonl 写一条 &lt;code&gt;custom-title&lt;/code&gt; 就行。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;做成自动中文命名 hook&lt;/h2&gt;&lt;p&gt;既然标题是写 jsonl 就能改的，就顺手做了个 Stop hook：每轮对话结束，读你最新一句话，提炼成「给谁 → 干什么」的中文标题。&lt;/p&gt;&lt;p&gt;格式是 A→B：A 是对象（项目/工具），B 是这轮在干什么。实测效果：&lt;/p&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;你说&lt;/th&gt;&lt;th&gt;标题&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;给 Pi 换个主题&lt;/td&gt;&lt;td&gt;&lt;code&gt;Pi → 换个主题&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;沉淀记忆做成 hook&lt;/td&gt;&lt;td&gt;&lt;code&gt;记忆 → 做成hook&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;给 Codex 装配新号池&lt;/td&gt;&lt;td&gt;&lt;code&gt;Codex → 装配新号池&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;把知识笔记发到博客&lt;/td&gt;&lt;td&gt;&lt;code&gt;知识 → 发到博客动态&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;关键在「动词核心提炼」——抓动作+宾语，而不是整句截断。踩过的坑：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;图片引用污染：用户消息里的 &lt;code&gt;[Image: source:...]&lt;/code&gt; 会混进任务，标题变 &lt;code&gt;[Image:source:C&lt;/code&gt; 这种鬼东西&lt;/li&gt;
&lt;li&gt;cwd 兜底误取：在插件目录执行命令后，cwd 会取到 &lt;code&gt;claude-hud/0.6.0&lt;/code&gt; 这种，对象变版本号&lt;/li&gt;
&lt;li&gt;动词误匹配：「触发」里的「发」会被当成任务动词&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;Stop hook 还有几个规范坑：无 matcher（每次模型 stop 都触发），工具循环会高频触发所以要按 prompt_id 去重；hook 必须 exit 0 且别往 stdout 打印非 JSON，否则污染状态栏。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;CC Switch 会吃掉你的 hooks&lt;/h2&gt;&lt;p&gt;这是最阴的一个坑。CC Switch 切模型时，会用它数据库里的 provider 配置&lt;strong&gt;重写整个 &lt;code&gt;~/.claude/settings.json&lt;/code&gt;&lt;/strong&gt;。自定义 hooks / statusLine 只写在 settings.json 里，切一次模型就没了。&lt;/p&gt;&lt;p&gt;机制分两层：&lt;/p&gt;



















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;类型&lt;/th&gt;&lt;th&gt;行为&lt;/th&gt;&lt;th&gt;处理&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;纯 env 的 provider（gpt k12 等）&lt;/td&gt;&lt;td&gt;生成 settings.json 走 settings 表的 &lt;code&gt;common_config_claude&lt;/code&gt;&lt;/td&gt;&lt;td&gt;把 hooks 注入这个通用配置&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;完整配置的 provider（DeepSeek 等）&lt;/td&gt;&lt;td&gt;用自己的完整 config 覆盖&lt;/td&gt;&lt;td&gt;逐个补 hooks&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;解法是直接改 &lt;code&gt;cc-switch.db&lt;/code&gt;：&lt;code&gt;common_config_claude&lt;/code&gt; + 所有含完整配置的 claude provider 都注入 hooks，切任何模型都带。改 DB 前先备份。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;claude-hud 会话标题看不清&lt;/h2&gt;&lt;p&gt;会话标题在状态栏里是最暗的一截——因为 claude-hud 用 &lt;code&gt;label()&lt;/code&gt; 渲染它，默认色是 DIM 暗色。配置层没有 sessionName 独立色，&lt;code&gt;colors.label&lt;/code&gt; 全局改又会让 Context、计数、时长全变亮，太花。&lt;/p&gt;&lt;p&gt;只能动源码：给 &lt;code&gt;sessionName()&lt;/code&gt; 一个恒亮品红，两个渲染文件（compact 的 session-line 和 expanded 的 project-line）都换掉。插件更新会覆盖，得重打。&lt;/p&gt;&lt;p&gt;设计问题值得说：claude-hud 把「装饰性 slogan」做成最醒目的橙色，把「当前在哪个会话」做成最暗的灰色——视觉优先级整个反了。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;沉淀成闭环&lt;/h2&gt;&lt;p&gt;这个主题的完整链路：会话名被自动改（发现）→ 做成 Stop hook（定制）→ CC Switch 防丢（保护）→ claude-hud 高亮（显示）→ 记忆 + blog 动态记录（留存）。每一步的坑都沉淀进了记忆，下次同类问题能直接想到。&lt;/p&gt;&lt;p&gt;经验：Claude Code 的自定义机制（hooks、statusline、自动命名）都绕不开「配置文件会被谁重写」这个问题。配完一套，记得想清楚它活在哪个配置层——settings.json 会变，cc-switch.db 的 common_config 才是 claude 的稳定底座。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>40 个技能围着一个 grilling 转：Matt Pocock 工程方法论拆解</title><link>https://fork-firefly.vercel.app/posts/matt-pocock-engineering-method/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/matt-pocock-engineering-method/</guid><description>40 个 agent 技能拆开看是同一套工程方法论：grilling 逼你把每个假设问一遍，主流程从想法一路推进到可验证的切片。附 v1.2 更新：新技能 wait-what、废弃吸收、跨工具 Agent Skills 落地。</description><pubDate>Wed, 05 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;TypeScript 圈博主 Matt Pocock 开源了自己的 agent 技能库，star 涨得飞快。表面是 40 个 SKILL.md，拆开看其实是同一套工程方法论。这篇基于技能原文，把它的骨架和关键设计讲透。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;一张地图看全局&lt;/h2&gt;&lt;p&gt;整个库不是平铺的技能堆，而是三层结构加一堆独立件。ask-matt（官方路由器）把它画得很清楚：&lt;/p&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;方法论结构：齿轮、终端与图纸&quot; loading=&quot;lazy&quot; width=&quot;1152&quot; height=&quot;864&quot; src=&quot;/_astro/fig-structure.CJTPiTRm_Z2mB9px.webp&quot; /&gt;&lt;figcaption&gt;方法论结构：齿轮、终端与图纸&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;主流程是「想法→交付」，三条 on-ramp（入口）从不同起点汇入，两个词汇技能在所有流程下面提供公共语言，剩下的是独立件。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;心脏：grilling，一台逼你想清楚的机器&lt;/h2&gt;&lt;p&gt;整库最强的引擎不是写代码的，而是「问问题」的。&lt;/p&gt;&lt;p&gt;grilling 把任何计划当一棵&lt;strong&gt;决策树&lt;/strong&gt;：每个决定下面挂着依赖它的下一批决定。按「轮」问，每轮只问当前能答的那批（frontier，即前置已定的决策），每个问题编号并附上 agent 自己的推荐答案。&lt;/p&gt;&lt;p&gt;分工很明确：能从代码库或文件查到的&lt;strong&gt;事实&lt;/strong&gt;，agent 派子代理查，不麻烦你；真正要拍的&lt;strong&gt;决策&lt;/strong&gt;才抛给你，等你回答进下一轮。frontier 空了（树走完、没有默默假设）才算完，且在确认共识前不动手。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;词汇层：让所有技能说同一种话&lt;/h2&gt;&lt;p&gt;两个技能不直接干活，但所有技能都踩在它们上面。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;domain-modeling&lt;/strong&gt;（领域建模）管「词」。三条硬纪律：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;code&gt;CONTEXT.md&lt;/code&gt; 是&lt;strong&gt;纯术语表&lt;/strong&gt;，零实现细节，不兼当 spec 或草稿&lt;/li&gt;
&lt;li&gt;用户用词和术语表冲突时当场指出（「你的术语表说 cancellation 是 X，但你好像指 Y」）&lt;/li&gt;
&lt;li&gt;ADR 只在三条件同时满足才写：难逆转、无上下文会惊讶、是真实权衡的结果。少一个就不写&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;&lt;strong&gt;codebase-design&lt;/strong&gt;（深模块）管「形状」。核心是 deep module：小接口后面藏大量行为。几个一眼能带走的原则：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;删除测试&lt;/strong&gt;：想象删掉这个模块，复杂度没了？它就是个透传。复杂度分散到 N 个调用方？它值&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;接口即测试面&lt;/strong&gt;：调用方和测试跨同一条缝；想越过接口测，多半是模块形状错了&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;一个适配器是假设的缝，两个才是真的缝&lt;/strong&gt;：没有真实变化别引入抽象&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;主流程：grill → spec → tickets → implement → review&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;grill-with-docs&lt;/strong&gt;（有代码库）/ &lt;strong&gt;grill-me&lt;/strong&gt;（无代码库）：同一个 grilling 引擎，前者把结论写进 CONTEXT.md 和 ADR，后者不落任何东西。选哪个看有没有代码库，不看心情。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;to-spec&lt;/strong&gt;：把聊定的事合成规范，明确「不访谈，纯合成」。模板有两处反直觉的设计：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;User Stories 要超长&lt;/strong&gt;：编号列表尽可能穷尽功能所有面向，不是两三句&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Implementation Decisions 不放文件路径和代码&lt;/strong&gt;：因为会迅速过时；唯一例外是原型产出的状态机/类型形状这类「比散文更精确」的东西&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;&lt;strong&gt;to-tickets&lt;/strong&gt;：把规范拆成 &lt;strong&gt;tracer-bullet 垂直切片&lt;/strong&gt;。每张票切一条贯穿 schema→API→UI→测试的完整窄路，自己可演示可验证，尺寸塞得进一个全新上下文窗口。每张票声明 &lt;strong&gt;blocking edges&lt;/strong&gt;（依赖谁、被谁阻塞），无阻塞的立即可开工。&lt;/p&gt;&lt;p&gt;特殊场景：大范围重构（改一个符号炸全库）不硬塞垂直切片，改用 &lt;strong&gt;expand-contract&lt;/strong&gt;：先加新形态不破坏旧的 → 按爆炸半径分批迁移（每批一张票，CI 保持绿）→ 无调用者后删旧形态。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;implement&lt;/strong&gt;：按票实现，内部驱动 tdd（红→绿，一次一切片）。每张票自包含，上一张的上下文可丢，新票开新窗口。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;code-review&lt;/strong&gt;：双轴，两个并行子代理互不污染上下文。一个查「符不符合仓库规范」（Standards），一个查「实现对不对得上原需求」（Spec）。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;三条入口：从不同起点汇入主流程&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;triage&lt;/strong&gt;（issue 管理）：只处理「你没创造的 issue」，也就是外部 bug 报告、feature 请求。走状态机分类、验证、写成 agent 能直接领走的任务。注意 to-tickets 产生的票已是 agent-ready，不要再过 triage。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;diagnosing-bugs&lt;/strong&gt;（硬 bug）：只接「一眼看不出来」的，比如间歇性 flake、两个已知良好状态之间爬进来的回归。铁律：先建紧反馈环（一条已经对这个 bug 红的命令），再谈理论；修完带回归测试。事后若发现真问题是「没有好 seam 锁住这个 bug」，就转给 improve-codebase-architecture。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;wayfinder&lt;/strong&gt;（超大工程）：主流程里认知负荷最高的一环。当「从这到目的地」的路还看不见时，它把工作做成 issue tracker 上的一张&lt;strong&gt;决策地图&lt;/strong&gt;：一个 map issue 挂一批决策 ticket。两处设计很妙：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;战争迷雾（fog of war）&lt;/strong&gt;：能精确成句的问题才变成 ticket；看不清的写进 Not yet specified，等 frontier 推进自然毕业成票，不硬切迷雾&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;HITL vs AFK&lt;/strong&gt;：票分「人在环内」（和用户一起拍板）和「人不在环」（agent 独自解决）。HITL 票 agent 绝不能代答，官方原话是「一个自己回答自己问题的 grilling agent 已经坏了」&lt;/li&gt;
&lt;li&gt;一次会话只解一张票（research 票除外），解完记录答案、关票、在地图上加指针&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;wayfinder 默认「只规划不执行」：地图清空时交棒到主流程的 to-spec，而不是直接 implement。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;会话纪律：阶段边界&lt;/h2&gt;&lt;p&gt;ask-matt 里最实用的一段是 phase boundaries。两个阶段之间怎么处理上下文，五选一，官方给了决策顺序：Continue（不花钱）→ clear（什么都不留）→ handoff（跨 harness/目录/同事才用）→ subagent（紧任务单独窗口）→ compact（压缩，树底部的默认）。&lt;/p&gt;&lt;p&gt;核心主张：&lt;strong&gt;grilling→spec→tickets 保持一个未断的上下文窗口&lt;/strong&gt;（约 150k token 的「清醒区」内），别中途 compact；每张 implement 才开新窗口。跨阶段或跨目录用 handoff 搭桥，prototype 进出主流程就靠它。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;我的判断&lt;/h2&gt;&lt;p&gt;这套东西最有价值的地方，不是某个技能，而是它把**「有经验的工程师怎么把事做成」**拆成了可组合的流程，并且对 skill 本身用了同一套纪律：薄壳委派（grill-me 正文只剩一句）、旧能力吸收合并、核心小可组合。&lt;/p&gt;&lt;p&gt;三点要认清：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;有学习曲线&lt;/strong&gt;：skill 之间互相引用（grill-with-docs 驱动 domain-modeling，implement 驱动 tdd），单独抽一个会失效；首次要跑 setup 初始化 issue tracker 和文档布局&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;它选了一条更重的路&lt;/strong&gt;：wayfinder、to-tickets 这种「先想清楚再动手」的流程，对小型一次性任务反而拖沓。ask-matt 自己都警告 wayfinder 别用在范围清晰的 feature 上&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;强绑定维护文档的习惯&lt;/strong&gt;：CONTEXT.md + ADR 这套领域建模假设你愿意写文档；如果你本来就不写，这些技能的价值打对折&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;最核心的一点：&lt;strong&gt;Matt Pocock 的整个技能库，本质是在教 agent 一件事，动手之前先把每个假设都问一遍。&lt;/strong&gt; 其他全是这条主线的配套。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;两天三个版本：从 40 个技能到 25 个 promoted&lt;/h2&gt;&lt;p&gt;这篇发出之后，官方从 v1.1.0 一路发到 v1.2.3（两天三个版本）。技能数量不再是 40 个——现在全仓 35 个，官方正式分发的 promoted 是 25 个。&lt;/p&gt;&lt;section&gt;&lt;h3&gt;数量为什么缩水：4 个技能被吸收合并&lt;/h3&gt;&lt;p&gt;v1.2.0 一口气废弃了 4 个：design-an-interface、ubiquitous-language、request-refactor-plan、qa。前三个分别被 codebase-design、domain-modeling、improve-codebase-architecture 吸收——正好印证了上文的「旧能力吸收合并」：词汇层和架构层越做越全，原先独立的单点技能就没了存在必要。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;三个新面孔&lt;/h3&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;技能&lt;/th&gt;&lt;th&gt;它干嘛的&lt;/th&gt;&lt;th&gt;特别之处&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;wait-what&lt;/td&gt;&lt;td&gt;消息没看懂就让 agent 重新讲一遍&lt;/td&gt;&lt;td&gt;全库最短，正文 3 行；用「听者状态」命名而不是输出（不叫 /tldr），逼它重讲 + 简化 + 带上缺的上下文&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;to-questionnaire&lt;/td&gt;&lt;td&gt;把「你一个人答不了的决定」变成问卷&lt;/td&gt;&lt;td&gt;grill 的对象不是主题而是「发给谁、要什么」，从 in-progress 毕业&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;wizard&lt;/td&gt;&lt;td&gt;生成交互式 bash 脚本带你走手动流程&lt;/td&gt;&lt;td&gt;从 in-progress 毕业，改成 model-invoked（agent 遇到只有人能做的步骤会自动调它）&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;另外 writing-great-skills 改名为 writing-for-agents，无别名，旧名直接失效。重构动作：GLOSSARY 并入 SKILL.md、skill 专属机制拆到新的 SKILL-MECHANICS.md、pruning 加了「cache」概念（文档别复述环境里能查到的东西）。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;这套技能踩在 Agent Skills 开放标准上&lt;/h3&gt;&lt;p&gt;v1.2.0 最大的结构性动作是加了 Codex 兼容：每个 SKILL.md 旁多一个 agents/openai.yaml（Codex 的扩展元数据），仓库根 AGENTS.md 是 CLAUDE.md 的符号链接。背后是 OpenAI 推的 Agent Skills 开放标准（agentskills.io）：目录约定 .agents/skills//SKILL.md（项目）+ ~/.agents/skills/（用户），frontmatter 必需键只有 name + description。&lt;/p&gt;&lt;p&gt;各工具对这套标准的读取路径并不完全一样，铺到多工具链时最容易踩：&lt;/p&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;工具&lt;/th&gt;&lt;th&gt;读哪些 skills 目录&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;Codex&lt;/td&gt;&lt;td&gt;~/.agents/skills（主路径）+ 项目级 .agents/skills&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Cursor&lt;/td&gt;&lt;td&gt;~/.cursor/skills + 兼容 .agents/skills&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;OpenCode&lt;/td&gt;&lt;td&gt;~/.config/opencode/skills + 兼容 .agents/skills&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Claude Code&lt;/td&gt;&lt;td&gt;~/.claude/skills，不读 .agents/skills，要靠 junction/符号链接&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;把技能放进 /.agents/skills 真源，Codex 直接读，Cursor/OpenCode 双路径兜底，只有 Claude Code 需要一条 junction（/.claude/skills 指向真源）。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;插件版 vs 复制版&lt;/h3&gt;&lt;p&gt;官方从 v1.2.0 起同时提供两种装法：插件版（claude plugins install mattpocock-skills，订阅制自动更新，但只活在 Claude Code 的插件沙盒里）和复制版（npx skills@latest add mattpocock/skills，可编辑文件副本）。官方明说装两个会重复。工具链不止 Claude Code 的话，插件版其他工具读不到，只能复制版 + 真源 + 镜像。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;更新里最值钱的一手&lt;/h3&gt;&lt;p&gt;是 wait-what 的命名哲学：修「模型话痨」这类毛病，技能越写越长越没用，不如用一个命名精确的短触发词，让 agent 一次做对「重讲、简化、补齐上下文」三件事。名字描述「听者的状态」而不是「想要的输出」，是这套技能库一贯思路的极端化。&lt;/p&gt;&lt;/section&gt;&lt;/section&gt;</content:encoded></item><item><title>K12 号池喂给 Codex：一次 403 的刨根问底</title><link>https://fork-firefly.vercel.app/posts/codex-k12-pool-403/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/codex-k12-pool-403/</guid><description>代理 URL、被写死的 priority 档、名不副实的&quot;10 个号&quot;——三层问题叠一起，把 Codex 卡到吐不出一个字。控制变量实测，逐个揪出来。</description><pubDate>Thu, 06 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;起因特别朴素：GPT 桌面端和 Codex CLI 一起”吐不出字”，报 &lt;code&gt;403 codex_workspace_access_denied&lt;/code&gt; 或者 &lt;code&gt;502 no auth available&lt;/code&gt;。本以为是号商账号的问题，查到最后发现是三层问题叠在一起，其中一层反直觉到让人拍桌子。这篇把三层都摊开，中间几次被事实打脸的地方也留着，比顺理成章的教程有用。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;“Codex 不能用了”从来不是单一原因。坏掉的代理 URL、被写死的高优档、名不副实的”10 个号”，缺一不可地把它卡死了。&lt;/strong&gt;&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;先给结论&lt;/h2&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;层&lt;/th&gt;&lt;th&gt;问题&lt;/th&gt;&lt;th&gt;现象&lt;/th&gt;&lt;th&gt;能不能救&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;① 代理&lt;/td&gt;&lt;td&gt;上游代理 URL 被写成裸端口 &lt;code&gt;7892&lt;/code&gt;（缺 &lt;code&gt;http://127.0.0.1&lt;/code&gt;）&lt;/td&gt;&lt;td&gt;&lt;code&gt;proxy URL missing scheme/host&lt;/code&gt;，请求卡 60–90s 零输出&lt;/td&gt;&lt;td&gt;✅ 配置改对就行&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;② 服务档&lt;/td&gt;&lt;td&gt;中转服务给所有请求强制注入 &lt;code&gt;service_tier=priority&lt;/code&gt;&lt;/td&gt;&lt;td&gt;priority 档在 ChatGPT 上游要 Codex workspace 授权，K12 没有 → 403&lt;/td&gt;&lt;td&gt;✅ 改 default 就通&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;③ 账号结构&lt;/td&gt;&lt;td&gt;”10 个 K12 号”其实是&lt;strong&gt;同一个 ChatGPT 账号的 10 个令牌&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;并发上限是 1，突发请求必触发冷却&lt;/td&gt;&lt;td&gt;❌ 账号硬伤，只能找号商&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;修复①②后 Codex 能正常跑；③是容量天花板，工具再怎么调都救不了。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;① 代理 URL 被写残&lt;/h2&gt;&lt;p&gt;最没技术含量的一层，但危害最大。中转服务的上游代理地址被存成了 &lt;code&gt;7892&lt;/code&gt;，没有协议头和主机名。后果是侧车配不出代理拨号器，请求直连 &lt;code&gt;chatgpt.com&lt;/code&gt; 被墙，干等 60–90 秒然后超时，一个 token 都回不来。&lt;/p&gt;&lt;p&gt;排查信号：日志里反复出现 &lt;code&gt;proxy URL missing scheme/host&lt;/code&gt;。修法就是把值补成完整的 &lt;code&gt;http://127.0.0.1:7892&lt;/code&gt;。&lt;/p&gt;&lt;p&gt;这里有个坑：中转工具的 GUI 会在配置变更时&lt;strong&gt;用自己那份坏配置覆盖侧车运行时配置&lt;/strong&gt;，所以改完一次不够，得连”配置源”一起改对，否则一重启又打回原形。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;② 403 的真凶：service_tier=priority&lt;/h2&gt;&lt;p&gt;这一层最反直觉。现象是：&lt;code&gt;/v1/responses&lt;/code&gt; 接口全 403 &lt;code&gt;codex_workspace_access_denied&lt;/code&gt;，错误文案是”Contact your ChatGPT workspace administrator for access”，工具把它映射成”账号需要付费”。当时差点认定是号商没开 Codex 权限。&lt;/p&gt;&lt;p&gt;但控制变量一测就露馅了：&lt;/p&gt;
















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;请求带什么&lt;/th&gt;&lt;th&gt;结果&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;service_tier=priority&lt;/code&gt;&lt;/td&gt;&lt;td&gt;❌ 403&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;service_tier=default&lt;/code&gt;（或省略）&lt;/td&gt;&lt;td&gt;✅ 200&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;原因：中转服务的 payload 给&lt;strong&gt;所有&lt;/strong&gt;请求硬塞了 &lt;code&gt;service_tier=priority&lt;/code&gt;，而 priority 档在 ChatGPT 上游要求 Codex workspace 授权，K12 这类号没有，于是全部 403。改成 default 档，Codex 原生 responses 协议直接跑通。&lt;/p&gt;&lt;p&gt;排查这类 403 的顺序应该是：&lt;strong&gt;先看请求里有没有被注入什么档位，再怀疑账号权限&lt;/strong&gt;。档位这类”看不见的附加参数”最容易成为隐藏真凶。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;③ “10 个号”其实是 1 个号&lt;/h2&gt;&lt;p&gt;号商号称给 10 个 K12 账号。翻一下每个”账号”的鉴权文件，&lt;code&gt;account_id&lt;/code&gt; 全部是同一个值——&lt;strong&gt;这不是 10 个号，是一个 ChatGPT 账号发了 10 个访问令牌&lt;/strong&gt;。&lt;/p&gt;&lt;p&gt;这解释了所有诡异现象：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;并发上限是 1&lt;/strong&gt;。轮巡在 10 个令牌之间转，但背后是同一个账号，账号被限流时 10 个令牌一起”冷却”。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;“冷却”的单位是账号，不是令牌&lt;/strong&gt;。工具内置的冷却机制是：账号上游报 403/429 → 标记冷却约 30 分钟 → 轮巡跳过它。10 个令牌共享一个账号，一冷全冷，于是频繁出现 &lt;code&gt;no auth available&lt;/code&gt;。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;突发请求是死穴&lt;/strong&gt;。顺序、低频请求能一路 200（实测咖啡站任务 15+ 笔全成），但几秒内并发几笔，账号瞬间被掐 → 403 → 全池冷却。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;&lt;code&gt;service_tier=default&lt;/code&gt; 修的是 ②，救不了 ③。想彻底摆脱冷却，只能让号商给&lt;strong&gt;真正独立、有 Codex responses 授权的账号&lt;/strong&gt;，或者接受 K12 只适合低速顺序用。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;排查方法论：比结论更值钱的部分&lt;/h2&gt;&lt;p&gt;回看整个过程，判断被推翻过三次：&lt;/p&gt;




















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;当时的判断&lt;/th&gt;&lt;th&gt;被什么推翻&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;”额度爆了”（看到 GUI 显示 1000%）&lt;/td&gt;&lt;td&gt;1000 其实是 10 令牌×100% 的池聚合，不是超额&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;”账号被 ChatGPT 封了”&lt;/td&gt;&lt;td&gt;令牌对配额接口 200 正常&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;”K12 只支持 chat，新版 Codex 只认 responses，不兼容”&lt;/td&gt;&lt;td&gt;控制变量发现 service_tier 才是分水岭&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;三条原则撑住了排查：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;拆层&lt;/strong&gt;。工具配置、网络、账号资格、协议、请求参数，一层层剥，别指望一次定位。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;控制变量&lt;/strong&gt;。同样的请求只改一个参数（priority vs default），结论立刻清晰。比翻一百行日志有用。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;诚实纠错&lt;/strong&gt;。每条错判都用新证据覆盖，不抱着旧结论硬撑。&lt;/li&gt;
&lt;/ol&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;顺带：Codex 新版砍了 wire_api=chat&lt;/h2&gt;&lt;p&gt;中途想过”让 Codex 走 chat 接口绕过 403”。查官方讨论才知道，&lt;strong&gt;Codex 从 2026 年 2 月起（0.92.0+）彻底移除了 &lt;code&gt;wire_api=chat&lt;/code&gt;&lt;/strong&gt;，只支持 responses。所以”用 chat 绕”这条路在新版上根本不存在，老老实实从服务端档位下手才对。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;实测：修完之后到底什么水平&lt;/h2&gt;&lt;p&gt;修好①和②后，Codex CLI 走完整链路（本地 CLI → 中转 → 号池）跑了个真实任务——咖啡店落地页 + 按 review 意见修问题：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;顺序请求 15+ 笔全 200&lt;/strong&gt;，上下文从 45K 累积到 120K 无中断&lt;/li&gt;
&lt;li&gt;产出代码质量：语义化、无障碍（aria、reduced-motion）、设计令牌、纯 CSS 插画、移动端汉堡菜单——达到顶尖模型水准&lt;/li&gt;
&lt;li&gt;平均单请求 2–5 秒出字，~23 token/s 输出吞吐&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;最核心的一点是：&lt;strong&gt;K12 号池当”低速单发通道”用完全够，当并发底座是拿错工具&lt;/strong&gt;。要并发，买真的账号或找能开 responses 授权的号商。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;附录：这条排查路的完整记录&lt;/h2&gt;&lt;p&gt;下面这张终端长图是排查全程的复盘，从”以为服务挂了”到”service_tier 才是真凶”，每一步的判断和被事实打脸的地方都留着，算这趟折腾的纪念：&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;排查全程复盘记录&quot; loading=&quot;lazy&quot; width=&quot;1252&quot; height=&quot;2627&quot; src=&quot;/_astro/fig-struggle-log.BHkOTtzI_ZolAG4.webp&quot; /&gt;&lt;figcaption&gt;排查全程复盘记录&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>极客时间三门 AI 训练营，我把大纲翻完后划的重点</title><link>https://fork-firefly.vercel.app/posts/geektime-ai-bootcamps-compared/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/geektime-ai-bootcamps-compared/</guid><description>三门课名字像三胞胎，其实是三条路：用 AI 写代码、写 Agent 系统的代码、不写代码做 Agent 产品。翻完三份官网大纲后的横向对比和选课判断。</description><pubDate>Thu, 06 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;最近极客时间一口气开了三门 AI 训练营：《企业级 AI 编程实战营》《AI Agent 全栈工程师训练营》《Agentic AI 产品训练营》。名字长得像三胞胎，价格又不便宜，我把三门课的官网大纲完整翻了一遍（包括逐周明细和实战项目），发现它们其实是三条完全不同的路。这篇做横向对比和选课判断，每门课的逐周/逐章详细拆解我另外写了三篇：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;/posts/geektime-enterprise-ai-coding/&quot;&gt;企业级 AI 编程实战营拆解&lt;/a&gt; —— SDD × Harness，11 周练”驾驭 AI”&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;/posts/geektime-ai-agent-fullstack/&quot;&gt;AI Agent 全栈工程师训练营拆解&lt;/a&gt; —— 14 周搭生产级 Agent 工程平台&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;/posts/geektime-agentic-ai-product/&quot;&gt;Agentic AI 产品训练营拆解&lt;/a&gt; —— 零代码，8 周从 PM 到 Builder&lt;/li&gt;
&lt;/ul&gt;
&lt;section&gt;&lt;h2&gt;三门课其实是三条路，先对号入座&lt;/h2&gt;








































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;&lt;/th&gt;&lt;th&gt;企业级 AI 编程实战营&lt;/th&gt;&lt;th&gt;AI Agent 全栈工程师训练营&lt;/th&gt;&lt;th&gt;Agentic AI 产品训练营&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;定位&lt;/td&gt;&lt;td&gt;教你怎么&lt;strong&gt;用 AI 写代码&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;教你怎么&lt;strong&gt;写 Agent 系统的代码&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;教你怎么&lt;strong&gt;不写代码做 Agent 产品&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;周期&lt;/td&gt;&lt;td&gt;11 周，3+1 个项目&lt;/td&gt;&lt;td&gt;14 周录播+直播，6 个项目&lt;/td&gt;&lt;td&gt;8 周纯直播，5 个项目&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;讲师&lt;/td&gt;&lt;td&gt;Robert（前字节/腾讯基础架构）&lt;/td&gt;&lt;td&gt;尹会生 + 姜宁（前字节开源办公室首席布道师，主导 DeerFlow 开源）&lt;/td&gt;&lt;td&gt;晓寒（前度小满质量架构师、AI 产品负责人）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;门槛&lt;/td&gt;&lt;td&gt;在职工程师&lt;/td&gt;&lt;td&gt;会 Java/Go/Python/Node 任一门的后端&lt;/td&gt;&lt;td&gt;零技术门槛&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;核心方法论&lt;/td&gt;&lt;td&gt;SDD + Harness Engineering&lt;/td&gt;&lt;td&gt;Agent Engineering Platform 七层递进&lt;/td&gt;&lt;td&gt;4D Method（Discover→Design→Develop→Deploy）&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;选课逻辑很直接：想提升日常开发效能选第一门，想转型 Agent 开发岗选第二门，做产品/创业选第三门。内容几乎不重叠，不存在”买重了”的问题，但也没必要全买。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;编程实战营：SDD × Harness，练的是”驾驭”而不是”会用”&lt;/h2&gt;&lt;p&gt;这门课的主张我很认同：AI 编程的瓶颈已经不是工具，而是工程化——怎么让 AI 写的代码可控、可验收、可复用。它给出的答案是两个框架的组合：&lt;strong&gt;SDD（Spec-Driven Development）解决”想清楚”，Harness Engineering 解决”做对”&lt;/strong&gt;。&lt;/p&gt;&lt;p&gt;SDD 的落地工具是 GitHub 的 Spec-Kit：&lt;code&gt;/specify → /plan → /tasks → /implement&lt;/code&gt; 四阶段，外加一份 &lt;code&gt;constitution.md&lt;/code&gt;（项目宪法，把工程原则变成 AI 必须遵守的硬约束）。改造存量项目时用 OpenSpec 的 delta spec，而不是重写完整 spec。&lt;/p&gt;&lt;p&gt;Harness 四支柱是 System Prompt（CLAUDE.md/AGENTS.md）、Tools（Skills/Slash Commands）、Context（Plan Mode）、Subagents，再配 Permission（事前拦截）+ Hooks（事后检查）组成完整安全网。&lt;/p&gt;&lt;p&gt;四个项目按难度递进，设计得很讲究：&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;编程实战营四个实战项目&quot; loading=&quot;lazy&quot; width=&quot;1600&quot; height=&quot;1023&quot; src=&quot;/_astro/s33-projects.DyvaQgCT_Z1GQDEw.webp&quot; /&gt;&lt;figcaption&gt;编程实战营四个实战项目&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;OryxOS（AgentOS 操作系统）&lt;/strong&gt;：从零造系统底座。Agent 进程模型、工作空间隔离（Linux namespaces/cgroups/seccomp）、多模型路由（planning/synthesis/failover）、MCP 集成、多渠道接入（REST + IM）、Docker/K8s 上云。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;When（分布式延时投递服务）&lt;/strong&gt;：0→1 写自己的代码。多层时间轮、gRPC、Redis 持久化、etcd 选主与 watch、故障切换、混沌测试、Headless Mode 接 CI。技术选型讲得很实：为什么 etcd 不选 Consul/ZooKeeper，为什么 gRPC 不选 HTTP。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;DifyPro（Dify 企业级二开）&lt;/strong&gt;：改别人的代码。用 5 个 Subagent 并行精读 Dify 源码反推架构，然后做两种改造——纵向（在调用链路插一层 LLM Gateway）和横向（横切多模块做审计日志），Permission 里 deny 掉核心文件守住”最小侵入”。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;mq9（真实开源 PR）&lt;/strong&gt;：跨语言 Vibe Coding，用 gh CLI 走完 issue 认领 → delta spec → Rust 实现 → PR → 回应 review 的全流程，maintainer 不放水。&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;这门课的技术栈关键词：Claude Code 全家桶（Subagents/Worktrees/Hooks/Permission/Headless/Plan Mode）、Spec-Kit/OpenSpec、MCP、Dify、etcd、Redis、gRPC、Rust、Python、Docker/K8s、Prometheus。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;Agent 全栈营：14 周搭一个 Agent Engineering Platform&lt;/h2&gt;&lt;p&gt;这门课是三门里技术密度最高的，主线是&lt;strong&gt;用 14 周、6 个项目，从零搭出一个生产级 Agent 工程平台&lt;/strong&gt;。七章结构就是平台的七层：&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Agent 全栈营六大项目&quot; loading=&quot;lazy&quot; width=&quot;1600&quot; height=&quot;1186&quot; src=&quot;/_astro/s35-projects.CrSaei4U_1aDbuu.webp&quot; /&gt;&lt;figcaption&gt;Agent 全栈营六大项目&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;第一章 LLM API 层&lt;/strong&gt;：Chat Completions/Responses API、SSE 流式（FastAPI StreamingResponse + EventSource）、JSON Schema + Pydantic 双侧校验的结构化输出，实战是自建 LLM Gateway——OpenAI Compatible 协议封装、多模型路由、限流 fallback、Token/Cost/Latency 日志。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;第二章 工具层&lt;/strong&gt;：Function Calling 只是”模型怎么选工具”，配套还要 Tool Registry（注册/发现/版本/启停）、参数校验、RBAC 权限分级（只读/写/高风险/需确认）、审计与 Trace；MCP 负责”工具怎么标准化接入”。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;第三章 Agent Loop&lt;/strong&gt;：ReAct、Plan-and-Execute、状态机（created/planning/running/waiting_approval/completed…）、Checkpoint 断点恢复、Sandbox 执行边界（本地 vs Docker）、Human-in-the-loop。框架用 LangGraph（StateGraph/条件分支/Interrupt），并对比 OpenAI Agents SDK、AgentScope。实战是 Codebase Agent——带 list_files/search_code/apply_patch/run_test/git_diff 这套工具，能做代码理解和测试修复。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;第四章 Context 与记忆&lt;/strong&gt;：Context Engineering（Packing/Prioritization/Budget/Compression）、Working Memory 与 Scratchpad、项目级记忆；现代 RAG 全家桶——语义/AST 分块、FAISS/Milvus/Chroma、BM25 + Elasticsearch 混合检索、Cross Encoder/LLM Rerank、Citation 溯源；LiteLLM 做模型路由演示。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;第五章 Multi-Agent 与 Eval&lt;/strong&gt;：Supervisor、Planner/Executor、Reviewer 三种模式，子代理隔离（上下文/工具/权限）与冲突仲裁；Skill 生命周期（注册/检索/编排/复用/版本/下线）。Eval 是重头戏：Golden Dataset、Task Success Rate、Tool Call Accuracy、Citation Accuracy、LLM-as-Judge 的适用边界、回归测试与 A/B、Trace Analysis 失败诊断十三类。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;第六章 生产化&lt;/strong&gt;：vLLM（PagedAttention/连续批处理）/TGI/Triton 推理部署，五层缓存（Prompt/Semantic/Embedding/RAG/Tool Result），模型路由降级，日志/监控/告警四类指标，Prompt/模型/工具/RAG/知识库五对象版本管理，Feature Flag 灰度与回滚，MCP Server 私有化部署。落地形态是 Docker Compose 起 FastAPI + Redis + PostgreSQL + 向量库 + 模型网关。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;第七章 综合项目&lt;/strong&gt;：基于 DeerFlow（字节开源的 Super Agent harness，讲师姜宁主导其开源）做两个高阶案例——企业级深度研究平台、新一代软件工厂（GitHub Channel 接 PR/CI，ACP 接本地工具，产品经理/架构师/开发/QA 多角色 Agent）。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;两个细节值得注意：一是课程明确教”何时不用 Agent”——极强确定性、不允许容错、脚本就能干的活不要过度 Agent 化；二是收官有简历/面试表达专项，教你怎么把 Tool Runtime、Eval 平台这些项目经验讲成业务价值。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Agent 全栈营两位讲师&quot; loading=&quot;lazy&quot; width=&quot;1600&quot; height=&quot;970&quot; src=&quot;/_astro/s35-instructors.DyKArgS-_1n5p5s.webp&quot; /&gt;&lt;figcaption&gt;Agent 全栈营两位讲师&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;产品训练营：零代码，但 Eval 和数据飞轮不含糊&lt;/h2&gt;&lt;p&gt;别被”产品课”三个字骗了，这门课的技术概念密度不低，只是全部以”产品决策语言”讲：工具调用分层（Tools → Function Calling → MCP → CLI → Bash）、记忆体系五阶段（初始/引导收集/对话中/定期 review/后台梳理）、多 Agent 设计模式（Orchestrator-Workers/Pipeline/Group Discussion）、Agentic UI 三形态（对话式/主动式/嵌入式）。&lt;/p&gt;&lt;p&gt;8 周走完 4D Method 闭环，5 个项目覆盖四大高频场景：ToC 情感陪伴 Agent（记忆调教 + 定时主动触达）、ToB 项目管理助手 PMO、商业调研专家 Skill 封装、智能投顾多 Agent 系统、创意工坊自主立项（结课 Demo Day 路演）。&lt;/p&gt;&lt;p&gt;Week 6 的 Eval 章节是惊喜：明确反对”感觉还行”式验收，要求为产品定制评估标准而不是套通用 Eval，讲 LLM-as-Judge 的评分 Prompt 设计与偏见控制，概览 Ragas、DeepEval、PromptFlow 开源框架，然后落到数据飞轮——埋点设计、漂移监测（Drift Management）、分阶段部署、“评→改→测→再评”闭环。这套东西很多工程课都讲不到这么实。&lt;/p&gt;&lt;p&gt;工具链方面：原型用 v0/Figma AI，汇报用 Gamma/Beautiful.ai，开发在课程自研的零代码 Agentic 平台上完成（记忆/定时任务/MCP 工具/Skill 封装/多 Agent 编排，含免费 Token 额度），结课后数据可导出迁移到 OpenClaw、Hermes、Claude Code。FAQ 里专门划清了和 Coze 工作流、RAG 问答机器人的界限：Coze 是固定流程的工具，RAG 是检索+生成的知识库，Agentic AI 是能自主规划、记忆、主动行动的协作伙伴。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;我的判断&lt;/h2&gt;&lt;p&gt;三门课放在一起看，其实是 2026 年 AI 落地分工的一个缩影：&lt;strong&gt;写代码的方式（SDD/Harness）、写 Agent 的能力（工程平台）、定义产品的视角（PM→Builder）&lt;/strong&gt;，分别对应工程师、Agent 开发岗、产品/创业者三类人。&lt;/p&gt;&lt;p&gt;几个横向观察：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Eval 是三门课共同的主线&lt;/strong&gt;。编程营讲 Harness 验收，全栈营用一整章建 Eval 平台，产品营专门一周讲评估与飞轮。Agent 能跑不代表可靠，已经是行业共识。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;MCP 成了事实标准&lt;/strong&gt;，三门课都绕不开；Skill 封装也是共同语言。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;“何时不用 Agent”开始被认真讲授&lt;/strong&gt;，这比又一波 Agent 布道健康得多。&lt;/li&gt;
&lt;li&gt;全栈营的 DeerFlow 收官和编程营的 mq9 开源 PR 都指向同一件事：课程作品正在从”玩具 Demo”转向”真实开源贡献”，这对简历的说服力是质变。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;如果只挑一门，工程师优先编程实战营（方法论迁移性最强，不绑定单一平台）；想转岗 Agent 开发再考虑全栈营（14 周强度大，但体系最完整）；产品岗闭眼选产品营。&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;&lt;em&gt;信息来源：三门课官网课程页与官方大纲文档（2026-08 抓取），课程二第 2~7 章细节来自官网完整大纲。价格官网未公开，需咨询学习顾问。&lt;/em&gt;&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>Agentic AI 产品训练营拆解：零代码，8 周从产品经理到 Product Builder</title><link>https://fork-firefly.vercel.app/posts/geektime-agentic-ai-product/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/geektime-agentic-ai-product/</guid><description>8 周零代码，从 AI 产品经理到 Product Builder：4D Method、Eval 与数据飞轮、5 个实战项目逐周拆解，附工具栈清单。</description><pubDate>Thu, 06 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;极客时间《Agentic AI 产品训练营》是三门课里唯一零技术门槛的一门：8 周全程直播，面向产品经理、程序员、创业者和管理者，目标是&lt;strong&gt;从 AI Product Manager 变成 AI Product Builder&lt;/strong&gt;——不用自己写代码，通过文档和对话调教出可路演的自主型 Agentic AI 产品。讲师晓寒（13 年+ 大厂经验，前度小满质量架构师、工程效率负责人及 AI 产品负责人）。我把官网大纲和 FAQ 完整翻了一遍，这篇是详细拆解。&lt;/p&gt;
&lt;blockquote&gt;&lt;p&gt;这是三篇训练营拆解之一。另外两篇：&lt;a href=&quot;/posts/geektime-enterprise-ai-coding/&quot;&gt;企业级 AI 编程实战营&lt;/a&gt; ｜ &lt;a href=&quot;/posts/geektime-ai-agent-fullstack/&quot;&gt;AI Agent 全栈工程师训练营&lt;/a&gt;。横向对比见&lt;a href=&quot;/posts/geektime-ai-bootcamps-compared/&quot;&gt;总览篇&lt;/a&gt;。&lt;/p&gt;&lt;/blockquote&gt;
&lt;section&gt;&lt;h2&gt;先搞清楚：什么是”自主型 Agentic AI”&lt;/h2&gt;&lt;p&gt;这门课最怕你和两类东西混淆，FAQ 里专门划了界限：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;和扣子（Coze）/ 工作流类的区别&lt;/strong&gt;：扣子需要你手动搭每一个节点，流程固定、线性，适合有明确流程的自动化任务。自主型 Agentic AI 不用预设固定流程，能自己规划步骤、自主调用工具、根据结果调整行动——更像真正的智能协作者。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;和企业 RAG 对话机器人的区别&lt;/strong&gt;：RAG 的核心是”从知识库找答案”，本质是检索 + 生成，缺乏主动行动能力。自主型 Agentic AI 除了回答问题，还能记住你、主动提醒你、帮你执行任务——是主动式而非响应式。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;课程的概括是：&lt;strong&gt;扣子是工具，RAG 是知识库，Agentic AI 是协作伙伴&lt;/strong&gt;。对标的是 OpenClaw 那样有记忆、能自主决策和行动的产品。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;为什么现在是好机会&quot; loading=&quot;lazy&quot; width=&quot;1600&quot; height=&quot;478&quot; src=&quot;/_astro/why.CM3kF--u_Z1qVlHU.webp&quot; /&gt;&lt;figcaption&gt;为什么现在是好机会&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;课程骨架：4D Method + 能力雷达图&lt;/h2&gt;&lt;p&gt;方法论主线是 &lt;strong&gt;4D Method 框架：Discover → Design → Develop → Deploy&lt;/strong&gt;，覆盖从需求发现、产品设计到评测验证、数据飞轮迭代的完整闭环。&lt;/p&gt;&lt;p&gt;AI 产品经理的能力雷达图有四个维度：&lt;strong&gt;Agent 设计 / Eval / 数据飞轮 / 工具调用&lt;/strong&gt;。整门课就是围绕这四项能力 + PM 角色转变（从产品经理到产品 Builder）展开的。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;能力矩阵&quot; loading=&quot;lazy&quot; width=&quot;1600&quot; height=&quot;490&quot; src=&quot;/_astro/s32-ability.Bykbxb-1_Z2eVg4v.webp&quot; /&gt;&lt;figcaption&gt;能力矩阵&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;8 周大纲：从认知到路演&lt;/h2&gt;&lt;p&gt;课程整体分四阶段：AI 认知 → 使用先进 Agentic AI 产品 → 自己构建多场景产品 → 商业落地与路演（Demo Day）。&lt;/p&gt;&lt;section&gt;&lt;h3&gt;Week 1 启航——自主型 AI 产品的机会与门槛危机&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;理论&lt;/strong&gt;：自主型 AI 产品市场空白分析；门槛危机（OpenClaw 从热到凉，技术极客产品 vs 大众产品的鸿沟）；自主型 AI 产品全景图（C 端 / B 端 / 工具型）；能力雷达图；4D Method；PM 角色转变。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;实战&lt;/strong&gt;：开发平台快速上手；体验 3 类 Demo（陪伴型 / 企业助手 / 分析型）；用 5-Question Framework 分析产品价值；环境配置。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;产出&lt;/strong&gt;：开发环境就绪 + 能力雷达图基线。&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;Week 2 体验——AI 助手如何改变产品经理的工作（上）&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;理论&lt;/strong&gt;：课程专属 AI 助手能力（长记忆、工具调用、定时任务、Skill 复用）；AI 时代需求分析（需求挖掘三法 + 优先级排序）；用户研究（访谈记录分析、合成用户 persona 快速验证）；AI 时代 PRD 模版（功能 + 技术 + 数据需求 + 成本估算 + 风险评估）。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;实战&lt;/strong&gt;：初始化专属 AI 助手；用助手做需求分析 / 用户研究 / 撰写简版 PRD。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;产出&lt;/strong&gt;：需求分析 + 用户研究报告 + PRD。&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;Week 3 体验——AI 助手如何改变产品经理的工作（下）&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;理论&lt;/strong&gt;：AI 可行性 4 问；可交互原型设计（&lt;strong&gt;v0 / Figma AI&lt;/strong&gt; 等）；视觉交付物设计（&lt;strong&gt;Gamma / Beautiful.ai&lt;/strong&gt;）；项目管理协同（AI 会议纪要、自动化状态报告）。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;实战&lt;/strong&gt;：PRD 技术可行性评估；生成可预览原型；产出汇报 PPT；对比课程助手与 ChatGPT。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;产出&lt;/strong&gt;：技术可行性评估 + 产品原型 + 汇报 PPT。&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;Week 4 C 端陪伴场景 + B 端 PMO 场景产品设计&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;场景一 C 端陪伴&lt;/strong&gt;：自主型 AI 场景拆解（C 端陪伴 vs B 端工具对比）；&lt;strong&gt;AI 记忆体系详解&lt;/strong&gt;——初始记忆、引导阶段收集、对话中记忆、定期记忆 review、后台定时梳理；定时任务设计（主动触达时机、内容、频率的产品策略）；陪伴型产品设计（情感陪伴、健康管理、学习伙伴的共性与差异，心理学与社交知识辅助）。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;场景二 B 端 PMO&lt;/strong&gt;：&lt;strong&gt;工具调用分层理论（Tools → Function Calling → MCP → CLI → Bash）&lt;/strong&gt;；企业内部工具生态（常用系统分析、MCP 中台概念）；企业级安全与认证（认证体系、权限分级、数据隔离、审计追踪）；PMO 产品设计（项目状态同步、风险预警、周报生成）。&lt;/li&gt;
&lt;li&gt;两个场景的共性与差异横向对比；用 AI 助手辅助两类场景调研。&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;Week 5 Skill 模块化 + 多 Agent 协作场景产品设计&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;场景三 Skill 模块化&lt;/strong&gt;：Skill 的本质（从 Prompt 到可复用能力、什么时候该封装成 Skill）；Skill 市场与生态（成熟 Skill 复用策略、商业模式）；Skill 沉淀方法论（从 SOP 到 Skill 的转化、Claude 创建 Skill 的要点）；商业机会调研专家（用户是谁、需求是什么、价值如何量化）。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;场景四 多 Agent 协作&lt;/strong&gt;：什么任务需要多 Agent（复杂、多维度、需要不同专业视角）；多 Agent 怎么做（分工模式并行/串行/委派、Agent 间通信与协调）；&lt;strong&gt;多 Agent 设计模式（Orchestrator-Workers、Pipeline、Group Discussion）&lt;/strong&gt;；智能投顾产品设计（需求分析、风险识别、产品策略）。&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;Week 6 产品质量——AI 评估与数据飞轮&lt;/h3&gt;&lt;p&gt;这是产品课里技术含量最高的一周：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;为什么必须评估&lt;/strong&gt;：“感觉还行”不是标准，不做评估 = 裸奔上线。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;评估框架设计&lt;/strong&gt;：别用通用 Eval，为你的产品定制评估标准。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;LLM-as-Judge&lt;/strong&gt;：自动化评估器设计、评分 Prompt 设计、偏见控制。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Eval Pipeline 与开源框架&lt;/strong&gt;：&lt;strong&gt;Ragas、DeepEval、PromptFlow&lt;/strong&gt; 等框架概览。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;数据飞轮&lt;/strong&gt;：数据 → 标注 → 迭代 → 更好的产品 → 更多数据；前期埋点设计（收集 Agent 表现数据、哪些信号说明”好用”、哪些说明”翻车”）；数据收集方案（埋点位置、数据存储、标注流程）；模型漂移监测（Drift Management、分阶段部署策略）；评估作为质量门禁（评估 → 改进 → 再评估的闭环）。&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;Week 7 Agentic UI + 创意工坊立项&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;理论&lt;/strong&gt;：AI 产品交互范式变化（从命令式、对话式到主动式）；&lt;strong&gt;Agentic UI 三种形态（对话式 / 主动式 / 嵌入式）&lt;/strong&gt;；Placement &amp;amp; Prominence 设计（AI 功能在界面中的位置和显著性决策）；降低认知门槛的设计（渐进式引导、错误兜底、信任建设）。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;创意工坊&lt;/strong&gt;：立项你的专属 Agentic AI 产品。&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;Week 8 商业、路演&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;理论&lt;/strong&gt;：自主型 AI 产品商业模式（定价策略、变现路径、单位经济模型）；AI PM 职业发展路径（从 IC 到 Lead，不同行业/公司的 AI PM 定位）；路演技巧（5 分钟路演结构：是什么 → 解决什么 → Demo 演示，如何讲好产品故事）。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;项目路演&lt;/strong&gt;：各组汇报进度、讲师点评答疑（技术方案、产品设计、风险评估）、最终路演准备与同学互助 review。&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;5 个实战项目：覆盖四大高频场景&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;5 个实战项目&quot; loading=&quot;lazy&quot; width=&quot;1600&quot; height=&quot;1023&quot; src=&quot;/_astro/s32-projects.BbTvTsb3_1BfrtH.webp&quot; /&gt;&lt;figcaption&gt;5 个实战项目&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;项目一 ToC 陪伴场景——情感陪伴 Agent&lt;/strong&gt;：调教 AI 记忆体系（初始引导 → 对话中记忆动态管理）与主动触达策略（定时任务频率与内容模板），产出”具备长久记忆、懂用户情绪、能主动关怀的 AI 伴侣 Demo”。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;项目二 ToB 效率场景——企业级项目管理助手（PMO）&lt;/strong&gt;。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;项目三 能力模块化——商业调研专家 Skill 封装&lt;/strong&gt;。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;项目四 深度分析场景——智能投顾多 Agent 协作系统&lt;/strong&gt;。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;项目五 创意工坊——你的专属 Agentic AI 梦想立项&lt;/strong&gt;。&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;课程期间共完成 3–4 个场景 Demo + 结课 1 个深度打磨的专属产品，参与 Demo Day，可作为求职作品集或创业路演 Demo。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;报名即享的 AI 资源：零代码开发平台&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;高价值 AI 资源&quot; loading=&quot;lazy&quot; width=&quot;1600&quot; height=&quot;722&quot; src=&quot;/_astro/resources.CYJtshhH_Z2eRaW6.webp&quot; /&gt;&lt;figcaption&gt;高价值 AI 资源&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;课程主打零代码，靠的是两个赠品平台：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;专属 AI 助手&lt;/strong&gt;（价值 599 元，使用期半年）：具备长记忆、工具调用、定时任务、Skill 复用，陪伴全程学习、辅助完成作业。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;自主型 Agentic AI 应用开发平台&lt;/strong&gt;（价值 1500 元，使用期半年）：核心能力是记忆体系 / 定时任务 / MCP 工具 / Skill 封装 / 多 Agent 编排。“不用自己写代码，让 AI 帮你写，通过文档和对话调教出 Agentic AI 产品”。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;关于 Token 费用，FAQ 说得很清楚：平台设免费 Token 使用限额，经测算足以覆盖全部课程实战，不需要自付 API 费用。超过赠送使用时限后，可以把助手记忆和 AI 应用数据打包导出，迁移到其他 Agentic AI 应用——官网点名 &lt;strong&gt;OpenClaw、Hermes、Claude Code&lt;/strong&gt;。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;讲师&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;讲师介绍&quot; loading=&quot;lazy&quot; width=&quot;1600&quot; height=&quot;803&quot; src=&quot;/_astro/s32-instructor.CSA9x2uG_lFk9S.webp&quot; /&gt;&lt;figcaption&gt;讲师介绍&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;晓寒（肖汉）&lt;/strong&gt;：13 年+ 一线大厂经验，历任百度”度小满金融”质量架构师、工程效率负责人及 AI 产品负责人。深度参与风控决策、ChatUI、AI 坐席、ChatBI 等金融核心业务的 AI 化落地，推动集团研发流程 AI 化改造；主导度小满 AI 中台 4 大平台从 0 到 1 建设（模型平台 / 知识库 / Agent 平台 / 技能平台）。产品 × 技术双重角色，教学风格”PM 友好”——把 MCP、Memory、多 Agent 协作这些术语翻译成产品决策语言。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;技术栈 / 工具栈清单（这门课涉及的）&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;核心平台&lt;/strong&gt;（赠品）：专属 AI 助手、自研零代码 Agentic 开发平台（记忆 / 定时任务 / MCP 工具 / Skill / 多 Agent 编排）&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;原型 / 设计&lt;/strong&gt;：v0、Figma AI（可交互原型）、Gamma、Beautiful.ai（汇报 PPT）&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;评测框架&lt;/strong&gt;：Ragas、DeepEval、PromptFlow、LLM-as-Judge&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;技术概念&lt;/strong&gt;（教学对象）：MCP、Function Calling、CLI / Bash（工具调用分层）、Skill 封装、多 Agent 编排（Orchestrator-Workers / Pipeline / Group Discussion）、记忆体系、数据飞轮、Drift Management、Agentic UI&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;数据迁移目标&lt;/strong&gt;：OpenClaw、Hermes、Claude Code&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;对照学习&lt;/strong&gt;：ChatGPT&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;明确排除&lt;/strong&gt;：Coze / 工作流类、企业 RAG 对话机器人（FAQ 专门划清界限）&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;适合谁 &amp;amp; 我的判断&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;适合谁学习&quot; loading=&quot;lazy&quot; width=&quot;1600&quot; height=&quot;434&quot; src=&quot;/_astro/audience.CGlsI7-g_1biQQ8.webp&quot; /&gt;&lt;figcaption&gt;适合谁学习&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;官方适配人群：传统产品经理（想用 AI 升级 PRD、原型、数据分析技能）、AI 产品经理（缺系统化知识体系）、程序员（补产品思维与 Agentic 技术产品化方法论）、创业者 &amp;amp; AI 爱好者（无技术背景想做 Demo Day 路演产品）、管理者（对接 AI 团队想了解技术边界）。FAQ 明确零技术门槛。&lt;/p&gt;&lt;p&gt;我的判断：别被”产品课”和”零代码”误导成水课——它的 Week 6（Eval 与数据飞轮）讲得比很多工程课还实，Week 4 的工具调用分层和 Week 5 的多 Agent 设计模式也是真概念。它最大的价值是&lt;strong&gt;视角&lt;/strong&gt;：教产品人理解 Agent 的能力边界和设计语言，而不是教写代码。适合产品、创业者和想补产品思维的工程师。三门课里它和最硬核的全栈营恰好是两端——一个管”该不该做、怎么设计”，一个管”怎么造出来”。&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;&lt;em&gt;信息来源：极客时间官网课程页 u.geekbang.org/subject/32 及官方大纲文档（2026-08 抓取）。第 1 期 2026-07-01 开课，8 周全程直播（每周 4 小时），第 2 期 2026-12-31。价格官网未公开，需咨询学习顾问。&lt;/em&gt;&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>AI Agent 全栈工程师训练营拆解：14 周，从零搭一个生产级 Agent 工程平台</title><link>https://fork-firefly.vercel.app/posts/geektime-ai-agent-fullstack/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/geektime-ai-agent-fullstack/</guid><description>14 周 6 个项目，从零搭一个可部署、可监控、可灰度、可回滚的 Agent 工程平台。七章大纲逐层拆解，附完整技术栈清单。</description><pubDate>Thu, 06 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;极客时间《AI Agent 全栈工程师训练营》是三门课里技术密度最高、周期最长的一门：14 周录播 + 直播，6 个企业级项目，主线是&lt;strong&gt;从零搭出一个可部署、可监控、可灰度、可回滚的 Agent Engineering Platform&lt;/strong&gt;。讲师是尹会生（生成式 AI 技术创新者）和姜宁（前字节开源办公室首席布道师，主导 DeerFlow 开源）。我把官网七章大纲完整翻了一遍，这篇是详细拆解。&lt;/p&gt;
&lt;blockquote&gt;&lt;p&gt;这是三篇训练营拆解之一。另外两篇：&lt;a href=&quot;/posts/geektime-enterprise-ai-coding/&quot;&gt;企业级 AI 编程实战营&lt;/a&gt; ｜ &lt;a href=&quot;/posts/geektime-agentic-ai-product/&quot;&gt;Agentic AI 产品训练营&lt;/a&gt;。横向对比见&lt;a href=&quot;/posts/geektime-ai-bootcamps-compared/&quot;&gt;总览篇&lt;/a&gt;。&lt;/p&gt;&lt;/blockquote&gt;
&lt;section&gt;&lt;h2&gt;它瞄准的岗位缺口：会调 API ≠ 会开发 Agent&lt;/h2&gt;&lt;p&gt;课程开宗明义：企业应用正从 ChatBot 到 Workflow 再到 Agent 快速升级，真正有价值的是能自主规划、多步执行、持续完成复杂任务的 Agent。招聘需求也跟着变了——越来越多企业要求候选人具备 LangGraph、RAG、MCP、Agent Runtime、Context Engineering、Agent Eval、Tool Calling 这些能力。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;学了很多 AI 却依然不会落地&quot; loading=&quot;lazy&quot; width=&quot;1600&quot; height=&quot;474&quot; src=&quot;/_astro/pain.CWyZJTym_TvEAe.webp&quot; /&gt;&lt;figcaption&gt;学了很多 AI 却依然不会落地&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;它要解决的痛点是”学了很多 AI，却依然不会开发能实际落地的 Agent”。目标岗位是 AI Agent 开发工程师 / 大模型应用工程师，学完达到初、中级 Agent 开发工程师水平。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;能力模型：传统后端转型，补这六项&lt;/h2&gt;&lt;p&gt;课程把 Agent 开发工程师的能力拆成八块：后端工程基础、Python 工程能力、LLM API 与 Prompt、RAG 与知识库、Agent Loop 与 Tool Use、Context / Memory、Agent Eval、工程化部署与可观测性。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;能力模型&quot; loading=&quot;lazy&quot; width=&quot;1600&quot; height=&quot;928&quot; src=&quot;/_astro/s35-ability.BoCoVENk_18c3iQ.webp&quot; /&gt;&lt;figcaption&gt;能力模型&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;对传统后端工程师，它算了一笔账：你已有的优势是 API 服务开发、数据库与缓存、异步任务、权限认证、日志监控、限流重试熔断、Docker 部署；需要重点补齐的是模型调用、Prompt 与结构化输出、工具协议、上下文管理、 Agent 状态机、Eval 与质量治理。入学门槛是掌握 Java / Go / Python / Node.js 任意一门，熟悉 Git 和 GitHub 协作。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;七章大纲：平台从底到顶的七层&lt;/h2&gt;&lt;p&gt;整个课程就是按 Agent 工程平台的七个层次递进的，每章配一个项目演进阶段。&lt;/p&gt;&lt;section&gt;&lt;h3&gt;第一章 LLM API、Prompt 与结构化输出&lt;/h3&gt;&lt;p&gt;目标很聚焦：完成从传统 HTTP API 到 LLM API 调用的迁移，只解决”如何稳定调用模型”。&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;LLM API 基础&lt;/strong&gt;：Chat Completions / Responses API 的请求结构、消息格式、模型参数（temperature / top_p / max_tokens）、Token 与 Context Window、错误类型与重试策略、多模型调用。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Streaming 流式输出&lt;/strong&gt;：SSE（Server-Sent Events）实现打字机效果、FastAPI StreamingResponse 低延迟转发、前端/CLI 用 EventSource / ReadableStream 逐块消费、中断与取消、断点持久化。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Prompt Engineering&lt;/strong&gt;：System Prompt 职责、角色定义、Few-shot、任务拆解、Prompt 模板与版本管理、Prompt 注入防护。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Structured Output&lt;/strong&gt;：为什么不能依赖自然语言解析；JSON Schema 定义结构、Pydantic 做校验 + 反序列化、模型原生结构化输出、输出纠错重试、失败降级回退。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;实战 LLM Gateway&lt;/strong&gt;：自建大模型网关——FastAPI 统一 HTTP 入口、OpenAI Compatible 协议封装屏蔽多厂商差异、流式代理、Schema 集成、Pydantic 双侧校验（请求入口 + 响应出口各拦一次）、Prompt 模板库、限流超时自动 fallback 备用模型、Token / Cost / Latency 日志留痕。&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;第二章 Function Calling、Tool Runtime 与 MCP&lt;/h3&gt;&lt;p&gt;理解 Agent Tool Use 原理，搭一套含注册、校验、权限、审计、超时、失败恢复和可观测性的工具运行时。&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Function Calling 与 Tool Use&lt;/strong&gt;：工作机制；工具定义（名称、描述、参数 Schema、返回 Schema、错误 Schema、权限等级、风险等级）；工具治理（参数校验、权限控制、调用审计、超时、重试、失败恢复、Trace）。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Tool Runtime 设计&lt;/strong&gt;：Tool Registry（注册 / 发现 / 元数据 / 分类 / 版本 / 依赖 / 启停）；Tool Schema 至少含名称、说明、输入输出结构、错误结构、权限级别、风险级别、超时配置、重试策略、审计字段。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;工具治理与安全边界&lt;/strong&gt;：参数校验、权限隔离（只读 / 写操作 / 高风险 / 需确认）、RBAC 与用户身份透传、工具白名单、SQL / Shell 风险控制、人工确认机制、调用队列、敏感数据脱敏。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;MCP&lt;/strong&gt;：Function Calling 负责”模型如何选择工具”，MCP 负责”工具如何标准化接入”。接入文件系统 / 数据库 / GitHub / 内部 HTTP 服务的 MCP，做权限控制、审计、连接管理。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;实战 Agent Tool Runtime&lt;/strong&gt;：Tool Registry + Function Calling + JSON Schema / Pydantic 校验 + 权限控制 + 风险分级 + 调用审计 + 超时重试降级 + MCP 接入 + Tool Call Trace + CLI 调试入口。&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;第三章 Agent Loop、State Machine 与 Codebase Agent&lt;/h3&gt;&lt;p&gt;从”单轮调用 + 单次工具执行”升级为可连续思考、执行、观察、纠错的长程任务 Agent。&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;从 Tool Agent 到 Agent Loop&lt;/strong&gt;：单轮 Tool Calling 的局限；ReAct 模式、Plan-and-Execute；Observe → Think/Plan → Act → Observe → Finalize 循环；最大循环次数、终止条件、死循环识别、任务中断与恢复。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Planning 与任务拆解&lt;/strong&gt;：一次性计划 vs 动态计划、Plan Revision、子目标拆解、步骤依赖；何时用固定 Workflow、何时用 Agent Loop；计划与执行偏差处理。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;State Machine 与 Checkpoint&lt;/strong&gt;：任务状态（created / planning / running / toolfailed / waitingtool / waiting_approval / completed / failed / cancelled）、步骤状态；Checkpoint 实现中断恢复、状态持久化、失败复现、人工接管后继续。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Sandbox 与执行边界&lt;/strong&gt;：文件系统边界（可读 / 可写 / 禁访问目录）、Shell 命令控制（白名单 / 超时 / 高风险拦截）、网络访问控制；本地 Sandbox vs Docker Sandbox 的边界差异；工具审计与风险回放。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Agent Harness&lt;/strong&gt;：把模型、工具、状态、上下文和执行环境组织在一起的运行框架；Agent 生命周期管理、工具集装配、Checkpoint + Trace、Human-in-the-loop（高风险动作前请求确认）。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;LangGraph 与编排&lt;/strong&gt;：StateGraph（图 / 节点 / 边 / 状态）、条件分支与循环、Checkpoint、Interrupt、Tool Node、调试与可视化；LangGraph、OpenAI Agents SDK、AgentScope 的定位对比；通过 Dify 理解流程节点与状态管理。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;实战 Codebase Agent&lt;/strong&gt;：带一套代码仓库工具（list_files / search_code / read_file / read_directory / write_file / apply_patch / run_test / run_command / git_diff / git_status），能做两类典型任务——代码理解（找出登录逻辑并生成 Markdown 文档）和测试生成与修复（补测试、读失败日志、修代码）。&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;第四章 Context Engineering、Memory 与 Codebase RAG&lt;/h3&gt;&lt;p&gt;解决上下文、知识和记忆问题——Agent 的能力上限不只由模型决定，也取决于它每轮”看到了什么、遗漏了什么、如何压缩、如何检索”。&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Context Engineering&lt;/strong&gt;：与 Prompt Engineering 的区别；Context Packing（哪些信息进上下文、哪些留外部状态）、Prioritization、Budget、Compression（长文件截断摘要、工具结果压缩、历史对话压缩、无关过滤）；上下文污染、Token 预算、成本与延迟控制；KV Cache 对长上下文推理成本的影响；&lt;strong&gt;LiteLLM&lt;/strong&gt; 演示模型路由、fallback、调用日志和成本追踪；Context Debug Report。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Working Memory 与任务上下文&lt;/strong&gt;：保存当前任务目标、已完成步骤、工具结果、未解决问题；Scratchpad 保存中间推理和执行状态；工作记忆生命周期；与 Agent State 的边界。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Memory 体系&lt;/strong&gt;：短期记忆（当前会话与任务状态）、长期记忆（用户偏好、历史任务、常用工具、记忆写入/检索/更新/删除/可信度）、项目级记忆（目录结构、技术栈、模块边界、构建/测试/部署命令、编码规范、历史修复经验）；任务摘要与状态恢复；不同记忆策略对成功率/成本/延迟的影响对比。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;现代 RAG 系统&lt;/strong&gt;：文档解析（PDF / Markdown / HTML / 表格，清洗与元数据提取）；Chunking（固定长度 / 按段落 / 按标题 / 语义分块 / 代码 AST 分块 / Overlap / Metadata）；检索（Embedding 模型选择、FAISS / Milvus / Chroma 至少熟一种、BM25、Elasticsearch、Hybrid Search、Metadata Filter）；Query Rewrite / Decomposition / 澄清；检索后处理（Cross Encoder / LLM Rerank、上下文压缩、证据筛选、Citation 溯源、回答与证据一致性校验）；RAG 评估基础（召回率、命中率、答案正确率、幻觉率）。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;LLM Wiki 与知识资产治理&lt;/strong&gt;：知识分类、文档版本、来源追踪、知识维护、知识权限、知识质量。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;实战 Codebase RAG &amp;amp; Memory&lt;/strong&gt;：给 Codebase Agent 加代码库索引 + 文档索引、AST / 文件级 Chunk、向量 + BM25 混合检索、Rerank、文件引用 + 行号引用、长文件摘要、工具结果压缩、项目级记忆、Context Debug Report、可恢复任务摘要。&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;第五章 Multi-Agent、Skill 与 Agent Eval&lt;/h3&gt;&lt;p&gt;理解单 Agent 与多 Agent 的边界，并建立可量化、可回归、可持续优化的 Eval 体系。&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Multi-Agent 与 Subagent&lt;/strong&gt;：为什么不是所有任务都需要 Multi-Agent；单 Agent 适用场景（目标明确、步骤短、上下文集中）vs 多 Agent 适用场景（代码审查、研究分析、安全扫描、性能诊断等多视角任务）；三种模式——Supervisor（主控拆解调度）、Planner / Executor（长程任务）、Reviewer（复核降幻觉）；并行与串行；隔离机制（上下文 / 工具 / 权限隔离）；成本与超时控制；冲突仲裁。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Subagent 任务委托&lt;/strong&gt;：子任务要明确目标、输入上下文、可调用工具、权限边界、预期输出、输出格式（JSON / Markdown / 结构化字段）、超时限制、评价标准、写操作限制（默认只读，修改需单独授权）。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Result Aggregation&lt;/strong&gt;：结果合并、证据合并与引用保留、去重排序、结论汇总、冲突识别与仲裁、主 Agent 复核。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Skill 系统&lt;/strong&gt;：Skill 定义（执行方法 + 输入输出规范 + 工具依赖 + Prompt 模板 + 质量标准封装成可复用能力包）；生命周期（注册 / 检索 / 匹配 / 执行 / 评估 / 版本 / 下线 / 复用）；Skill 编排（顺序 / 并行 / 条件分支 / 人工确认）。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Agent Eval（核心护城河）&lt;/strong&gt;：为什么需要 Eval——能跑不代表可靠、Demo 成功不代表真实成功、改 Prompt 可能旧任务退化、换模型可能工具调用行为变化。Golden Dataset 构造标准任务集；核心指标（Task Success Rate、Tool Call Accuracy、Tool Parameter Accuracy、Answer Correctness、Citation Accuracy、Retrieval Recall、Hallucination Rate、Human Handoff Rate、Latency、Token Cost、Tool Call Count、Failure Recovery Rate）；Eval 方法（Rule-based / Schema-based / Snapshot Test / Golden Answer / LLM-as-Judge 的适用边界 / Human Eval / Pairwise Comparison / Regression Test 与 A/B Test / Trace Analysis）。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Trace Analysis 失败诊断十三类&lt;/strong&gt;：Prompt 问题、上下文问题、检索问题、工具选择错误、参数错误、权限拦截、工具执行失败、Agent Loop 死循环、子 Agent 委托错误、模型能力不足、最终答案幻觉、引用不准确、评测误判。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;实战 Multi-Agent &amp;amp; Eval Platform&lt;/strong&gt;：构建 Supervisor / Architecture / Test / Security / Performance / Documentation / Report 七个角色 Agent 协作（典型任务”分析项目可维护性并给出重构建议”）；Eval 平台能力含 Benchmark 任务集管理、批量运行、Prompt / Model / RAG 策略对比、Trace 记录、LLM-as-Judge 与人工评测、成功率/成本/耗时/工具调用统计、失败样本聚类、改进前后对比、回归测试报告。&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;第六章 工程化、生产部署与可观测性&lt;/h3&gt;&lt;p&gt;从”Agent 项目能运行”升级为”可部署、可监控、可灰度、可回滚、可治理”。&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;模型服务与推理部署&lt;/strong&gt;：云 API / 私有化 / 混合部署的权衡；&lt;strong&gt;vLLM&lt;/strong&gt;（PagedAttention、连续批处理、OpenAI 兼容接口、显存优化）、&lt;strong&gt;TGI&lt;/strong&gt;（部署、流式、批处理、监控指标）、&lt;strong&gt;Triton&lt;/strong&gt;（多模型推理、GPU 资源管理、动态批处理）。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;性能与成本优化&lt;/strong&gt;：五层缓存（Prompt Cache / Semantic Cache / Embedding Cache / RAG Cache / Tool Result Cache，命中率与失效策略）；批处理与并发（Embedding Batch / 批量 Rerank / Eval Batch / 并发队列 / 任务优先级）；模型路由与降级（强弱模型分层、Fallback、Token Budget、小模型优先、缓存优先、人工兜底、限流熔断降级）。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Agent 可观测性&lt;/strong&gt;：日志（模型调用日志、工具调用日志、Agent Trace 全链路）；Replay 机制（保存失败任务 / 输入 / 上下文 / 工具结果 / 状态，复现问题、验证修复、支撑回归测试）；监控告警四类指标——业务指标（任务成功率、人工接管率）、模型指标（Token、P95/P99 延迟、Fallback 率）、Agent 指标（工具调用准确率、检索命中率、Loop 中断次数）、安全指标（高风险工具调用、越权拦截率、危险 SQL 拦截率）。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;版本管理、灰度与回滚&lt;/strong&gt;：五个版本对象（模型 / Prompt / 工具 / RAG 策略 / 知识库 + Workflow 与 Agent 版本）；Feature Flag 控制各版本；灰度发布（按用户 / 部门 / 租户 / 任务类型 / 风险等级 + A/B Test）；回滚策略（Prompt / 模型 / 工具 / 知识库 / Workflow / 服务镜像回滚）。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;MCP Server 与私有化部署&lt;/strong&gt;：部署、鉴权、网络隔离、工具白名单、日志审计；内网工具接入、密钥管理（API Key 不入库）、多租户隔离、配置中心、敏感字段脱敏、数据权限过滤。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;实战 Production Ready Platform&lt;/strong&gt;：Docker Compose 起 API + 数据库 + Redis + 向量库 + 模型网关；平台化封装（SDK 封装 Model Gateway / Context Build / Tool Call / Agent Run / Eval Runner；服务化拆成模型 / 上下文 / 工具 / 工作流 / 评测 / 日志服务；平台治理做统一鉴权 / 限流 / 审计 / 版本 / 成本分摊 / 质量门禁 / 上线审批）。&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;第七章 企业级综合项目与产品化落地&lt;/h3&gt;&lt;p&gt;把前六章能力转化成可展示、可交付、可面试表达的业务成果。&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;DeerFlow 架构解析&lt;/strong&gt;：通过九条核心架构线深度剖析 DeerFlow 源码——请求入口 Gateway、主智能体工厂、工具组装、中间件管道 I（模型调用前准备上下文）、中间件管道 II（裁决门控清理输出）、沙箱系统、子代理系统、技能系统、持久化存储与检查点。培养二次开发能力。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;高阶案例一 企业级深度研究平台&lt;/strong&gt;：基于 DeerFlow 让 Agent 自动完成资料搜集、交叉验证、结构化分析和报告生成；Skill 沉淀竞品分析 / 行业调研 / 投资尽调方法论；Tool 接入搜索引擎、行业数据库、专利平台、Wiki、文档库、专家知识图谱；建立证据链（引用来源、工具调用、执行 Trace）；报告支持 Markdown / HTML / 可交互文档。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;高阶案例二 新一代软件工厂&lt;/strong&gt;：基于 DeerFlow 让 Agent 自动完成需求分析、任务拆解、代码开发、代码审查、测试验收和持续集成；&lt;strong&gt;GitHub Channel&lt;/strong&gt; 实现分支创建、代码提交、PR 发起、CI 检查；自定义产品经理 / 架构师 / 开发 / QA 多角色 Agent；&lt;strong&gt;ACP&lt;/strong&gt; 接本地构建、环境配置、命令执行。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Agent 产品化与场景判断&lt;/strong&gt;：明确适合 Agent 的场景（信息检索、文档分析、代码理解、客服辅助、流程自动化等）和&lt;strong&gt;不适合的场景&lt;/strong&gt;（极强确定性、不允许容错、规则明确脚本即可、不允许人工审核的资金/医疗/法律决策、成本远高于人工的低价值任务）；划清 Agent / Workflow / RAG / Chatbot / 脚本的边界，避免过度 Agent 化。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;作品集与面试表达&lt;/strong&gt;：怎么把 Agent Engineering Platform 写进简历，怎么描述 Tool Runtime / Codebase Agent / RAG 与 Context Engineering / Benchmark 与 Eval，怎么展示 Trace / Replay / 灰度与成本治理，常见面试题，怎么用项目数据证明工程能力、把技术项目表达为业务价值。&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;持续更新与岗位转型&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;持续更新&quot; loading=&quot;lazy&quot; width=&quot;1600&quot; height=&quot;502&quot; src=&quot;/_astro/updates.DW6WLQLu_1u9D5J.webp&quot; /&gt;&lt;figcaption&gt;持续更新&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;完课后一年内持续更新 40+ 小时免费热点内容，方向包括 LangGraph 等 Agent Framework、Claude / OpenAI 的新推理能力与 Function Calling / API 能力、MCP 私有化部署、LLM-Wiki 知识库结构化等。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;从学会开发到岗位转型&quot; loading=&quot;lazy&quot; width=&quot;1600&quot; height=&quot;682&quot; src=&quot;/_astro/career.DORIngmx_Z1BswTo.webp&quot; /&gt;&lt;figcaption&gt;从学会开发到岗位转型&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;配套服务含就业专家 1V1（简历优化、项目包装、面试辅导）、大模型求职指南课、刷题平台 + 企业真题库（覆盖大模型理论、Agents 开发、RAG、微调、工程化）、岗位内推（完成 80% 课程且作业达标者）。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;讲师&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;讲师介绍&quot; loading=&quot;lazy&quot; width=&quot;1600&quot; height=&quot;970&quot; src=&quot;/_astro/s35-instructors.DyKArgS-_1n5p5s.webp&quot; /&gt;&lt;figcaption&gt;讲师介绍&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;尹会生&lt;/strong&gt;：生成式 AI 与智能硬件融合创新者，大模型连续创业者，ADPS 核心专家 / 腾讯云架构师技术同盟名人堂专家。曾服务金山、新浪；国内首批大模型工业化应用实践者，将 RAG 应用于智能制造（效能提升 30%+）；工业自动驾驶系统架构师，2 项技术发明专利；当前聚焦企业级 Agent 平台，自研 RAG 引擎，服务金融、制造、法律、审计。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;姜宁&lt;/strong&gt;：前字节开源办公室首席布道师，ADPS 核心专家。15 年+ 企业级开发与管理经验；&lt;strong&gt;主导字节 DeerFlow 的研发、开源与运营&lt;/strong&gt;；曾任华为开源管理中心技术专家、红帽首席软件开发工程师；连任 Apache 软件基金会董事会董事（2022–2024）。&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;技术栈清单（这门课涉及的）&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;语言 / 后端&lt;/strong&gt;：Python、FastAPI（StreamingResponse）、Pydantic；入学接受 Java / Go / Node.js 背景&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;LLM API / 协议&lt;/strong&gt;：Chat Completions / Responses API、OpenAI Compatible、SSE（EventSource / ReadableStream）、JSON Schema、Function Calling / Tool Use、MCP（含私有化部署）&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Agent 框架&lt;/strong&gt;：LangGraph（StateGraph / Interrupt / Checkpoint）、OpenAI Agents SDK、AgentScope、DeerFlow（收官底座）、Dify（流程理解）&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;RAG / 记忆&lt;/strong&gt;：FAISS / Milvus / Chroma、BM25、Elasticsearch、Hybrid Search、Cross Encoder / LLM Rerank、Embedding、Context Engineering、Memory 体系、LLM-Wiki、LiteLLM&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Eval&lt;/strong&gt;：Golden Dataset、LLM-as-Judge、Rule / Schema / Snapshot / Pairwise / Regression / A-B Test、Trace Analysis&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;推理部署&lt;/strong&gt;：vLLM（PagedAttention / 连续批处理）、TGI、Triton&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;工程化 / 运维&lt;/strong&gt;：Docker Compose、Redis、PostgreSQL、向量库、Feature Flag、灰度发布、Replay、RBAC、GitHub Channel、ACP&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;模型&lt;/strong&gt;：Claude、OpenAI（官方材料未点名国产模型）&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;适合谁 &amp;amp; 我的判断&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;适配人群&quot; loading=&quot;lazy&quot; width=&quot;1600&quot; height=&quot;543&quot; src=&quot;/_astro/audience.D8nMG33q_Z233Fp.webp&quot; /&gt;&lt;figcaption&gt;适配人群&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;官方适配人群：想升级为 AI 应用工程师的后端/全栈、做过 RAG 或大模型 Demo 但想补工程化的人、在做企业 AI 平台/Agent 应用/AI 基础设施的工程师、想通过开源项目沉淀公开作品的开发者、有后端经验想从事 Agent 开发的学生。&lt;/p&gt;&lt;p&gt;我的判断：这是三门课里&lt;strong&gt;体系最完整、强度也最大&lt;/strong&gt;的一门。14 周 + 每周 3–4 小时录播 + 每周直播，不是轻松路线，但它把 Agent 开发从 API 调用到生产运维的每一层都覆盖到了，尤其是第五章 Eval 和第六章生产化，很多同类课程根本不讲。DeerFlow 收官和简历/面试专项对想转岗的人是实打实的加分项。适合有后端底子、下定决心转型 Agent 开发岗的人；如果只是想提升日常 AI 编程效率，隔壁编程实战营性价比更高。&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;&lt;em&gt;信息来源：极客时间官网课程页 u.geekbang.org/subject/35 及完整课程大纲（2026-08 抓取，含第二至七章全文）。第 1 期 2026-08-17 开课，14 周录播+直播。价格官网未公开，需咨询学习顾问。&lt;/em&gt;&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>企业级 AI 编程实战营拆解：SDD × Harness，11 周把&quot;驾驭 AI&quot;练成肌肉记忆</title><link>https://fork-firefly.vercel.app/posts/geektime-enterprise-ai-coding/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/geektime-enterprise-ai-coding/</guid><description>不教用 AI 工具，教把 AI 编程做成可控、可验收、可复用的工程流程：SDD + Harness 方法论、四个递进项目、真实开源 PR 收官。</description><pubDate>Thu, 06 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;极客时间这门《企业级 AI 编程实战营》的定位很清楚：&lt;strong&gt;不教你用 AI 工具，教你怎么把 AI 编程做成可控、可验收、可复用的工程流程&lt;/strong&gt;。11 周、3 个企业级项目 + 1 次真实开源 PR，讲师 Robert（前字节/腾讯基础架构专家）。我把官网逐周大纲完整翻了一遍，这篇是它的详细拆解。&lt;/p&gt;
&lt;blockquote&gt;&lt;p&gt;这是三篇训练营拆解之一。另外两篇：&lt;a href=&quot;/posts/geektime-ai-agent-fullstack/&quot;&gt;AI Agent 全栈工程师训练营&lt;/a&gt; ｜ &lt;a href=&quot;/posts/geektime-agentic-ai-product/&quot;&gt;Agentic AI 产品训练营&lt;/a&gt;。三门课的横向对比见&lt;a href=&quot;/posts/geektime-ai-bootcamps-compared/&quot;&gt;总览篇&lt;/a&gt;。&lt;/p&gt;&lt;/blockquote&gt;
&lt;section&gt;&lt;h2&gt;它要解决的真问题：会用 AI ≠ 驾驭 AI&lt;/h2&gt;&lt;p&gt;课程开篇就点破了很多人用 AI 编程踩的坑：把需求直接扔给 AI，来回改，最后不确定能不能用。它管这叫”普通姿势”，对应的是”驾驭姿势”——先 spec、再 plan、再 implement，每一步可控、结果可预期。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;很多人用 AI 编程踩的坑&quot; loading=&quot;lazy&quot; width=&quot;1600&quot; height=&quot;337&quot; src=&quot;/_astro/pain.DkycWhHx_1XMPky.webp&quot; /&gt;&lt;figcaption&gt;很多人用 AI 编程踩的坑&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;所谓”驾驭”，定义很明确：&lt;strong&gt;主动权在你手里，AI 在你的框架下执行&lt;/strong&gt;。整门课就是围绕这个定义搭的方法论和项目。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;方法论骨架：SDD 想清楚，Harness 做对&lt;/h2&gt;&lt;p&gt;这门课的方法论是两个框架的组合，分工很清楚：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;SDD（Spec-Driven Development）解决”想清楚”&lt;/strong&gt;：规格是真理，代码服务于规格。落地工具是 GitHub 的 Spec-Kit，跑 &lt;code&gt;/specify → /plan → /tasks → /implement&lt;/code&gt; 四阶段工作流，从一句话需求走到可执行任务列表。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Harness Engineering 解决”做对”&lt;/strong&gt;：四支柱是 System Prompt（CLAUDE.md/AGENTS.md）、Tools（Skills / Slash Commands）、Context（Plan Mode 先规划再动手）、Subagents（并行子代理）。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;两者合起来的逻辑是：SDD 让 AI 知道做什么，Harness 让 AI 做对。至于 Vibe Coding 和 Context Engineering 的位置，课程的划分是——Vibe Coding 是姿态，Context Engineering 是更上面一层（留作长期方向）。&lt;/p&gt;&lt;p&gt;两个贯穿全程的硬约束机制：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;constitution.md（项目宪法）&lt;/strong&gt;：把工程原则变成 AI 必须遵守的硬约束。系统级项目的宪法会写死”进程模型不变、安全边界不破、协议兼容、可演化”这类底线。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Permission（事前）+ Hooks（事后）= 完整安全网&lt;/strong&gt;：Permission 在 &lt;code&gt;.claude/settings.json&lt;/code&gt; 里配 allow/ask/deny 规则，事前拒绝不该做的事；Hooks 检查做完的事，有 Command / HTTP / Prompt / Agent 四种处理类型、12+ 生命周期事件（PreToolUse / PostToolUse / Stop / SessionStart 等）。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;工具选型上，主用 &lt;strong&gt;Claude Code&lt;/strong&gt;，同时对比 Codex / OpenCode / Cursor / Copilot。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;四个项目：造底座 → 写自己代码 → 改别人代码 → 给开源贡献&lt;/h2&gt;&lt;p&gt;课程最实在的设计是四个项目按工程姿态递进，每个都有明确的训练主场。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;四个实战项目&quot; loading=&quot;lazy&quot; width=&quot;1600&quot; height=&quot;1023&quot; src=&quot;/_astro/s33-projects.DyvaQgCT_Z1GQDEw.webp&quot; /&gt;&lt;figcaption&gt;四个实战项目&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;section&gt;&lt;h3&gt;项目一 OryxOS：用 SDD 做 AI 智能体操作系统（第 2–5 周）&lt;/h3&gt;&lt;p&gt;从零造一个系统底座，是 SDD + Harness 最完整的一次实战。&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;第 2 周 需求与方案&lt;/strong&gt;：先回答”企业为什么需要 Agent OS”——2026 年企业落地 Agent 的真实需求，Agent / Agent OS / Agent App 三层关系，自研 vs 开源二开 vs 混合的落地路径。深度精读两个流派：Hermes Agent（Nous Research，会成长的 Agent，持久化记忆 + 自我改进 Skills）和 OpenClaw（反应式工具使用框架，低启动开销 + 广能力覆盖），对比成长式 vs 反应式、有状态 vs 无状态、长进程 vs 短启动两种设计哲学。然后用 Spec-Kit 把工业级需求文档转成 spec.md、技术方案转成 plan.md + tasks.md，写出 OryxOS 的 constitution.md，完成 Harness 四支柱初始化。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;第 3 周 运行时核心 + 多模型路由&lt;/strong&gt;：Agent 进程模型（独立进程 vs 协程 vs 线程的权衡）、生命周期管理（创建→初始化→运行→暂停→销毁）；工作空间隔离（文件系统 + 网络 + 进程三重隔离）、沙盒安全（Linux namespaces / cgroups / seccomp 取舍）、YAML 声明式配置加载；多模型路由用 planning model + synthesis model 双模型设计，配 failover 自动切换和成本控制。这周开始用 Subagents 并行实现（隔离 / 配置加载 / 集成测试三路并行）。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;第 4 周 记忆与工具体系&lt;/strong&gt;：MCP 集成（Client / Server / Tool / Resource / Prompt 五个核心抽象），既给 OryxOS 接入 MCP Server，也把 OryxOS 自己包装成 MCP Server 让别的工具调用；多渠道接入做统一适配层（REST API 走 OpenAPI 规格驱动，IM 渠道 Telegram/Slack 任选，Webhook vs 长连接的权衡），目标是新渠道 30 行代码接入；工作流编排支持并行搜索和多步推理。同时配系统级 Permission + Hooks 安全网，跑沙盒安全测试套件（边界 / 注入 / 资源限制测试）。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;第 5 周 端到端集成与发布&lt;/strong&gt;：补齐可观测性（Agent 行为追踪、模型调用的成本/延迟/错误率监控、渠道流量监控），处理”最后 10%“（边界情况、错误恢复、graceful shutdown）；跑通真实业务场景的端到端测试（客服 Agent / 代码 review Agent 任选），用 Docker / K8s 部署上云。&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;项目二 When：用 SDD 从 0 到 1 做分布式延时投递服务（第 6–8 周）&lt;/h3&gt;&lt;p&gt;这是 0→1 写自己代码的项目，Subagents 并行实现的主场。需求场景很具体：支撑订单超时、优惠券过期这类延时任务。&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;第 6 周 需求与方案&lt;/strong&gt;：体验”从模糊想法到清晰规格”的完整 SDD 起手。技术选型讲得很实在——etcd vs Consul vs ZooKeeper（选 etcd 的真实理由）、Redis vs RocksDB（为什么用 Redis）、gRPC vs HTTP（选 gRPC 的工程权衡）、多层时间轮算法的实现选择，外加企业级需求文档怎么定 SLA。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;第 7 周 单节点版本&lt;/strong&gt;：时间轮算法原理（单层 vs 多层的精度/内存/CPU 权衡）、单机版架构（gRPC server + 时间轮调度器 + Redis 持久化）。这周重点演示 &lt;strong&gt;4 个 Subagent 并行实现 4 个核心模块&lt;/strong&gt;：多层时间轮、gRPC service 定义 + handler、Redis 索引与数据分离存储层、为前三个模块生成单元测试。引入 Worktrees 做并行写代码的隔离，主对话做架构决策 + 集成 review。同时把时间轮实现封装成可复用 Skill，把常用 prompt 做成 Slash Command，并讲清 Skills（能力）vs Slash Commands（模板）的边界、咨询模式 vs 执行模式的切换。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;第 8 周 集群化上线&lt;/strong&gt;：基于 etcd 的节点注册、Controller 选主、watch 机制；时间轮在节点间的动态分配、扩缩容、主从故障切换；用 Spec-Kit 做”集群化”这次大改造的增量 SDD。分布式最常见的 4 类故障（脑裂、心跳风暴、时钟漂移、级联失败）。配 Permission + 5–7 个关键 Hooks 的完整安全网；用 AI 快速搭内置管理页面（任务可视化 + 集群状态 + 节点负载）；可观测用 Prometheus 指标 + 日志规范 + 链路追踪；&lt;strong&gt;Headless / Print Mode&lt;/strong&gt;（&lt;code&gt;claude -p &quot;...&quot;&lt;/code&gt;）把”代码改动 → 跑混沌测试 → 报告”做成脚本接进 CI。&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;项目三 DifyPro：用 AI 反推整体逻辑给 Dify 做企业级二开（第 9–10 周）&lt;/h3&gt;&lt;p&gt;这是改别人代码的项目，AI 反推整体逻辑的主场。Dify 是 2026 年企业搭内部 AI 平台的事实标准，但社区版有真实能力缺口：SSO、多租户、LLM 治理、可观测、审计。&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;第 9 周 项目调研 + 纵向改造&lt;/strong&gt;：&lt;strong&gt;用 5 个 Subagent 并行精读 Dify&lt;/strong&gt;——backend/api（API 入口和请求流转）、backend/core（LLM 调用链路）、backend/extensions（扩展点设计）、web/ 前端（前端架构和 API 调用关系）、数据库 schema 和 migrations（数据模型），把关键架构信息沉淀到项目级 CLAUDE.md。引入 &lt;strong&gt;OpenSpec 的 delta spec&lt;/strong&gt;（改造老项目比完整 spec 更合适）。纵向改造模式是”在调用链路上插入一层”，示范功能是统一 LLM Gateway 简化版（模型路由 + 降级熔断 + token 追踪），剖析 Dify 模型调用链路上 Gateway 接入点的 5 个候选位置。Permission 里 deny 直接修改 Dify 核心文件、只允许在 extension 目录改，Hooks 每次改动后自动跑 Dify 全套测试，守住”最小侵入”。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;第 10 周 横向改造&lt;/strong&gt;：横向改造是”横切多个模块做统一关注点收集”，示范功能是完整审计日志体系（数据模型 / 关键操作埋点 / 查询导出 / 查询界面）。把”横切关注点改造”封装成通用 Skill，后续任何 Dify 模块的横切改造都能复用。个人选定二开方向（LLM Gateway / 审计日志 / SSO / 多租户 / Token 治理 / 可观测）端到端完成（测试 + 文档 + demo），鼓励给原 Dify 提合规小 PR。&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;项目四 mq9：跨语言开源 PR 实战（第 11 周）&lt;/h3&gt;&lt;p&gt;收官挑战，进真实开源项目 mq9（目标是成为 Apache 顶级项目），用 Vibe Coding 跨语言协作完成一次合规 PR。核心是&lt;strong&gt;不会 Rust 也能贡献 Rust 项目&lt;/strong&gt;的方法：用 Subagents 并行读懂陌生项目的不同模块，用 OpenSpec 写 PR 的 delta spec，用 gh CLI 串起完整开源协作流——&lt;code&gt;gh issue list&lt;/code&gt; 选 Good First Issue、branch 创建、&lt;code&gt;gh pr create&lt;/code&gt; 提交规范化 PR、&lt;code&gt;gh pr view / review&lt;/code&gt; 回应 review 评论。Maintainer（Robert 本人）不放水，PR 不合并可以继续修到合并。&lt;/p&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;学完能带走什么&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;学完你将带走&quot; loading=&quot;lazy&quot; width=&quot;1600&quot; height=&quot;452&quot; src=&quot;/_astro/s33-takeaway.DvaNti2P_Zzu4dQ.webp&quot; /&gt;&lt;figcaption&gt;学完你将带走&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;课程收尾会把四种工程姿态沉淀下来：0→1 / Fork 改造 / 混合姿态 / 真实开源贡献；复盘个人 CLAUDE.md / Skills / Slash Commands / Subagents 库，分清哪些是项目专属、哪些能变成”个人沉淀库”；并指向 Context Engineering 这个接下来 1–2 年最值得深入的方向。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;技术栈清单（这门课涉及的）&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;AI 编程工具&lt;/strong&gt;：Claude Code（CLAUDE.md / AGENTS.md / Skills / Slash Commands / Subagents / Worktrees / Hooks / Permission / Plan Mode / Headless / MCP / Memory），对比 Codex / OpenCode / Cursor / Copilot&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;规格工具&lt;/strong&gt;：GitHub Spec-Kit（constitution.md）、OpenSpec（delta spec）&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;协议 / 平台&lt;/strong&gt;：MCP（Model Context Protocol）、Dify（二开对象）、OpenAPI&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;分布式 / 后端&lt;/strong&gt;：etcd、Redis、gRPC、多层时间轮、Linux namespaces / cgroups / seccomp&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;语言&lt;/strong&gt;：Python（OryxOS 主语言）、Rust（mq9 跨语言）、Java / TypeScript 覆盖&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;工程化&lt;/strong&gt;：gh CLI、Headless Mode 接 CI、Docker / K8s、Prometheus、混沌测试、端到端测试&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;适合谁 &amp;amp; 我的判断&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;适合人群&quot; loading=&quot;lazy&quot; width=&quot;1600&quot; height=&quot;355&quot; src=&quot;/_astro/audience.qw7xsgxP_Zsv5Qq.webp&quot; /&gt;&lt;figcaption&gt;适合人群&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;官方定位是”想把 AI 编程真正用到企业项目中的工程师”。我的判断：这是三门课里&lt;strong&gt;方法论迁移性最强&lt;/strong&gt;的一门——SDD 和 Harness 不绑定任何单一平台，学完这套”想清楚 + 做对”的框架，换什么 AI 工具都能套用。四个项目从造底座到改开源的递进设计也很贴近真实工程成长路径。适合已经有 AI 编程基础、想从”会用”进阶到”驾驭”的在职工程师。&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;&lt;em&gt;信息来源：极客时间官网课程页 u.geekbang.org/subject/33 及完整课程大纲（2026-08 抓取）。第 1 期 2026-07-15 开课，11 周，另有第 2 期（09-07）、第 3 期（11-30）。价格官网未公开，需咨询学习顾问。&lt;/em&gt;&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>356 个版本堆出来的 Claude Code：进化史、17 大模块、11 个上手场景</title><link>https://fork-firefly.vercel.app/posts/claude-code-full-features/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/claude-code-full-features/</guid><description>从 0.2.21 到 2.1.223，Claude Code 发了 356 个版本。这篇把官方变更日志和文档整个过了一遍：六个进化阶段、17 个功能模块逐个说透、11 个场景怎么组合用，最后给新手一条分阶段的上手路径。</description><pubDate>Thu, 06 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;Claude Code 这个工具，这两年的迭代速度是肉眼可见的疯。今天这个版本是 2.1.223，距离它还是 0.2.21 的时候，已经过去了 356 个版本。我把官方变更日志从头到尾翻了一遍，又对照官方文档把它的能力体系拆开看，最后落成这么一份东西：版本是怎么进化到今天的、现在到底有哪些功能模块、每个模块该怎么用、以及放到真实场景里该怎么组合。&lt;/p&gt;
&lt;p&gt;先说结论，免得到处找：现在的 Claude Code 早已不是”终端里帮你写代码的助手”，而是一套覆盖 CLI / IDE / 桌面 / 浏览器 / 云端，带多智能体编排、企业级安全治理、可编程 SDK 的 AI 软件开发平台。它最值钱的地方不是某个单点功能，而是这一整套东西咬合起来的能力。&lt;/p&gt;
&lt;hr /&gt;
&lt;section&gt;&lt;h2&gt;一、进化史：从终端 REPL 到 AI 原生平台&lt;/h2&gt;&lt;section&gt;&lt;h3&gt;六个阶段，一路从小工具长成平台&lt;/h3&gt;





















































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;阶段&lt;/th&gt;&lt;th&gt;时间&lt;/th&gt;&lt;th&gt;版本区间&lt;/th&gt;&lt;th&gt;在干什么&lt;/th&gt;&lt;th&gt;标志性能力&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;① 早期原型&lt;/td&gt;&lt;td&gt;2025-04 ~ 2025-05&lt;/td&gt;&lt;td&gt;0.2.21 → 0.2.125&lt;/td&gt;&lt;td&gt;把”agent 在终端里干活”这套交互范式定下来&lt;/td&gt;&lt;td&gt;@-mention 文件、斜杠命令、MCP 客户端、Todo 列表、会话继续/恢复&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;② GA 与基座&lt;/td&gt;&lt;td&gt;2025-05 ~ 2025-09&lt;/td&gt;&lt;td&gt;1.0.0 → 1.0.126&lt;/td&gt;&lt;td&gt;正式发布，开始长平台的地基&lt;/td&gt;&lt;td&gt;Hooks、自定义子代理、TS/Python SDK、权限管理、Windows 原生支持&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;③ 界面与生态&lt;/td&gt;&lt;td&gt;2025-09 ~ 2025-12&lt;/td&gt;&lt;td&gt;2.0.0 → 2.0.76&lt;/td&gt;&lt;td&gt;换新 UI，开始做生态&lt;/td&gt;&lt;td&gt;原生 VS Code 扩展、Skills、插件系统 + Marketplace、后台 agent、Desktop、Chrome 集成&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;④ 多智能体与上下文&lt;/td&gt;&lt;td&gt;2026-01 ~ 2026-05&lt;/td&gt;&lt;td&gt;2.1.0 → 2.1.98&lt;/td&gt;&lt;td&gt;上下文上限突破，多 agent 协作爆发&lt;/td&gt;&lt;td&gt;1M 上下文、fast mode、auto-memory、/plan、SendMessage、Agent Teams&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑤ 平台化与后台&lt;/td&gt;&lt;td&gt;2026-05 ~ 2026-06&lt;/td&gt;&lt;td&gt;2.1.101 → 2.1.169&lt;/td&gt;&lt;td&gt;后台体系和企业治理成熟&lt;/td&gt;&lt;td&gt;agent view、/code-review、动态工作流、Managed Settings&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑥ AI 原生完善期&lt;/td&gt;&lt;td&gt;2026-06 ~ 2026-08&lt;/td&gt;&lt;td&gt;2.1.170 → 2.1.223&lt;/td&gt;&lt;td&gt;前沿模型 + 安全/无障碍收尾&lt;/td&gt;&lt;td&gt;Fable 5 / Sonnet 5 / Opus 5 原生 1M、子代理默认后台化、Chrome GA&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;版本节奏是明显加速的：0.x 到 1.x 是低频打磨，2.1.x 一个段就发了 178 个版本，占总数一半。说明产品从”慢慢做”切换到了”小步快跑、持续交付”。今天你看到的很多能力，都是最近 3 个月里叠出来的。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;七条贯穿的主线&lt;/h3&gt;&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;从单会话到多智能体协作&lt;/strong&gt;：从”一个终端对话”到子代理、后台 agent、agent view、动态工作流，再到子代理默认后台化。拐点是 2.0.60（后台 agent）和 2.1.139（agent view）。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;从命令行到全端覆盖&lt;/strong&gt;：CLI 之外，原生 VS Code 扩展、Desktop 独立应用、浏览器扩展，同一套引擎到处跑。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;从本地到云端跨设备&lt;/strong&gt;：本地会话 → /teleport 云会话 → 手机 Remote Control，人换设备任务不丢。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;从手动点批准到安全默认&lt;/strong&gt;：早期全靠人审，后来有自动分级分类器（auto mode）、沙箱隔离、企业策略，2.1.214 之后连续多个版本都在堵权限绕过漏洞。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;上下文从固定 200K 到无限会话&lt;/strong&gt;：自动压缩（autocompact）让会话”永远聊得下去”，1M 原生窗口再往上抬了一截，最后用自动压缩约束超限。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;从裸 CLI 到可编程可管控&lt;/strong&gt;：SDK、Hooks、OpenTelemetry、插件市场、企业 managed settings，变成能被组织和程序调用的平台。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;从单一模型到模型家族经济学&lt;/strong&gt;：Opus / Sonnet / Fable 三代同堂，再加 effort（努力度）和 fast mode（快模式），组成了”速度-智能-成本”的三角开关。&lt;/li&gt;
&lt;/ol&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;几个值得记住的里程碑&lt;/h3&gt;



























































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;特性&lt;/th&gt;&lt;th&gt;版本 / 日期&lt;/th&gt;&lt;th&gt;当时解决什么&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;Hooks&lt;/td&gt;&lt;td&gt;1.0.38（2025-06-30）&lt;/td&gt;&lt;td&gt;让自动化动作变成”每次都发生”的强制保障&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;自定义子代理&lt;/td&gt;&lt;td&gt;1.0.60（2025-07-24）&lt;/td&gt;&lt;td&gt;任务委托给独立上下文的专业助手，省主会话上下文&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;SDK&lt;/td&gt;&lt;td&gt;1.0.23（2025-06-16）&lt;/td&gt;&lt;td&gt;把整个 agent loop 当库嵌进自己的应用&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;插件系统 + Marketplace&lt;/td&gt;&lt;td&gt;2.0.12（2025-10-09）&lt;/td&gt;&lt;td&gt;技能/代理/钩子/MCP 打包成可分发单元&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Skills&lt;/td&gt;&lt;td&gt;2.0.20（2025-10-16）&lt;/td&gt;&lt;td&gt;把反复粘贴的清单沉淀成按需加载的能力&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;后台 agent&lt;/td&gt;&lt;td&gt;2.0.60（2025-12-06）&lt;/td&gt;&lt;td&gt;关掉终端任务也继续跑&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;/code-review&lt;/td&gt;&lt;td&gt;2.1.147（2026-05-21）&lt;/td&gt;&lt;td&gt;从 /simplify 改名而来，统一”审查-修复-PR 评论”链路&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;1M 上下文&lt;/td&gt;&lt;td&gt;2.1.50（2026-02-20）&lt;/td&gt;&lt;td&gt;突破 200K 天花板&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;fast mode&lt;/td&gt;&lt;td&gt;2.1.36（2026-02-07）&lt;/td&gt;&lt;td&gt;约 2 倍费率换 2.5 倍速度&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;agent view&lt;/td&gt;&lt;td&gt;2.1.139（2026-05-11）&lt;/td&gt;&lt;td&gt;单屏管理所有后台会话&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;小提醒：&lt;code&gt;/teleport&lt;/code&gt; 这个功能，&lt;code&gt;claude --teleport&lt;/code&gt; 的命令行标志其实 2.0.x 就有了，但作为会话内斜杠命令是 2.1.0 才加的。网上不少资料把这两个搞混。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;二、17 个功能模块逐个说透&lt;/h2&gt;&lt;p&gt;这一节是重头戏。每个模块按”是什么 → 能干什么 → 怎么用 → 什么时候用”来讲。&lt;/p&gt;&lt;section&gt;&lt;h3&gt;1. Skills：把反复粘贴的东西变成一条命令&lt;/h3&gt;&lt;p&gt;本质是”按需加载的指令包”。一个技能就是一个目录，里面放一个 &lt;code&gt;SKILL.md&lt;/code&gt;（带元信息 + 正文说明），目录名就是命令名。比如你在 &lt;code&gt;.claude/skills/deploy-staging/&lt;/code&gt; 放一个 &lt;code&gt;SKILL.md&lt;/code&gt;，会话里就能输入 &lt;code&gt;/deploy-staging&lt;/code&gt; 调用。&lt;/p&gt;&lt;p&gt;最关键的设计是&lt;strong&gt;渐进加载&lt;/strong&gt;：技能的简介常驻在上下文里，正文用到才真正加载。这意味着你可以在一个项目里塞几十个技能，但平时几乎不占上下文。适合放”同一套操作贴第三次”的东西：部署清单、PR 审查要点、API 风格规范、团队工作流。&lt;/p&gt;&lt;p&gt;几个控制项值得记：&lt;code&gt;disable-model-invocation: true&lt;/code&gt; 表示只能人手动调（防止 Claude 自己把部署流程跑了）；&lt;code&gt;context: fork&lt;/code&gt; 让技能在独立子代理上下文里跑；还能在加载前执行命令把真实输出注入进去（比如先跑个 &lt;code&gt;git diff&lt;/code&gt;）。官方自带了一批内置技能，包括 &lt;code&gt;/doctor&lt;/code&gt;、&lt;code&gt;/code-review&lt;/code&gt;、&lt;code&gt;/batch&lt;/code&gt;、&lt;code&gt;/debug&lt;/code&gt;、&lt;code&gt;/loop&lt;/code&gt;。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;2. Subagents：独立上下文的专业助手&lt;/h3&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Claude 自动执行 Read / Search 等工具调用（官方演示）&quot; loading=&quot;lazy&quot; width=&quot;1552&quot; height=&quot;992&quot; src=&quot;/_astro/fig-1-tooluse.BZp-8uH-_ZS6rED.webp&quot; /&gt;&lt;figcaption&gt;Claude 自动执行 Read / Search 等工具调用（官方演示）&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;子代理有自己独立的上下文窗口、独立的系统提示和工具权限，干完只把摘要带回主会话。这是省上下文最重要的工具之一，官方原话”上下文是根本约束时，subagents 是最强大的工具之一”。&lt;/p&gt;&lt;p&gt;内置几个常用的：&lt;strong&gt;Explore&lt;/strong&gt;（只读快速研究代码库）、&lt;strong&gt;Plan&lt;/strong&gt;（计划模式的研究助手）、&lt;strong&gt;general-purpose&lt;/strong&gt;（全工具复杂任务）、&lt;strong&gt;claude&lt;/strong&gt;（兜底 + 后台会话默认代理）。你可以自己定义 &lt;code&gt;.claude/agents/&amp;lt;名字&amp;gt;.md&lt;/code&gt;，指定它的工具白名单、模型（比如用 haiku 省钱）、权限模式。&lt;/p&gt;&lt;p&gt;调用方式有四种：直接说”让 subagent 调研一下 X”、&lt;code&gt;@agent-名字&lt;/code&gt; 强制指定、整会话切换 &lt;code&gt;claude --agent 名字&lt;/code&gt;、或者临时定义。嵌套默认 3 层，每会话最多 200 个，并发 20。&lt;/p&gt;&lt;p&gt;2.1.198 之后子代理默认在后台跑，主会话更清爽。&lt;code&gt;.claude/agents/&lt;/code&gt; 里定义的代理还能指定 &lt;code&gt;tools:&lt;/code&gt; 限权，这是很强的安全手段——比如审查代理只给只读工具。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;3. Hooks：让动作”每次都发生”&lt;/h3&gt;&lt;p&gt;钩子是生命周期事件的确定性自动化层。区别于 CLAUDE.md 的”建议”性质，hook 是”强制”：只要事件发生，脚本必跑。这是它不可替代的原因。&lt;/p&gt;&lt;p&gt;事件有 30 多种，最常用的是：&lt;code&gt;SessionStart/End&lt;/code&gt;（会话开始/结束）、&lt;code&gt;UserPromptSubmit&lt;/code&gt;（用户提交提示词）、&lt;code&gt;PreToolUse&lt;/code&gt;（工具调用前，可以拦下）、&lt;code&gt;PostToolUse&lt;/code&gt;、&lt;code&gt;PermissionRequest&lt;/code&gt;、&lt;code&gt;Stop&lt;/code&gt;。配置结构是三层：事件 → matcher 组 → handler，写在 &lt;code&gt;settings.json&lt;/code&gt; 里。&lt;/p&gt;&lt;p&gt;handler 有五种类型：shell 命令、HTTP 调用、调用已连接的 MCP 工具、让 LLM 决策、派子代理。退出码决定行为：0 成功，2 阻塞并把 stderr 喂回给 Claude。&lt;/p&gt;&lt;p&gt;最典型的用法：拦截危险命令（比如 &lt;code&gt;rm -rf&lt;/code&gt;）、每次编辑后自动格式化/lint、桌面通知、把 CI 结果注入上下文。官方一句点破：“想做的事每次都发生，别写在 CLAUDE.md 里，写成 hook。“&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;4. MCP：接到外部世界的万能插头&lt;/h3&gt;&lt;p&gt;Model Context Protocol 是 Anthropic 开放的协议，让 Claude 能调用外部工具和数据源。你的项目可以接 Jira、GitHub、Slack、数据库、浏览器、设计稿，什么都有现成服务器。&lt;/p&gt;&lt;p&gt;配置命令很直接：&lt;code&gt;claude mcp add --transport http notion &amp;lt;url&amp;gt;&lt;/code&gt;。传输方式推荐 http，老旧的 sse 已弃用，本地进程用 stdio（参数用 &lt;code&gt;--&lt;/code&gt; 分隔）。接进来的工具会以 &lt;code&gt;mcp__服务器名__工具名&lt;/code&gt; 的格式进 Claude 的工具箱。默认开了 Tool search，闲置服务器几乎不占上下文。&lt;/p&gt;&lt;p&gt;企业环境可以用 managed-mcp 做 allowlist/denylist 白黑名单控制。有意思的是 &lt;code&gt;claude mcp serve&lt;/code&gt; 能把 Claude Code 自身也暴露成一个 MCP 服务器，别人/别工具也能调它。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;5. CLAUDE.md：每次会话自动加载的”项目记忆”&lt;/h3&gt;&lt;p&gt;这是 Claude 每次会话都会读的持久上下文。四个层级从高到低：企业 managed policy → 个人 &lt;code&gt;~/.claude/CLAUDE.md&lt;/code&gt; → 项目 &lt;code&gt;./CLAUDE.md&lt;/code&gt; 或 &lt;code&gt;./.claude/CLAUDE.md&lt;/code&gt; → 个人项目专属 &lt;code&gt;CLAUDE.local.md&lt;/code&gt;。会自动向上找目录树，monorepo 里子目录的 CLAUDE.md 按需加载。&lt;/p&gt;&lt;p&gt;放什么？放”Claude 从代码里猜不到的东西”：构建命令、非常规代码风格、测试命令、仓库礼仪、架构决策、环境坑。别放它能自己从代码里推出来的东西。官方建议压到 200 行以内，超长反而会让 Claude 忽略你的真实指令。&lt;/p&gt;&lt;p&gt;配套能力：&lt;code&gt;@path&lt;/code&gt; 导入其他文件（最深 4 层）、&lt;code&gt;.claude/rules/&lt;/code&gt; 按文件路径条件加载（省上下文）、&lt;code&gt;/init&lt;/code&gt; 自动生成初稿、&lt;code&gt;/context&lt;/code&gt; 验证是否真的加载了。还有 &lt;strong&gt;auto-memory&lt;/strong&gt;：Claude 会把学到的构建命令、调试洞察自动写进项目级 memory 目录，&lt;code&gt;MEMORY.md&lt;/code&gt; 前 200 行每会话自动加载，相当于它自己的”工作记忆”。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;6. 权限与审批：安全护栏的核心&lt;/h3&gt;&lt;p&gt;决定 Claude 什么时候能改文件、跑命令的体系。六种权限模式（Shift+Tab 循环）：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;default / Manual&lt;/strong&gt;：全部询问&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;acceptEdits&lt;/strong&gt;：自动批准文件编辑&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;plan&lt;/strong&gt;：只读，只能看不能改&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;auto&lt;/strong&gt;：独立分类器模型审查动作，自动放行安全的，拦截危险的&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;dontAsk&lt;/strong&gt;：只跑预批准的工具&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;bypassPermissions&lt;/strong&gt;：全部跳过（最危险，慎用）&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;细粒度规则可以写成 &lt;code&gt;permissions.allow / ask / deny&lt;/code&gt;，语法形如 &lt;code&gt;Bash(git *)&lt;/code&gt;、&lt;code&gt;Edit(*.ts)&lt;/code&gt;、&lt;code&gt;Skill(deploy *)&lt;/code&gt;、&lt;code&gt;Agent(Explore)&lt;/code&gt;。auto mode 里的分类器会默认拦截这类动作：&lt;code&gt;curl | bash&lt;/code&gt;、&lt;code&gt;rm -rf /&lt;/code&gt;、强推分支、生产部署、泄漏类推送。拦截次数多了会自动降级回询问模式。还有一些 protected paths（&lt;code&gt;.git&lt;/code&gt;、&lt;code&gt;.claude&lt;/code&gt;、&lt;code&gt;.envrc&lt;/code&gt;）任何模式下都不会自动批准。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;7. Plan 模式：先想清楚再动手&lt;/h3&gt;&lt;p&gt;进 plan 模式后 Claude 只读代码库、写方案，批准后才开始编辑。进入方式：Shift+Tab 切到 plan、单条提示前缀 &lt;code&gt;/plan&lt;/code&gt;、或启动时 &lt;code&gt;claude --permission-mode plan&lt;/code&gt;。&lt;/p&gt;&lt;p&gt;Plan 子代理负责调研，研究过程在独立上下文进行，不占主会话。方案给出来后有三种选择：直接用 auto mode 执行、手动逐步批准编辑、继续完善方案。Ctrl+G 能在编辑器里直接改计划。&lt;/p&gt;&lt;p&gt;有个省钱的别名 &lt;code&gt;opusplan&lt;/code&gt;：计划阶段用 Opus（聪明），执行阶段自动切 Sonnet（便宜）。对”本地计划、云端执行”这种分工模式也很有用。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;8. Background agents：关掉终端任务照跑&lt;/h3&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;agent view：一个终端管理所有后台会话（官方截图）&quot; loading=&quot;lazy&quot; width=&quot;1600&quot; height=&quot;704&quot; src=&quot;/_astro/fig-2-agentview.JCQPXnT__Z1M1Eee.webp&quot; /&gt;&lt;figcaption&gt;agent view：一个终端管理所有后台会话（官方截图）&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;后台代理是没有终端附着的完整会话，由 per-user 的 supervisor 进程托管。启动方式 &lt;code&gt;claude --bg &quot;提示词&quot;&lt;/code&gt;，会话内 /bg 转后台、/fork 复制成后台新会话。&lt;/p&gt;&lt;p&gt;管理入口是 &lt;code&gt;claude agents&lt;/code&gt; 打开的 &lt;strong&gt;agent view&lt;/strong&gt;，单屏按状态分组显示所有后台会话（需要输入 / 工作中 / 空闲 / 完成 / 失败），每行有 Haiku 生成的摘要。管理命令有 attach、logs、stop、respawn（保留对话重启）、rm。&lt;/p&gt;&lt;p&gt;一个重要的细节：后台会话改文件前会先移进 &lt;code&gt;.claude/worktrees/&lt;/code&gt; 独立 worktree，并行会话互不干扰。遇到权限询问会进”需要输入”状态，你可以在面板里直接回复。Notification hook 能推送”需要你输入”和”任务完成”的通知。适合长跑测试、隔夜 CI 失败分析、离开电脑任务继续。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;9. Teleport：把任务从终端搬到云端再搬回来&lt;/h3&gt;&lt;p&gt;&lt;code&gt;claude --cloud &quot;任务&quot;&lt;/code&gt; 会在当前目录的 GitHub 远端上开一个云会话（跑在隔离 VM 里），本地继续干别的；&lt;code&gt;claude --teleport [id]&lt;/code&gt; 把云会话连同分支、对话历史一起拉回终端。会话里也能用 &lt;code&gt;/teleport&lt;/code&gt;（简写 /tp）切换。&lt;/p&gt;&lt;p&gt;teleport 有四个前置条件：干净的 git 状态、同一仓库（不能是 fork）、分支已推送、同一个 claude.ai 账户。注意 &lt;code&gt;--cloud&lt;/code&gt; 需要 claude.ai 订阅。它和 &lt;strong&gt;Remote Control&lt;/strong&gt; 互补：teleport 是把任务搬到云端跑，remote control 是把本地会话暴露到手机监控。适合”本地计划 + 云端自主执行”、关笔记本后任务继续跑。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;10. Agent SDK：把整个 Claude Code 当库用&lt;/h3&gt;&lt;p&gt;SDK 让开发者把 Claude Code 的整套能力（工具、agent loop、上下文管理、权限、hooks、subagents、MCP）嵌进自己的应用。官方支持 Python 和 TypeScript，&lt;code&gt;pip install claude-agent-sdk&lt;/code&gt; / &lt;code&gt;npm install @anthropic-ai/claude-agent-sdk&lt;/code&gt;。其他语言可以用 &lt;code&gt;claude -p&lt;/code&gt; 子进程方式驱动同一个 agent loop。&lt;/p&gt;&lt;p&gt;生产级特性很全：结构化输出（JSON Schema / Zod / Pydantic 校验）、实时流式、上千工具的搜索、OpenTelemetry 可观测、会话转录镜像到 S3/Redis、多租户隔离。定位上，CLI 面向人交互式的日常开发，SDK 面向要自己实现编排和权限的自定义 agent 产品。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;11. 插件系统 + Marketplace：能力的打包分发&lt;/h3&gt;&lt;p&gt;插件把 skills / agents / hooks / MCP servers 打包成一个可安装、可版本化的单元。目录结构是 &lt;code&gt;.claude-plugin/plugin.json&lt;/code&gt; 清单，加上 skills、commands、agents、hooks、.mcp.json、.lsp.json 等子目录。&lt;/p&gt;&lt;p&gt;命名空间机制解决了冲突：插件的技能以 &lt;code&gt;/插件名:技能名&lt;/code&gt; 形式调用，多插件共存不打架。安装管理用 &lt;code&gt;/plugin install&lt;/code&gt;、&lt;code&gt;/plugin marketplace add&lt;/code&gt;，还有 &lt;code&gt;claude plugin init&lt;/code&gt;（脚手架）和 &lt;code&gt;claude plugin validate&lt;/code&gt;（提交前校验）。两个官方市场：Anthropic 精选的 &lt;code&gt;claude-plugins-official&lt;/code&gt; 和社区评审的 &lt;code&gt;claude-community&lt;/code&gt;。适合团队跨仓库复用同一套配置、社区分发、按语言装代码智能（LSP）插件。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;12. 会话管理：续上、压缩、分支、回滚&lt;/h3&gt;&lt;p&gt;会话全家桶。恢复：&lt;code&gt;claude --continue&lt;/code&gt;（最近会话）、&lt;code&gt;claude --resume&lt;/code&gt;（选择器）、&lt;code&gt;--from-pr &amp;lt;号&amp;gt;&lt;/code&gt;（从某个 PR 关联）。分支：&lt;code&gt;/branch &amp;lt;名字&amp;gt;&lt;/code&gt; 复制当前会话另起一条，&lt;code&gt;/subtask&lt;/code&gt; 可以 fork 成后台子代理。&lt;/p&gt;&lt;p&gt;上下文控制：&lt;code&gt;/clear&lt;/code&gt; 清空重开、&lt;code&gt;/compact [指令]&lt;/code&gt; 总结腾上下文（可以指定保留什么）、&lt;code&gt;/context&lt;/code&gt; 可视化查看占用、&lt;code&gt;/autocompact&lt;/code&gt; 配置自动压缩窗口（100k 到 1M token）。审查回滚：&lt;code&gt;/diff&lt;/code&gt; 交互查看 diff、&lt;code&gt;/rewind&lt;/code&gt; 回到检查点（代码和对话都能回滚）。转录存在 &lt;code&gt;~/.claude/projects/&lt;/code&gt;，默认保留 30 天。worktree 并行用 &lt;code&gt;--worktree &amp;lt;名字&amp;gt;&lt;/code&gt;，每个 worktree 独立分支和文件。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;13. 代码审查：从本地自查到云端 PR 审查&lt;/h3&gt;&lt;p&gt;&lt;code&gt;/code-review&lt;/code&gt; 是目前内置的核心审查入口，审当前分支的 diff，聚焦正确性 bug 和复用/简化/效率问题。它可以 &lt;code&gt;--fix&lt;/code&gt; 直接应用修复、&lt;code&gt;--comment&lt;/code&gt; 把发现发成 PR 行内评论、&lt;code&gt;ultra&lt;/code&gt; 升级到云端深度审查。现在它以后台子代理形式运行，不占主会话上下文。2.1.223 起 &lt;code&gt;/review&lt;/code&gt; 是它的别名，不写等级会复用上次的等级。&lt;/p&gt;&lt;p&gt;云端版 &lt;strong&gt;Code Review&lt;/strong&gt;（Team/Enterprise 预览）更强：装上 GitHub App 后，PR 打开、每次 push、或评论 &lt;code&gt;@claude review&lt;/code&gt; 都会触发，多个 agent 在 Anthropic 基建上并行分析整个代码库，产出行内评论 + check run，严重度分级（🔴 Important / 🟡 Nit / 🟣 Pre-existing），平均 20 分钟左右出结果。仓库根放一个 &lt;code&gt;REVIEW.md&lt;/code&gt; 可以定制审查规则（压 Nit 数量、跳过生成代码、加仓库特有检查），它会以最高优先级注入每个审查 agent。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;14. fast mode 与 1M context：速度与容量&lt;/h3&gt;&lt;p&gt;两个运行增强。&lt;strong&gt;fast mode&lt;/strong&gt;（/fast 切换）用 Opus 的高速配置，响应快至 2.5 倍、质量不降，按 usage credits 计费（&lt;span&gt;&lt;span&gt;10/10/&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;10/&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;50 每百万 token，不入订阅额度）。开启时终端有 &lt;code&gt;↯&lt;/code&gt; 图标，触发速率限制会自动降回普通档。适合快速迭代、直播调试。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;1M token 上下文&lt;/strong&gt;：Sonnet 5 / Fable 5 / Opus 4.6+ 支持百万级窗口，Max/Team/Enterprise 计划下 Opus 自动升级无需配置。模型名带 &lt;code&gt;[1m]&lt;/code&gt; 后缀（如 &lt;code&gt;sonnet[1m]&lt;/code&gt;）。配套 effort 档位（low 到 max）控制推理深度。注意 2.1.223 之后，1M 窗口模型会通过自动压缩被约束回 200K 以内，防止把配额撑爆——这个设计要心里有数。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;15. IDE 集成：VS Code / JetBrains / Desktop&lt;/h3&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Claude Code 在 VS Code 中的内联编辑（官方截图）&quot; loading=&quot;lazy&quot; width=&quot;1600&quot; height=&quot;912&quot; src=&quot;/_astro/fig-3-vscode.Wtqbcvou_2jjzKQ.webp&quot; /&gt;&lt;figcaption&gt;Claude Code 在 VS Code 中的内联编辑（官方截图）&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;同一套引擎嵌进编辑器。&lt;strong&gt;VS Code 扩展&lt;/strong&gt;功能最全：内联 diff 对比 + 直接改提案、@-mention 带行号选区（&lt;code&gt;@auth.ts#5-10&lt;/code&gt; 直接引用文件某几行）、plan 以 Markdown 打开可加批注、会话历史恢复、checkpoint rewind、图形化插件管理器、&lt;code&gt;@browser&lt;/code&gt; 浏览器自动化。&lt;strong&gt;JetBrains 插件&lt;/strong&gt;支持 IntelliJ/PyCharm/WebStorm/GoLand/Android Studio，有 IDE diff viewer、选区 + 诊断自动共享、Cmd+Esc 快速唤起。&lt;strong&gt;Desktop 独立应用&lt;/strong&gt;提供并行会话窗格、可视化 diff、定时任务、内置浏览器、iOS Simulator 面板。&lt;/p&gt;&lt;p&gt;所有 surface 共享同一套配置：CLAUDE.md、settings、MCP、hooks 全通用，不存在”换个入口配置就丢了”。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;16. Claude in Chrome：让 Claude 操作你的真实浏览器&lt;/h3&gt;&lt;p&gt;装上 Chrome 扩展 + &lt;code&gt;claude --chrome&lt;/code&gt; 启动（VS Code 里也能直接用），Claude 就能操作你的真实 Chrome/Edge 浏览器。能力包括：导航/点击/输入、读控制台日志和网络请求、截图存盘、填表单、本地文件上传（≤10MB）、GIF 会话录制、结构化数据提取。&lt;/p&gt;&lt;p&gt;最有价值的一点：&lt;strong&gt;共享浏览器登录态&lt;/strong&gt;。可以操作已登录的 Google Docs / Gmail / Notion 等，不用配 API connector。遇到登录页或 CAPTCHA 会暂停请你手动处理。plan mode 下区分了只读调用（读页面/截图免提示）和状态改变调用（点击/输入要审批）。支持 Chromium 系浏览器，不支持 WSL。适合本地 Web 应用端到端验证、控制台报错调试、CRM 数据录入自动化。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;17. 其他值得知道的工程特性&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;&lt;code&gt;--add-dir&lt;/code&gt;&lt;/strong&gt;：追加授予工具访问的工作目录（连带它的 skills）&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;@-mention&lt;/strong&gt;：快速引用文件/文件夹/代理/&lt;code&gt;@browser&lt;/code&gt;/&lt;code&gt;@terminal&lt;/code&gt;，把选中内容和行号带进上下文&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;monorepo 支持&lt;/strong&gt;：&lt;code&gt;.claude/rules/&lt;/code&gt; 路径化规则、&lt;code&gt;claudeMdExcludes&lt;/code&gt; 跳过无关团队的 CLAUDE.md&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;CLAUDE_CODE_* 环境变量家族&lt;/strong&gt;：关后台任务、关 auto-memory、调子代理数量上限、关 1M 上下文等，全都可配&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;MCP 开发工具链&lt;/strong&gt;：&lt;code&gt;mcp-server-dev&lt;/code&gt; 插件、&lt;code&gt;claude mcp serve&lt;/code&gt;、&lt;code&gt;/mcp&lt;/code&gt; 调试面板&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;诊断&lt;/strong&gt;：&lt;code&gt;--safe-mode&lt;/code&gt;（禁用全部自定义配置排查）、&lt;code&gt;claude doctor&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;自动化周边&lt;/strong&gt;：&lt;code&gt;/goal&lt;/code&gt;（持续目标）、&lt;code&gt;/loop&lt;/code&gt;（循环）、Routines（定时任务）、Channels（外部事件推入会话）、Artifacts（把输出发布成交互网页）&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;辅助&lt;/strong&gt;：语音听写、屏幕阅读器、tmux、自定义主题和状态栏&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;交互细节速查：快捷键、前缀命令、Vim 与输出风格&lt;/h3&gt;&lt;p&gt;这些是每天都会用到的交互细节，单独背一遍值得。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;键盘快捷键速查&lt;/strong&gt;（macOS 的 Option 键需在终端里配置为 Meta 才能用 Alt 系列）：&lt;/p&gt;




















































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;快捷键&lt;/th&gt;&lt;th&gt;作用&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;Ctrl+C&lt;/td&gt;&lt;td&gt;中断当前操作；无操作时第一次清空输入、第二次退出&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Ctrl+D&lt;/td&gt;&lt;td&gt;退出会话（输入框有文字时改为删除光标后的字符）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Ctrl+R&lt;/td&gt;&lt;td&gt;反向搜索历史（类 bash/zsh）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Ctrl+O&lt;/td&gt;&lt;td&gt;切换 transcript 视图（看工具详情与时间戳）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Ctrl+B&lt;/td&gt;&lt;td&gt;把当前 bash 命令或 agent 后台化&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Ctrl+G&lt;/td&gt;&lt;td&gt;用外部编辑器编辑 prompt&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Ctrl+S&lt;/td&gt;&lt;td&gt;暂存 / 恢复当前 prompt&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Ctrl+T&lt;/td&gt;&lt;td&gt;切换任务清单&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Ctrl+X Ctrl+K&lt;/td&gt;&lt;td&gt;停止所有后台子代理（3 秒内按两次确认）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Shift+Tab&lt;/td&gt;&lt;td&gt;循环权限模式（default → acceptEdits → plan → auto → bypass）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Alt+P / Alt+T / Alt+O&lt;/td&gt;&lt;td&gt;切模型 / 切 extended thinking / 切 fast mode&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;strong&gt;Quick commands 前缀&lt;/strong&gt;（输入框首字符决定行为）：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;code&gt;/&lt;/code&gt;：命令 / 技能&lt;/li&gt;
&lt;li&gt;&lt;code&gt;!&lt;/code&gt;：shell 模式，直接跑命令并把输出带进上下文&lt;/li&gt;
&lt;li&gt;&lt;code&gt;@&lt;/code&gt;：文件 / 文件夹 / 代理引用&lt;/li&gt;
&lt;li&gt;&lt;code&gt;:&lt;/code&gt;：emoji 短码（2.1.217 起，如 &lt;code&gt;:thumbsup:&lt;/code&gt;）&lt;/li&gt;
&lt;li&gt;&lt;code&gt;?&lt;/code&gt;：空输入时切换快捷键帮助&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;&lt;strong&gt;多行输入&lt;/strong&gt;：&lt;code&gt;\&lt;/code&gt; + Enter、Shift+Enter、Option+Enter、Ctrl+J 都可以。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Vim 模式&lt;/strong&gt;：&lt;code&gt;/config → Editor mode&lt;/code&gt; 开启，完整支持 NORMAL / INSERT / VISUAL 与文本对象；2.1.208 起可用 &lt;code&gt;vimInsertModeRemaps&lt;/code&gt; 把 &lt;code&gt;jj&lt;/code&gt; 映射成 Esc。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;Output Styles（1.0.81）&lt;/strong&gt;：内置 Explanatory、Learning 两种面向教学的输出风格，&lt;code&gt;/config&lt;/code&gt; 里切换，写教程和自学时很好用。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;其它值得记住的&lt;/strong&gt;：&lt;code&gt;/statusline&lt;/code&gt; 定制状态栏；&lt;code&gt;/btw&lt;/code&gt; 问侧边问题不占主上下文；2.1.169 起按住空格语音听写。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;模块是怎么咬合在一起的&lt;/h3&gt;&lt;p&gt;一个典型会话把这些模块像齿轮一样转起来：启动时按权限模式加载 CLAUDE.md 记忆，SessionStart 钩子做环境准备，MCP 服务器就位；复杂任务先进 plan 模式让 Plan 子代理隔离研究；执行阶段重复流程交给技能，大型部分委派给子代理或后台 agent；每次工具调用过权限层，PreToolUse 钩子做强制拦截；交付前 &lt;code&gt;/code-review&lt;/code&gt; 把关；会话用 resume/fork/compact 延续，长任务搬到云端再 teleport 回来；最后规范沉淀进 CLAUDE.md、流程变成技能、成套配置打成插件共享。&lt;/p&gt;&lt;p&gt;说人话的总结：&lt;strong&gt;记忆提供背景，技能和子代理提供能力与隔离，钩子和权限提供纪律，MCP 接外部世界，插件负责分发，SDK 是复用边界，会话/后台/Teleport/IDE 让你无论在哪儿都能继续。&lt;/strong&gt;&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;三、哪些模块最值得先上&lt;/h2&gt;&lt;p&gt;不分场景空谈”哪个最强”没意义，按阶段给建议。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;第一天先用起来的&lt;/strong&gt;：核心交互（进项目直接提问、@-引用、贴图）、plan 模式、Esc 停手 / /rewind 回滚 / /clear 重置、&lt;code&gt;claude --continue&lt;/code&gt;。这个阶段就把 Claude 当”超级结对工程师”用，先不开任何扩展。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;第一周建立基线&lt;/strong&gt;：&lt;code&gt;/init&lt;/code&gt; 生成 CLAUDE.md（补上构建/测试命令）、装 &lt;code&gt;gh&lt;/code&gt; CLI、配 1-2 个 hook（编辑后 lint / 通知）、装语言对应的 code intelligence 插件、每周固定用一次 &lt;code&gt;/code-review&lt;/code&gt; 审自己的 diff。CLAUDE.md 压到 200 行以内。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;进阶规模化&lt;/strong&gt;：自定义 Skills（/commit、/deploy）、自定义 Subagents（security-reviewer、test-runner）、接 MCP（数据库/Figma/办公套件）、&lt;code&gt;claude -p&lt;/code&gt; 接 CI + fan-out 批量、worktrees 并行、Writer/Reviewer 双会话、auto mode 无人值守、Agent Teams。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;判断要不要上某功能的铁律&lt;/strong&gt;：约定错两次 → 写进 CLAUDE.md；同一个 prompt 贴了三次 → 沉淀成 skill；侧任务刷屏主上下文 → 上 subagent；“想让它每次都发生” → 写成 hook。这套按需加载的思路，比一次性把所有功能堆上更省心。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;四、11 个场景怎么落地&lt;/h2&gt;&lt;p&gt;每个场景给出推荐的特性组合和操作步骤，照着做就行。&lt;/p&gt;&lt;section&gt;&lt;h3&gt;1. 新项目初始化&lt;/h3&gt;&lt;p&gt;推荐：plan mode + AskUserQuestion 采访 + /init + Skill + Hook。&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;新建目录 &lt;code&gt;git init&lt;/code&gt;，把需求写 3-5 句&lt;/li&gt;
&lt;li&gt;启动 claude 说 “Interview me in detail using the AskUserQuestion tool”，让它把需求问透，产出 SPEC.md&lt;/li&gt;
&lt;li&gt;开新会话切 plan mode，让它读 SPEC + 空仓，给出技术选型和目录结构计划&lt;/li&gt;
&lt;li&gt;审批计划（Ctrl+G 可改），搭骨架：脚手架、依赖、首个可运行 demo&lt;/li&gt;
&lt;li&gt;&lt;code&gt;/init&lt;/code&gt; 生成 CLAUDE.md，补上构建/测试命令和约定&lt;/li&gt;
&lt;li&gt;建第一个 skill（如 /commit）和第一个 hook（编辑后跑 lint）&lt;/li&gt;
&lt;li&gt;写首个测试跑通，验证后提交&lt;/li&gt;
&lt;/ol&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;2. 学习/接管陌生代码库&lt;/h3&gt;&lt;p&gt;推荐：Explore/Plan 子代理 + 提问式探索 + CLAUDE.md + /btw。&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;进项目问 “give me an overview of this codebase”&lt;/li&gt;
&lt;li&gt;追问架构模式、数据模型、认证流程&lt;/li&gt;
&lt;li&gt;深挖用 “use a subagent to investigate how X works”，读大量文件不进主上下文&lt;/li&gt;
&lt;li&gt;让它产出 glossary、依赖关系、调用链，存成项目文档&lt;/li&gt;
&lt;li&gt;学新技术栈：把官方文档 URL 给它当导师&lt;/li&gt;
&lt;li&gt;把”猜不到”的约定写进 CLAUDE.md&lt;/li&gt;
&lt;/ol&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;3. 大型重构 / 跨文件迁移&lt;/h3&gt;&lt;p&gt;推荐：plan mode + subagents 并行 + 验证回路 + worktrees + claude -p fan-out + 对抗式 review。&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;plan mode：“refactor X to Y，列出影响文件/依赖/风险，先别改”&lt;/li&gt;
&lt;li&gt;用子代理并行调研各模块调用点&lt;/li&gt;
&lt;li&gt;审批后小步重构：每改一个模块就跑测试修失败&lt;/li&gt;
&lt;li&gt;上千文件走 fan-out：让它生成 files.txt，循环逐文件 &lt;code&gt;claude -p &quot;Migrate $f&quot; --allowedTools ...&lt;/code&gt;，先试 2-3 个校准 prompt&lt;/li&gt;
&lt;li&gt;多人并行用 &lt;code&gt;claude --worktree &amp;lt;name&amp;gt;&lt;/code&gt; 隔离&lt;/li&gt;
&lt;li&gt;收尾 /code-review 对照计划查缺口&lt;/li&gt;
&lt;li&gt;提交开 PR（gh）&lt;/li&gt;
&lt;/ol&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;4. 代码审查&lt;/h3&gt;&lt;p&gt;推荐：/code-review + 自定义 review 子代理 + Writer/Reviewer 双会话。&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;改动完跑 &lt;code&gt;/code-review&lt;/code&gt;，在全新子代理上下文里审当前 diff&lt;/li&gt;
&lt;li&gt;逐条修复 findings 再复评一次&lt;/li&gt;
&lt;li&gt;安全/性能专项审查用自定义子代理（&lt;code&gt;@security-reviewer 看 auth 改动&lt;/code&gt;）&lt;/li&gt;
&lt;li&gt;关键 PR 用双会话：A 写、B 在干净会话审、输出回灌 A——“新鲜上下文审查无偏见”&lt;/li&gt;
&lt;li&gt;团队流程接 GitHub Actions 自动审 PR&lt;/li&gt;
&lt;/ol&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;5. Bug 修复与调试&lt;/h3&gt;&lt;p&gt;推荐：症状式 prompt + 先写失败测试 + 子代理隔离 + checkpoint + 截图比对 + auto-memory。&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;贴症状和复现命令：“fix it and verify the build succeeds, address the root cause don’t suppress the error”&lt;/li&gt;
&lt;li&gt;让它先写能复现 bug 的失败测试&lt;/li&gt;
&lt;li&gt;读代码定位根因、修复、跑测试变绿&lt;/li&gt;
&lt;li&gt;测试套件很吵：“use a subagent to run the tests, report only failures”&lt;/li&gt;
&lt;li&gt;UI bug 给截图让它比对修复&lt;/li&gt;
&lt;li&gt;改砸了 Esc+Esc → /rewind 换路&lt;/li&gt;
&lt;li&gt;让根因记入 auto-memory 防复发&lt;/li&gt;
&lt;/ol&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;6. 测试驱动开发&lt;/h3&gt;&lt;p&gt;推荐：CLAUDE.md（测试命令）+ 先测试后实现 + /debug + hook。&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;给需求和测试偏好：“write a test for foo.py covering the edge case where the user is logged out, avoid mocks”&lt;/li&gt;
&lt;li&gt;先写失败测试（会读你现有测试匹配风格）&lt;/li&gt;
&lt;li&gt;最小实现到变绿&lt;/li&gt;
&lt;li&gt;让它找遗漏边界：“identify edge cases you might have missed”&lt;/li&gt;
&lt;li&gt;重构保持全绿&lt;/li&gt;
&lt;li&gt;全量测试 + 按约定提交&lt;/li&gt;
&lt;/ol&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;7. 自动化流水线 / CI&lt;/h3&gt;&lt;p&gt;推荐：claude -p + —output-format json + Hooks + GitHub Actions + Routines + auto mode。&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;本地验证 &lt;code&gt;claude -p &quot;...&quot; --output-format stream-json --verbose&lt;/code&gt; 输出可解析&lt;/li&gt;
&lt;li&gt;预提交阶段：hook 每次编辑跑 lint；&lt;code&gt;git log -20 | claude -p &quot;summarize&quot;&lt;/code&gt; 生成说明&lt;/li&gt;
&lt;li&gt;GitHub Actions：PR 触发 &lt;code&gt;claude -p &quot;review the diff, post findings&quot;&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;定时任务：云端 Routines / 会话内 /loop / GHA cron，prompt 写清”成功长什么样”&lt;/li&gt;
&lt;li&gt;无人值守：&lt;code&gt;claude --permission-mode auto -p &quot;fix all lint errors&quot;&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;复杂多任务用 Agent teams 自动协调&lt;/li&gt;
&lt;/ol&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;8. 文档生成&lt;/h3&gt;&lt;p&gt;推荐：Skill（规范）+ CLAUDE.md + @ 引用 + MCP + Artifact。&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;“find functions without proper JSDoc in the auth module” 定位欠文档处&lt;/li&gt;
&lt;li&gt;“add JSDoc with examples” 指定风格&lt;/li&gt;
&lt;li&gt;团队文档规范做成 /docs skill 一键套用&lt;/li&gt;
&lt;li&gt;“check if the docs follow our standards” 自检一致性&lt;/li&gt;
&lt;li&gt;README 初稿让 Claude 读代码产出，批量文件 fan-out&lt;/li&gt;
&lt;li&gt;交互式输出（时间线/架构图网页）用 Artifact&lt;/li&gt;
&lt;/ol&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;9. 跨库多仓 / 批量任务&lt;/h3&gt;&lt;p&gt;推荐：worktrees + claude -p fan-out + —add-dir + —allowedTools + Agent teams。&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;让 Claude 生成任务清单：“list all 2000 Python files that need migrating, save to files.txt”&lt;/li&gt;
&lt;li&gt;循环逐项 &lt;code&gt;claude -p &quot;Migrate $f… Return OK or FAIL&quot; --allowedTools &quot;Edit,Bash(git commit *)&quot;&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;先试 2-3 个校准 prompt 再全量&lt;/li&gt;
&lt;li&gt;跨仓访问 &lt;code&gt;claude --add-dir ../shared-config&lt;/code&gt;，并行用 —worktree&lt;/li&gt;
&lt;li&gt;需要互相通信分工时升 Agent teams&lt;/li&gt;
&lt;li&gt;汇总 OK/FAIL 让 Claude 出总结报告&lt;/li&gt;
&lt;/ol&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;10. 日常 commit / PR 管理&lt;/h3&gt;&lt;p&gt;推荐：commit 规范 Skill + gh CLI + CLAUDE.md + commit-msg hook。&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;“summarize the changes I’ve made to the auth module”&lt;/li&gt;
&lt;li&gt;让它按约定生成 Conventional Commit 信息，你审批后提交，&lt;strong&gt;不自动提交&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;“create a pr” 用 gh 建 PR + 描述 + 风险提示&lt;/li&gt;
&lt;li&gt;&lt;code&gt;claude --from-pr 1234&lt;/code&gt; 直接从该 PR 续聊&lt;/li&gt;
&lt;li&gt;PR 有 review 反馈后 resume 原会话修一轮&lt;/li&gt;
&lt;li&gt;commit-msg hook 强制提交信息规范&lt;/li&gt;
&lt;/ol&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;11. 视频 / 多模态内容生产【官方+生态】&lt;/h3&gt;&lt;p&gt;推荐：图片拖拽 + ChromeDevTools MCP + subagents + 生成类 MCP。&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;起草分镜表与每镜视觉描述&lt;/li&gt;
&lt;li&gt;把参考图拖进会话：“Analyze this image / match this design”&lt;/li&gt;
&lt;li&gt;为每镜生成图/视频/语音的生成提示词，经生成类 MCP（如 MiniMax）产出素材&lt;/li&gt;
&lt;li&gt;各镜并行交给子代理，主会话收摘要拼装&lt;/li&gt;
&lt;li&gt;网页/文档类成品用浏览器截图或 Artifact 验证&lt;/li&gt;
&lt;li&gt;风格规范沉淀进 CLAUDE.md / skill，下次一键复用&lt;/li&gt;
&lt;/ol&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;结尾&lt;/h2&gt;&lt;p&gt;把这 356 个版本扒完，最深的感受是：Claude Code 已经不只是一个”写代码的工具”，而是一套让你和 AI 在软件开发的每个环节都能协作的体系。它强在组合：单拎任何模块都有替代品，但把记忆、技能、子代理、钩子、权限、插件、后台、云端串成一个闭环的，目前独一份。&lt;/p&gt;&lt;p&gt;官方文档入口：&lt;a href=&quot;https://code.claude.com/docs&quot; target=&quot;_blank&quot;&gt;code.claude.com/docs&lt;/a&gt;（best-practices、features-overview、skills、sub-agents、hooks、permission-modes 这几个页面最值得先看）。本文数据截止 Claude Code 2.1.223。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>应届生三千加一千五补贴就能白嫖？对完政策之后</title><link>https://fork-firefly.vercel.app/posts/graduate-hire-subsidy-not-free/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/graduate-hire-subsidy-not-free/</guid><description>网上段子说招应届生领完 1500 扩岗补助就跟免费一样、用完换一批。政策是真的，力度也不小；免费和轮换这两句是夸张。把扩岗补助、社保补贴、税收扣减、创业担保贷的条件和账算清楚。</description><pubDate>Thu, 06 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;刷到一条表情包段子：「应届生三千块月薪，还能领 1500 补贴，跟免费的一样，用完再换一批，这不赚麻了。」旁边还配着一张政策摘要图，现金补贴、社保减负、税收贷款一条条列着。&lt;/p&gt;
&lt;p&gt;政策那半边看着挺真。段子那半边太像黑心 HR 的做梦文学。我把几条官方口径对了一遍，结论很干脆：&lt;strong&gt;补贴是真的，力度也不小；「几乎免费、用完换一批」属于明显夸张。&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;政策摘要截图：现金补贴、社保减负、税收与贷款&quot; loading=&quot;lazy&quot; width=&quot;789&quot; height=&quot;313&quot; src=&quot;/_astro/fig-policy-summary.DMZXSu_P_ZuHUGW.webp&quot; /&gt;&lt;figcaption&gt;政策摘要截图：现金补贴、社保减负、税收与贷款&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;表情包段子：三千加补贴等于免费、用完换一批&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;314&quot; src=&quot;/_astro/fig-meme.8Z7ue76H_XuJUW.webp&quot; /&gt;&lt;figcaption&gt;表情包段子：三千加补贴等于免费、用完换一批&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;先把段子拆开&lt;/h2&gt;&lt;p&gt;段子其实叠了两层：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;企业能领钱（1500、社保、税收），所以成本极低&lt;/li&gt;
&lt;li&gt;领完可以走人再招一批，继续薅&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;第一层有政策影子。第二层跟政策设计对着干。&lt;/p&gt;&lt;p&gt;粗算一下就破功：月薪 3000，光工资一年大约 3.6 万。1500 元一次性补助大概是&lt;strong&gt;半个月工资量级&lt;/strong&gt;，不是把全年用工成本抹成零。企业侧社保、公积金、管理成本还在。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;四条政策，哪条真、条件卡在哪&lt;/h2&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;劳动合同文件夹与社保本静物&quot; loading=&quot;lazy&quot; width=&quot;1280&quot; height=&quot;720&quot; src=&quot;/_astro/fig-contract.BK7kflRc_1V0rFa.webp&quot; /&gt;&lt;figcaption&gt;劳动合同文件夹与社保本静物&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;





























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;政策&lt;/th&gt;&lt;th&gt;判定&lt;/th&gt;&lt;th&gt;你真正该记住的条件&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;一次性扩岗补助&lt;/td&gt;&lt;td&gt;真&lt;/td&gt;&lt;td&gt;毕业年度或离校 2 年内未就业等（及部分 16–24 岁登记失业青年）；签合同；足额缴满约 3 个月社保；国家口径每人&lt;strong&gt;不超过&lt;/strong&gt; 1500（多地按上限，深圳等地 1000）；打到&lt;strong&gt;企业对公账户&lt;/strong&gt;；2026 年仍延续至年底&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;小微企业社保补贴&lt;/td&gt;&lt;td&gt;真&lt;/td&gt;&lt;td&gt;小微企业；签 1 年以上合同；补贴&lt;strong&gt;企业缴纳&lt;/strong&gt;的养老/医疗/失业等；&lt;strong&gt;最长不超过 1 年&lt;/strong&gt;（别跟灵活就业的 2 年搞混）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;税收定额扣减&lt;/td&gt;&lt;td&gt;真，但更严&lt;/td&gt;&lt;td&gt;企业招用侧常见是&lt;strong&gt;脱贫人口&lt;/strong&gt;，或&lt;strong&gt;登记失业半年以上&lt;/strong&gt;且持证（注明企业吸纳税收政策）的人员，不是凡招应届就能扣；每人每年 6000，可上浮 30%；最长 3 年；执行到 2027 年底&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;创业担保贷款&lt;/td&gt;&lt;td&gt;真&lt;/td&gt;&lt;td&gt;小微企业新招符合条件人员达一定比例（常见 10%/5%）；最高约 400 万；财政贴息；不是「招一个人就送贷款」&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;扩岗补助还有一条硬钉子写进了人社部文件：&lt;strong&gt;同一人的就业参保信息只能由一户企业享受一次，不能跨企业重复用。&lt;/strong&gt; 「用完换一批」在政策面上本来就不通。&lt;/p&gt;&lt;p&gt;各地细则有差异。上海 2025 年明文 1500、缴满 3 个月、免申直享；深圳同期是 1000。申请别只信短视频，直接看当地人社局或等系统推送。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;「免费」和「换一批」为什么不成立&lt;/h2&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;段子说法&lt;/th&gt;&lt;th&gt;现实&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;跟免费的一样&lt;/td&gt;&lt;td&gt;1500 是一次性；工资 + 剩余社保 + 其他成本远高于此&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;用完再换一批&lt;/td&gt;&lt;td&gt;同一人限领一次；频繁辞退有劳动法风险；政策目标是稳就业，不是鼓励轮换&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;招完就能拿&lt;/td&gt;&lt;td&gt;通常要连续缴满数月社保，不是入职当天到账&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;补贴发给大学生&lt;/td&gt;&lt;td&gt;扩岗补助进企业对公账户，不是打进个人钱包&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;网上阴阳怪气的评论确实有，多半是评论区小圈子算账，没有形成特别统一的大爆梗。另有一类吐槽是「补贴发完，岗位好像也没多」——那是对政策效果的怀疑，跟「白嫖劳动力」不是同一句话。&lt;/p&gt;&lt;p&gt;检索时还容易撞车：困难毕业生的&lt;strong&gt;一次性求职补贴&lt;/strong&gt;（发给学生）金额也可能是 1500，别跟企业&lt;strong&gt;扩岗补助&lt;/strong&gt;混成一条。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;如果你是企业主或应届生&lt;/h2&gt;&lt;p&gt;企业主：能降成本是真的，尤其小微企业叠加社保补贴时更明显。但别按「免费劳动力」做招聘模型。合规路径是当地人社官网 / 免申推送，别走挂靠社保这类违法捷径。&lt;/p&gt;&lt;p&gt;应届生：低薪岗位叠政策红利时，企业动机可能更复杂，这不假。但也不等于「国家在鼓励企业把你当耗材」。合同、社保连续缴纳、辞退成本，才是现实约束。&lt;/p&gt;&lt;p&gt;政策会调整。本文对齐的是 2025–2026 公开口径：扩岗补助「一人一次 / ≤1500」见人社部发〔2023〕37 号及后续延续；&lt;strong&gt;2026 年执行期&lt;/strong&gt;见人社部发〔2026〕39 号（失业保险支持企业稳岗扩岗）；社保、税收、担保贷见人社部发〔2026〕19 号附件与财社〔2023〕181 号、财政部等 2023 年第 15 号。具体金额和截止日以你所在城市最新通知为准。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;参考（核对用）&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;人社部等《关于失业保险支持企业稳岗扩岗的通知》（人社部发〔2026〕39 号）转载：扩岗补助延续至 2026-12-31&lt;br /&gt;
&lt;a href=&quot;https://rst.xinjiang.gov.cn/xjrst/c112737/202607/1f70909da8cd4a4eabbbe1c42593a754.shtml&quot; target=&quot;_blank&quot;&gt;https://rst.xinjiang.gov.cn/xjrst/c112737/202607/1f70909da8cd4a4eabbbe1c42593a754.shtml&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;人社部、教育部、财政部《关于延续实施一次性扩岗补助政策有关工作的通知》（人社部发〔2023〕37 号）&lt;br /&gt;
&lt;a href=&quot;http://www.moe.gov.cn/jyb_xxgk/moe_1777/moe_1779/202403/t20240318_1120991.html&quot; target=&quot;_blank&quot;&gt;http://www.moe.gov.cn/jyb_xxgk/moe_1777/moe_1779/202403/t20240318_1120991.html&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;上海市人社局：2025 年一次性扩岗补助 1500 元/人&lt;br /&gt;
&lt;a href=&quot;https://rsj.sh.gov.cn/tsj_17090/20250509/t0035_1432380.html&quot; target=&quot;_blank&quot;&gt;https://rsj.sh.gov.cn/tsj_17090/20250509/t0035_1432380.html&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;《就业补助资金管理办法》（财社〔2023〕181 号）：小微企业招用毕业生社保补贴最长 1 年&lt;br /&gt;
&lt;a href=&quot;http://www.ahq.gov.cn/xwzx/tzgg/202502/t20250228_2542024.html&quot; target=&quot;_blank&quot;&gt;http://www.ahq.gov.cn/xwzx/tzgg/202502/t20250228_2542024.html&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;财政部等公告 2023 年第 15 号：重点群体税收扣减至 2027 年底&lt;br /&gt;
&lt;a href=&quot;https://czju.suzhou.gov.cn/czj/jsjf/202401/56944e4881464cbfb22c2b9e01fb6157.shtml&quot; target=&quot;_blank&quot;&gt;https://czju.suzhou.gov.cn/czj/jsjf/202401/56944e4881464cbfb22c2b9e01fb6157.shtml&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;人社部、财政部《关于做好2026年高校毕业生等青年就业工作的通知》附件政策清单（人社部发〔2026〕19 号）&lt;br /&gt;
&lt;a href=&quot;http://114.255.111.180/xxgk2020/fdzdgknr/zcfg/gfxwj/jy/202603/t20260320_568804.html&quot; target=&quot;_blank&quot;&gt;http://114.255.111.180/xxgk2020/fdzdgknr/zcfg/gfxwj/jy/202603/t20260320_568804.html&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;</content:encoded></item><item><title>GLM-5.2 在 Pi 里 thinking 死循环，问题不在模型，在 provider 配错了</title><link>https://fork-firefly.vercel.app/posts/pi-glm-thinking-loop-fix/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/pi-glm-thinking-loop-fix/</guid><description>Pi 接智谱 GLM-5.2 时 thinking 阶段反复重复 50+ 次、工具调用卡死。根因不是模型不支持 thinking，而是自定义 provider 走了 Anthropic 兼容端点，丢了 GLM 的 Preserved Thinking 协议。换内置 zai-coding-cn 一行配置解决。</description><pubDate>Thu, 06 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;用 Pi 接智谱 GLM-5.2 写代码，模型在 thinking 阶段反复重复同一句话 50 多次，工具调用卡住不动。折腾了一圈发现，GLM 本身支持 thinking，问题出在 provider 协议层——自定义的 Anthropic 兼容端点根本不走 GLM 的 thinking 协议。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;踩坑现场&lt;/h2&gt;&lt;p&gt;Pi v0.83.0，自定义 provider &lt;code&gt;zhipu-anthropic&lt;/code&gt;，端点 &lt;code&gt;open.bigmodel.cn/api/anthropic&lt;/code&gt;，模型 glm-5.2，thinking level 开 high。&lt;/p&gt;&lt;p&gt;死循环的三种表现：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;thinking 阶段同一句话重复 50+ 次，每轮都生成”我注意到 thinking 又在重复……立即停止”这种自我纠正，但纠正本身也成了重复内容&lt;/li&gt;
&lt;li&gt;模型在微决策点上反复横跳——“该先确认方案还是直接开干”能重复十几次&lt;/li&gt;
&lt;li&gt;多轮对话间完全失忆，每轮都从零开始，工具调用卡住输出 “Working…” 但不动&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;根因：provider 协议错配&lt;/h2&gt;&lt;p&gt;&lt;code&gt;models.json&lt;/code&gt; 里 &lt;code&gt;zhipu-anthropic&lt;/code&gt; 只写了 &lt;code&gt;reasoning: true&lt;/code&gt;，没有 &lt;code&gt;thinkingFormat&lt;/code&gt;、没有 &lt;code&gt;thinkingLevelMap&lt;/code&gt;、没有 &lt;code&gt;compat&lt;/code&gt;。Pi 拿到 &lt;code&gt;reasoning: true&lt;/code&gt; 就按标准 Anthropic thinking 协议发请求（&lt;code&gt;thinking.type: &quot;enabled&quot;&lt;/code&gt; + budget），但智谱的 Anthropic 兼容端点对这个协议支持不完整。&lt;/p&gt;&lt;p&gt;GLM 走的是自己的 &lt;strong&gt;Preserved Thinking&lt;/strong&gt; 协议，跟标准 Anthropic thinking 不是一回事：&lt;/p&gt;





























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;&lt;/th&gt;&lt;th&gt;标准 Anthropic thinking&lt;/th&gt;&lt;th&gt;GLM Preserved Thinking&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;协议标记&lt;/td&gt;&lt;td&gt;&lt;code&gt;thinking.type: &quot;enabled&quot;&lt;/code&gt;&lt;/td&gt;&lt;td&gt;&lt;code&gt;thinkingFormat: &quot;zai&quot;&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;状态保持&lt;/td&gt;&lt;td&gt;靠 &lt;code&gt;thinkingSignature&lt;/code&gt;&lt;/td&gt;&lt;td&gt;靠回传 &lt;code&gt;reasoning_content&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;清除控制&lt;/td&gt;&lt;td&gt;无&lt;/td&gt;&lt;td&gt;&lt;code&gt;clear_thinking: false&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;端点要求&lt;/td&gt;&lt;td&gt;Anthropic Messages API&lt;/td&gt;&lt;td&gt;OpenAI Completions API&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;Anthropic 兼容端点不回传 &lt;code&gt;reasoning_content&lt;/code&gt;，GLM 每轮都丢失推理状态，等于每次都在”重新思考”，表现为死循环。&lt;/p&gt;&lt;p&gt;这个问题不止 Pi 有。Goose（#7363）、oh-my-pi（#517）、OpenClaw 都踩过同一个坑——只要走 Anthropic 兼容端点 + GLM，就会丢 reasoning state。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;修复：换 provider，一行配置的事&lt;/h2&gt;&lt;p&gt;Pi 内置了 &lt;code&gt;zai-coding-cn&lt;/code&gt; provider，走 OpenAI 协议，端点 &lt;code&gt;open.bigmodel.cn/api/coding/paas/v4&lt;/code&gt;，自带完整的 &lt;code&gt;thinkingFormat: &quot;zai&quot;&lt;/code&gt; + &lt;code&gt;thinkingLevelMap&lt;/code&gt; + &lt;code&gt;compat&lt;/code&gt; 配置。&lt;/p&gt;&lt;p&gt;改两个文件：&lt;/p&gt;&lt;p&gt;&lt;strong&gt;&lt;code&gt;~/.pi/agent/settings.json&lt;/code&gt;&lt;/strong&gt;：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;{&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;&quot;defaultProvider&quot;&lt;/span&gt;&lt;span&gt;: &lt;/span&gt;&lt;span&gt;&quot;zai-coding-cn&quot;&lt;/span&gt;&lt;span&gt;,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;&quot;defaultModel&quot;&lt;/span&gt;&lt;span&gt;: &lt;/span&gt;&lt;span&gt;&quot;glm-5.2&quot;&lt;/span&gt;&lt;span&gt;,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;&quot;enabledModels&quot;&lt;/span&gt;&lt;span&gt;: [&lt;/span&gt;&lt;span&gt;&quot;zai-coding-cn/glm-5.2&quot;&lt;/span&gt;&lt;span&gt;, &lt;/span&gt;&lt;span&gt;&quot;...&quot;&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;&lt;strong&gt;&lt;code&gt;~/.pi/agent/auth.json&lt;/code&gt;&lt;/strong&gt;：添加 &lt;code&gt;zai-coding-cn&lt;/code&gt; 的 key（和 zhipu 用同一个智谱 API key 就行）。&lt;/p&gt;&lt;p&gt;改完重启 Pi，完事。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;验证结果&lt;/h2&gt;&lt;p&gt;修完后跑了 6 轮递进测试——查目录、读组件、分析 CSS、搜关键词、查 session 信息。20 条 assistant 消息、33 次工具调用：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;thinking 零重复，长度 53~6915 chars，和任务复杂度正相关&lt;/li&gt;
&lt;li&gt;工具调用链健康，无同参数反复调用&lt;/li&gt;
&lt;li&gt;多轮记忆完整，第 3 轮能引用第 2 轮的结果&lt;/li&gt;
&lt;li&gt;零报错、零 abort、零超时&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;记住这几点&lt;/h2&gt;&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;GLM 支持 thinking，但只在自己的协议下&lt;/strong&gt;。走 Anthropic 兼容端点就会丢 reasoning state。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;自定义 provider 时 &lt;code&gt;reasoning: true&lt;/code&gt; 不够&lt;/strong&gt;，必须配 &lt;code&gt;thinkingFormat&lt;/code&gt; 和 &lt;code&gt;compat&lt;/code&gt;，否则 Pi 会按错误的协议发请求。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;优先用 Pi 内置 provider&lt;/strong&gt;。&lt;code&gt;zai&lt;/code&gt;（国际）和 &lt;code&gt;zai-coding-cn&lt;/code&gt;（国内）已经配好了正确的 thinking 参数，别自己造轮子。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Z.AI 的 Preserved Thinking 是特有协议&lt;/strong&gt;，需要 &lt;code&gt;reasoning_content&lt;/code&gt; 回传 + &lt;code&gt;clear_thinking: false&lt;/code&gt;，和标准 Anthropic thinking 不兼容。&lt;/li&gt;
&lt;/ol&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;参考&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;https://docs.z.ai/guides/capabilities/thinking-mode&quot; target=&quot;_blank&quot;&gt;Z.AI Preserved Thinking 官方文档&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://github.com/badlogic/pi-mono/discussions/292&quot; target=&quot;_blank&quot;&gt;Pi Discussion #292 — GLM thinking tag leakage&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://github.com/can1357/oh-my-pi/issues/517&quot; target=&quot;_blank&quot;&gt;oh-my-pi #517 — GLM-5 thinking loops&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;https://github.com/aaif-goose/goose/issues/7363&quot; target=&quot;_blank&quot;&gt;goose #7363 — GLM loses reasoning state&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;</content:encoded></item><item><title>pi 的脸也是能整的：主题挑一个，状态栏挑一个，别贪</title><link>https://fork-firefly.vercel.app/posts/pi-theme-statusline-setup/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/pi-theme-statusline-setup/</guid><description>pi 默认那张脸能用但想换。美化分两类：主题是 JSON 颜色方案，多装互不影响；状态栏是 TS 扩展，抢 footer 渲染权只能装一个。记录 Catppuccin + pi-inline-statusline 的最稳组合，以及两个真坑：glm 系列不支持 thinking、enabledModels 会反噬默认模型。</description><pubDate>Thu, 06 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;手里 AI 编程工具越堆越多，pi 的脸算是这批里最朴素的：默认 &lt;code&gt;dark&lt;/code&gt; 主题黑得发灰，底部一条光秃秃的状态栏。这画风跟它那套「primitives, not features」的极简内核倒是统一，但看久了确实想换换。&lt;/p&gt;
&lt;p&gt;折腾一圈下来最核心的认知就一句：&lt;strong&gt;pi 的美化分两类，主题随便装、状态栏只能装一个，搞反了就打架。&lt;/strong&gt; 这篇记一下装什么、怎么踩的坑，给同样想给 pi 整容的人抄作业。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;主题和状态栏，根本不是一回事&lt;/h2&gt;&lt;p&gt;pi 官方把美化拆成两块，机制完全不同，装法、共存性也截然相反。一开始没搞清这个分工，看清单上二十个包很容易犯选择困难。&lt;/p&gt;


































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;维度&lt;/th&gt;&lt;th&gt;主题（Theme）&lt;/th&gt;&lt;th&gt;状态栏 / UI 扩展（Extension）&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;本体&lt;/td&gt;&lt;td&gt;一个 JSON，定义 51 个颜色 token&lt;/td&gt;&lt;td&gt;一个 TS 模块，订阅事件渲染 footer&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;共存&lt;/td&gt;&lt;td&gt;多装互不影响，切换用&lt;/td&gt;&lt;td&gt;抢 footer 渲染权，&lt;strong&gt;装两个就打架&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;切换&lt;/td&gt;&lt;td&gt;&lt;code&gt;/settings&lt;/code&gt; 或改 &lt;code&gt;theme&lt;/code&gt; 字段&lt;/td&gt;&lt;td&gt;装上就生效，&lt;code&gt;/reload&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;热重载&lt;/td&gt;&lt;td&gt;编辑当前主题文件自动重载&lt;/td&gt;&lt;td&gt;改源码后 &lt;code&gt;/reload&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;入口&lt;/td&gt;&lt;td&gt;&lt;code&gt;~/.pi/agent/themes/*.json&lt;/code&gt; 或 package&lt;/td&gt;&lt;td&gt;&lt;code&gt;~/.pi/agent/extensions/&lt;/code&gt; 或 package&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;记住这个分工，后面所有选择都不纠结了：&lt;strong&gt;主题像换壁纸，想换就换、想留几个备着都行；状态栏像装输入法，同时装两个会互相抢权。&lt;/strong&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;装什么：两步到位的最稳组合&lt;/h2&gt;&lt;p&gt;本来拿来一份二十个美化包的清单（主题包 + 状态栏扩展两大类），第一反应是不信——AI 编的包名十有八九是幻觉。结果逐个去 npm 查，居然全是真包，而且都带 &lt;code&gt;pi-package&lt;/code&gt; 关键字，是货真价实的 pi 专用。这点得记一笔，下次别再重复验。&lt;/p&gt;&lt;p&gt;真要落地不用贪，先装最稳的一对把脸换掉：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;主题挑 &lt;code&gt;@sherif-fanous/pi-catppuccin&lt;/code&gt;&lt;/strong&gt; —— Catppuccin 是公认最护眼的配色，社区维护活跃，一次带四个变体（Mocha / Macchiato / Frappe / Latte），深浅全覆盖。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;状态栏挑 &lt;code&gt;pi-inline-statusline&lt;/code&gt;&lt;/strong&gt; —— 单行、响应式、信息不丢，默认 Tokyo Night 预设就很好看，零配置即用。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;这套组合的好处是&lt;strong&gt;互不冲突,装上立刻见效&lt;/strong&gt;。真不喜欢,&lt;code&gt;pi remove&lt;/code&gt; 一条命令干净卸掉,不留尾巴。激进派想一步到位也可以上 &lt;code&gt;@rokiy/pi-ui&lt;/code&gt;(带 Boxed Editor 那个 ╭─╮ 包裹),但它和状态栏是二选一,第一轮不建议冒险。&lt;/p&gt;&lt;p&gt;装完跑起来长这样，底部一行信息密度恰到好处，又不挤：&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;实拍：Catppuccin Mocha + pi-inline-statusline 跑起来的样子&quot; loading=&quot;lazy&quot; width=&quot;2167&quot; height=&quot;591&quot; src=&quot;/_astro/statusline-real.D6gZ-S1i_15ixaI.webp&quot; /&gt;&lt;figcaption&gt;实拍：Catppuccin Mocha + pi-inline-statusline 跑起来的样子&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;真正值得记的，是这两个坑&lt;/h2&gt;&lt;p&gt;装主题本身没坑，&lt;code&gt;pi install npm:xxx&lt;/code&gt; 一条命令就进 &lt;code&gt;settings.json&lt;/code&gt; 的 &lt;code&gt;packages&lt;/code&gt; 数组。真正让我翻车的，是后面优化时踩的两个配置坑。&lt;/p&gt;&lt;section&gt;&lt;h3&gt;坑一：glm 系列压根不支持思考&lt;/h3&gt;&lt;p&gt;zhipu 全家桶（glm-4-flash / glm-5-turbo / glm-5.2）在 &lt;code&gt;pi --list-models&lt;/code&gt; 里 thinking 列全是 &lt;code&gt;no&lt;/code&gt;。给它们设 &lt;code&gt;defaultThinkingLevel&lt;/code&gt; 不会报错，但也不会触发——静默浪费。&lt;/p&gt;&lt;p&gt;正确做法不是设全局思考级别，而是&lt;strong&gt;按场景切模型&lt;/strong&gt;：日常留 glm-5.2 省钱，遇到复杂任务 &lt;code&gt;Ctrl+P&lt;/code&gt; 切到支持思考的备选。我在 &lt;code&gt;enabledModels&lt;/code&gt; 里配了这几个，都是带思考的：&lt;/p&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;模型&lt;/th&gt;&lt;th&gt;什么时候切过去&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;deepseek/deepseek-v4-pro&lt;/code&gt;&lt;/td&gt;&lt;td&gt;推理 / 代码强，复杂调试&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;google/gemini-3-pro-preview&lt;/code&gt;&lt;/td&gt;&lt;td&gt;要看图 / 多模态&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;kimi-coding/k3&lt;/code&gt;&lt;/td&gt;&lt;td&gt;长上下文 coding&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;minimax/MiniMax-M3&lt;/code&gt;&lt;/td&gt;&lt;td&gt;1M 上下文，读长文档&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;blockquote&gt;&lt;p&gt;关于 pi 怎么把 adapter / subagents / memory 三包补齐内核能力的，可以看&lt;a href=&quot;/posts/pi-coding-agent-setup&quot;&gt;这篇开荒记&lt;/a&gt;。这篇只讲脸。&lt;/p&gt;&lt;/blockquote&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;坑二：enabledModels 会反噬默认模型&lt;/h3&gt;&lt;p&gt;这个坑最隐蔽。&lt;code&gt;enabledModels&lt;/code&gt; 一旦设置，就&lt;strong&gt;接管&lt;/strong&gt;了 &lt;code&gt;Ctrl+P&lt;/code&gt; 的循环列表，列表里没有的模型切不过去。第一次配的时候只列了四个备选，没把默认的 glm-5.2 加进去——结果切到 deepseek 就切不回来了，状态栏的模型名直接换走，人傻了。&lt;/p&gt;&lt;p&gt;修复就一条铁律：&lt;strong&gt;配 enabledModels 时，默认模型必须放进数组，而且放第一位&lt;/strong&gt;。&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&quot;enabledModels&quot;&lt;/span&gt;&lt;span&gt;: [&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;&quot;zhipu-anthropic/glm-5.2&quot;&lt;/span&gt;&lt;span&gt;,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;&quot;deepseek/deepseek-v4-pro&quot;&lt;/span&gt;&lt;span&gt;,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;&quot;google/gemini-3-pro-preview&quot;&lt;/span&gt;&lt;span&gt;,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;&quot;kimi-coding/k3&quot;&lt;/span&gt;&lt;span&gt;,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;&quot;minimax/MiniMax-M3&quot;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;配完长什么样&lt;/h2&gt;&lt;p&gt;下面是最终跑起来的 &lt;code&gt;settings.json&lt;/code&gt;，删掉了和美化无关的字段，只留视觉相关的几行。一张表看完整配置思路：&lt;/p&gt;





























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;字段&lt;/th&gt;&lt;th&gt;值&lt;/th&gt;&lt;th&gt;作用&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;theme&lt;/code&gt;&lt;/td&gt;&lt;td&gt;&lt;code&gt;catppuccin-mocha&lt;/code&gt;&lt;/td&gt;&lt;td&gt;Catppuccin 最深款，护眼&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;packages&lt;/code&gt;&lt;/td&gt;&lt;td&gt;含 catppuccin + inline-statusline&lt;/td&gt;&lt;td&gt;一个管颜色，一个管 footer&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;externalEditor&lt;/code&gt;&lt;/td&gt;&lt;td&gt;&lt;code&gt;code --wait&lt;/code&gt;&lt;/td&gt;&lt;td&gt;&lt;code&gt;Ctrl+G&lt;/code&gt; 弹 VS Code 写长 prompt&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;enabledModels&lt;/code&gt;&lt;/td&gt;&lt;td&gt;5 个（含默认）&lt;/td&gt;&lt;td&gt;&lt;code&gt;Ctrl+P&lt;/code&gt; 循环切换，默认在内&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;几个能继续挖的方向&lt;/h2&gt;&lt;p&gt;美化到这儿只是开了个头,pi 还有一堆没碰的能力。比如 &lt;code&gt;shell-aliases&lt;/code&gt; 能把 &lt;code&gt;c&lt;/code&gt; 直接等于 &lt;code&gt;git commit&lt;/code&gt;;&lt;code&gt;keybindings&lt;/code&gt; 改键位,挪不顺手的快捷键;&lt;code&gt;prompt-templates&lt;/code&gt; 把常用 prompt 存成模板,&lt;code&gt;/template&lt;/code&gt; 一键调;还有 &lt;code&gt;@rokiy/pi-ui&lt;/code&gt; 那套带 Boxed Editor 的一体化 UI,不过它要替换现在的状态栏。这些都没装,等主题和状态栏用顺手了再决定要不要继续往上堆。&lt;strong&gt;美化这事最怕一次堆太多,出了问题都不知道是哪个包的锅。&lt;/strong&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;一条速查&lt;/h2&gt;




































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;想做的事&lt;/th&gt;&lt;th&gt;怎么做&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;装包&lt;/td&gt;&lt;td&gt;&lt;code&gt;pi install npm:&amp;lt;包名&amp;gt;&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;卸包&lt;/td&gt;&lt;td&gt;&lt;code&gt;pi remove npm:&amp;lt;包名&amp;gt;&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;换主题&lt;/td&gt;&lt;td&gt;&lt;code&gt;/settings&lt;/code&gt; 或改 &lt;code&gt;&quot;theme&quot;&lt;/code&gt; 字段&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;换状态栏预设&lt;/td&gt;&lt;td&gt;&lt;code&gt;PI_STATUSLINE_PRESET=classic pi&lt;/code&gt;（默认 tokyo-night）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;切模型&lt;/td&gt;&lt;td&gt;&lt;code&gt;Ctrl+P&lt;/code&gt;（受 &lt;code&gt;enabledModels&lt;/code&gt; 限制）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;外部编辑器&lt;/td&gt;&lt;td&gt;&lt;code&gt;Ctrl+G&lt;/code&gt;（走 &lt;code&gt;externalEditor&lt;/code&gt;）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;完全回滚&lt;/td&gt;&lt;td&gt;还原备份的 &lt;code&gt;settings.json.bak.*&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;</content:encoded></item><item><title>把 MiniMax 生成当制片：H3 视频、叙事句音乐与五条心智模型</title><link>https://fork-firefly.vercel.app/posts/minimax-generation-as-production/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/minimax-generation-as-production/</guid><description>额度有限，废片就是烧钱。把生成当制片、提示词当分镜简报——H3 视频三字段、音乐叙事句、五条心智模型，一套减少废片的 MiniMax 生成规范。</description><pubDate>Thu, 06 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;用 MiniMax Max 档（海螺 / H3 / 音乐 2.0）最怕一件事：额度烧了不少，产出一堆”看着像、用不了”的废片。图生一次改一次、视频分不清是运镜问题还是提示词问题、音乐像标签堆砌。问题不在模型，在提示词没有结构。&lt;/p&gt;
&lt;p&gt;把生成当&lt;strong&gt;制片&lt;/strong&gt;、提示词当&lt;strong&gt;分镜简报&lt;/strong&gt;，是这个体系的核心。下面是这一轮落地后最有用的东西。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;五条心智模型&lt;/h2&gt;&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;生成 = 制片，prompt = 分镜简报&lt;/strong&gt;。角色、动作时序、运镜、光影、声音、约束一次钉死。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;结构 &amp;gt; 文采&lt;/strong&gt;。模型强项是吃固定字段，不是吃形容词。字段齐输出稳，字段缺模型就猜。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;职责分配&lt;/strong&gt;。参考图各司其职：图1定氛围、图2锁身份、图3是产品。锁住不能变的，模型只在该变的上面发挥。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;负面清单比正面描述更值钱&lt;/strong&gt;。畸形手 / 跳切 / 换脸 / 水印，写清楚禁止，比堆十个形容词省事。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;规范是活的&lt;/strong&gt;。官方结构 → 本机内化 → 测试池 → 实测回写，循环迭代，不是一次写完。&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;额度就是预算，废片就是烧钱。“一次写对”比”多试几次”省。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;现成的轮子&lt;/h2&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;轮子&lt;/th&gt;&lt;th&gt;仓库&lt;/th&gt;&lt;th&gt;干什么&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;h3-prompt-writing&lt;/code&gt;&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/MiniMax-AI/MiniMax-H3&quot; target=&quot;_blank&quot;&gt;MiniMax-AI/MiniMax-H3&lt;/a&gt;&lt;/td&gt;&lt;td&gt;视频 H3 提示词官方结构（另附 8 个风格 skill）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;minimax-music-gen&lt;/code&gt;&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/MiniMax-AI/skills&quot; target=&quot;_blank&quot;&gt;MiniMax-AI/skills&lt;/a&gt;&lt;/td&gt;&lt;td&gt;音乐叙事句结构（&lt;code&gt;references/prompt_guide.md&lt;/code&gt;）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;awesome-minimax-h3-prompts&lt;/code&gt;&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;https://github.com/BeatAPI/awesome-minimax-h3-prompts&quot; target=&quot;_blank&quot;&gt;BeatAPI/awesome-minimax-h3-prompts&lt;/a&gt;&lt;/td&gt;&lt;td&gt;125 条 H3 测试池，100 条已 X 源核验 + WebM 证据&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;装 skill 的一个坑：&lt;code&gt;npx skills add&lt;/code&gt; 的 agent 名是 &lt;strong&gt;&lt;code&gt;claude-code&lt;/code&gt;&lt;/strong&gt;（不是 &lt;code&gt;claude&lt;/code&gt;）；逗号分隔的 agent 列表不认，要&lt;strong&gt;重复 &lt;code&gt;-a&lt;/code&gt;&lt;/strong&gt;；Cursor 侧有时要补 junction。有些清单里标的仓库在 GitHub 根本不存在，装之前先核对一眼。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;视频：H3 五模式 + 三字段&lt;/h2&gt;&lt;p&gt;先判定输入模式：&lt;strong&gt;T2VA&lt;/strong&gt;（文生）/ &lt;strong&gt;I2VA&lt;/strong&gt;（首帧）/ &lt;strong&gt;FL2VA&lt;/strong&gt;（首尾帧）/ &lt;strong&gt;L2VA&lt;/strong&gt;（末帧）/ &lt;strong&gt;Ref2VA&lt;/strong&gt;（全参考：图+视频+音频 ≤~12 文件）。&lt;/p&gt;&lt;p&gt;Base 模式三个字段按序填满：&lt;/p&gt;




















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;字段&lt;/th&gt;&lt;th&gt;写什么&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;integrated_multimodal_description&lt;/code&gt;&lt;/td&gt;&lt;td&gt;主体叙事：每镜头 = 构图 + 主体 + 环境 + 动作 + 运镜 + 声音 + 参考出现点&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;overall_soundscape&lt;/code&gt;&lt;/td&gt;&lt;td&gt;整体音景：环境音 / 空间 / 层次&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;non_diegetic_music&lt;/code&gt;&lt;/td&gt;&lt;td&gt;画外音乐：情绪 + 配器 + 节奏&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;要点：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;参考职责写清楚&lt;/strong&gt;（“图1定胶片质感与场景、图2锁主角身份、图3是产品”）比堆图有效得多。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;时间线按秒切&lt;/strong&gt;动作（0-4s / 4-9s / 9-13s），一次一个主动作；复杂叙事分段生成再剪辑。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;声音轨必须写&lt;/strong&gt;，不写模型自己猜。对话保留原文语言不改写。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;负面锁定&lt;/strong&gt;：禁止跳切 / 换脸 / 服装变形 / 畸形手 / 多余肢体 / 荧光色 / 水印字幕。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;图生视频时&lt;/strong&gt;，prompt 只写”运动 + 运镜 + 变化”，别重复图片已有的外观。&lt;/li&gt;
&lt;li&gt;运镜：老 Hailuo 吃括号指令（&lt;code&gt;[推进]&lt;/code&gt; &lt;code&gt;[左摇,上升]&lt;/code&gt;），H3 更吃自然语言描述。&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;音乐：叙事句，不是标签&lt;/h2&gt;&lt;p&gt;官方原话：“写生动完整的英文叙事句，不是逗号分隔的标签。” 把 prompt 当给音乐人的创作简报。&lt;/p&gt;&lt;p&gt;结构（一个完整句式，按序）：&lt;code&gt;mood+BPM+genre → 人声（角色化）→ 叙事主题 → 氛围场景 → 关键乐器&lt;/code&gt;。&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;人声要具体：&lt;code&gt;sultry sophisticated male baritone with jazz inflections&lt;/code&gt;，别写 &lt;code&gt;female vocal&lt;/code&gt;。&lt;/li&gt;
&lt;li&gt;纯器乐：人声位置换成乐器焦点 + 场景叙事（“evoking a sunrise drive along a coastal highway”）。&lt;/li&gt;
&lt;li&gt;挑 2-3 个关键乐器写精确，其余留白。&lt;/li&gt;
&lt;li&gt;速查：Genre 九类（Pop/Dance、Rock、R&amp;amp;B-Soul-Funk、Hip-Hop、Electronic、Folk、Jazz-Blues、Classical、World）；BPM 40-160 按情绪分档；英文提示效果最好。&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;图片：一帖一概念&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;先定概念句：&lt;code&gt;主题物件 + 材质/工艺 + 光线 + 情绪 + 禁止项&lt;/code&gt;，至少 2-3 个可辨要素。&lt;/li&gt;
&lt;li&gt;参考图锁特征：只改姿势/场景/光影，主体特征（脸/服装结构）严格不变。&lt;/li&gt;
&lt;li&gt;负面：蓝紫玻璃拟态、弥散光球、同批同构图、画面内英文标题。&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;落地怎么用&lt;/h2&gt;&lt;p&gt;三条调用路径，&lt;strong&gt;都先过额度门禁&lt;/strong&gt;（图/音乐走 general 池查百分比，视频走 video 池查次数），再生成、落盘、质检：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;生图：选风格 → 概念句 → text_to_image → 落盘 → 看图质检&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;视频：H3 结构 → 查视频额度 → generate_video(6s/768P/async) → 轮询 → 落盘&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;音乐：叙事句 → 查额度 → music_generation(lyrics 必填) → 落盘&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;测试池用法：抽 5-10 条不同场景（时尚广告 / 一镜到底 / 音乐 MV 各几条）真实跑一轮，把有效 / 失败模式记下来，回写进自己的 prompt 规范。规范是跑出来的，不是一次写出来的。&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;&lt;strong&gt;相关阅读&lt;/strong&gt;：&lt;a href=&quot;/posts/deepseek-external-vision-minimax&quot;&gt;给 DeepSeek 装眼睛：文本主模型外挂视觉 + MiniMax 全家桶&lt;/a&gt; —— 上篇讲”理解 + 生成闭环怎么接”，本篇讲”生成这一侧怎么写 prompt”。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>AI 画八十年代小人书：Seedream 能直出字，MiniMax 只能后期叠</title><link>https://fork-firefly.vercel.app/posts/lianhuanhua-skill-review/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/lianhuanhua-skill-review/</guid><description>用开源 skill 实测把小说画成八十年代小人书——Seedream 能原生渲染中文，MiniMax 只能后期叠字。踩了三个坑，也摸清了这个 skill 的成色。</description><pubDate>Thu, 06 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;在 B 站刷到同济子豪兄的《三体》连环画，被那套”八十年代小人书 × 苏联太空科幻”的味儿抓住了。他把”任意文档变成小人书”做成了开源 Skill，我顺手拉下来试了试——踩了三个坑，也摸清了这个 skill 真正的成色。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;这个 skill 是干嘛的&lt;/h2&gt;&lt;p&gt;输入小说 / 故事 / 剧本，输出一本八十年代小人书：封面 + 6-10 页内页 + 封底，每页 7&amp;lt;5&amp;gt; 横屏，黑白和彩色双版本，最后合 PDF。核心卖点是&lt;strong&gt;文字以像素原生渲染在图上&lt;/strong&gt;——下方 18% 是宋体配文，上方 82% 是工笔白描插画，像真书一样。&lt;/p&gt;&lt;p&gt;作者是 B 站 UP 主同济子豪兄，仓库里除了这个 skill，还有他画《三体》名场面、章北海传的一堆作品。Skill 内置 9 张 1970-80 年代经典连环画参考图（鸡毛信、桃花扇、铁道游击队…），连封面标题用什么颜色都做了题材配色表（革命红、古典墨、现代蓝、传奇金）。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;流程：五步，关键在第三步&lt;/h2&gt;


































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;步&lt;/th&gt;&lt;th&gt;动作&lt;/th&gt;&lt;th&gt;说明&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;1&lt;/td&gt;&lt;td&gt;确认画风&lt;/td&gt;&lt;td&gt;参考内置经典图：工笔白描、英雄比例、高对比&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;拆分镜&lt;/td&gt;&lt;td&gt;按叙事拆 6-10 页，每页提炼 1-2 句配文&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;逐页生图&lt;/td&gt;&lt;td&gt;封面 / 内页 / 封底三类 prompt 模板（设计给 Seedream）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;4&lt;/td&gt;&lt;td&gt;做旧&lt;/td&gt;&lt;td&gt;纸张纹理 + 印刷磨损 + 暗角 + 网点，封底保持清晰&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;5&lt;/td&gt;&lt;td&gt;合成 PDF&lt;/td&gt;&lt;td&gt;封面 → 内页 → 封底顺序合并&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;实测：换掉 Seedream，成败全在中文字&lt;/h2&gt;&lt;p&gt;skill 设计用字节 Seedream 生图，Seedream 的强项是中文文字渲染。我没有 Seedream 渠道，先用 MiniMax 顶替跑了一版《纸上的夏天》。&lt;/p&gt;&lt;p&gt;结果很干脆：&lt;strong&gt;MiniMax 画中文配文 = 乱码&lt;/strong&gt;。回目和正文全变成”旧伋拟同&quot;&quot;夫夸柬之雾拍奴叫”这种不可读字符。不是 prompt 问题，是模型中文渲染能力的差距——Seedream 在这块确实是国内第一梯队，MiniMax 还差得远。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;三个坑，都出在适配模型上&lt;/h2&gt;&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;中文配文乱码&lt;/strong&gt;：对策是图片里一个字都不写，&lt;strong&gt;后期用 PIL 叠字&lt;/strong&gt;（Windows 自带宋体 / 楷体），文字反而更清晰可控&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;“留白”指令被过度执行&lt;/strong&gt;：想让 MiniMax 留出下方文字区，写”下方四分之一留白”，结果它直接留了一半空白，插画只占上半截。正确做法是让插画&lt;strong&gt;满幅&lt;/strong&gt;，文字带后期用白底盖住底部 18% 叠字&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;封面自带印章&lt;/strong&gt;：MiniMax 生成复古封面时会在角落加红色印章和小字，做旧后反而有年代感，就留着了&lt;/li&gt;
&lt;/ol&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;适配后的方案（实测可用）&lt;/h2&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;满幅底图(3:2) → 裁到 7:5(2800×2000) → 下方 18% 白底叠宋体配文&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;→ 做旧(纸张纹理/磨损/暗角/网点) → 黑白转灰度 / 彩色暖色降饱和 → 双版本 PDF&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;全程 MiniMax + Pillow，零外部依赖，文字零乱码。黑白、彩色两版各 6 页 PDF 均实测出片。下面是《纸上的夏天》实际产出的对比页：&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;黑白版内页&quot; loading=&quot;lazy&quot; width=&quot;1600&quot; height=&quot;1142&quot; src=&quot;/_astro/fig-bw-page.DREheR2s_Z1wSaFS.webp&quot; /&gt;&lt;figcaption&gt;黑白版内页&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;彩色版内页&quot; loading=&quot;lazy&quot; width=&quot;1600&quot; height=&quot;1142&quot; src=&quot;/_astro/fig-color-page.CXSCB_9N_Z1t4NeD.webp&quot; /&gt;&lt;figcaption&gt;彩色版内页&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;适用范围与边界&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;适合&lt;/strong&gt;：有叙事性的文字（小说 / 剧本 / 科普解说），自带分镜&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;边界&lt;/strong&gt;：非叙事内容拆不出分镜；跨页角色一致性仍是 AI 生图通病；每本设计 6-10 页，超长需分批&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;版权&lt;/strong&gt;：skill 封底模板硬编码了《三体》和作者名，自用必须改（用原创故事绕开）&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;封底的效果长这样，版权信息这块是后期叠字加上的：&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;封底&quot; loading=&quot;lazy&quot; width=&quot;1600&quot; height=&quot;1142&quot; src=&quot;/_astro/fig-back.BTv4o8Hm_deXvG.webp&quot; /&gt;&lt;figcaption&gt;封底&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;结论&lt;/h2&gt;&lt;p&gt;这个 skill 的工程化很成熟——prompt 模板、做旧脚本、PDF 合成都有讲究，是”审美驱动 + 工具链封装”的典型。值不值得用取决于生图渠道：有 Seedream，开箱即用；只有 MiniMax，就得走后期叠字这套适配，但也能出不错的效果。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>装了插件 skill，一个都不显示？问题在目录层级，不在安装</title><link>https://fork-firefly.vercel.app/posts/claude-plugin-skill-loading/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/claude-plugin-skill-loading/</guid><description>Claude Code 装了插件 skill 却不显示？/reload-skills 不管插件、插件只认一层目录、显式数组撞文档盲区——三层原因叠一起。附排查五步与 junction 解法。</description><pubDate>Wed, 05 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;遇到个挺典型的坑：在 Claude Code 里装了个插件（mattpocock-skills，打包了他一整套方法论 skill），marketplace 加了、enabledPlugins 也启用了，可 &lt;code&gt;/grilling&lt;/code&gt; 就是死活不出现。跑 &lt;code&gt;/reload-skills&lt;/code&gt; 也没用，永远显示 “no changes”。查了一圈，最后发现是三层原因叠在一起，而且全都不在「安装步骤」上。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;最反直觉的一点：reload-skills 不管插件&lt;/h2&gt;&lt;p&gt;&lt;code&gt;/reload-skills&lt;/code&gt; 只重载本地 &lt;code&gt;~/.claude/skills/&lt;/code&gt; 和项目里的 skills 目录，&lt;strong&gt;根本不碰插件&lt;/strong&gt;。这个命令官方文档甚至没收录（就是个本地扫描器）。要重载插件，正解是 &lt;code&gt;/reload-plugins&lt;/code&gt;——而且在 2.1.220 上装了新插件必须手动跑它或重启才生效，2.1.221 起才安装即自动生效。&lt;/p&gt;&lt;p&gt;还有个隐藏坑：reload 后摘要写 “0 skills”，不代表插件 skills 没加载——那个计数只统计插件的 &lt;code&gt;commands/&lt;/code&gt; 目录，不算 &lt;code&gt;skills/&lt;/code&gt; 目录。看到 0 别慌，直接看 &lt;code&gt;/skills&lt;/code&gt; 的实际列表。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;主因：插件 skill 只认一层目录&lt;/h2&gt;&lt;p&gt;Claude Code 发现插件 skill 的规则是死的：插件根下 &lt;code&gt;skills/&amp;lt;skill名&amp;gt;/SKILL.md&lt;/code&gt;，只扫一层。mattpocock 的仓库把 skills 放在 &lt;code&gt;skills/&amp;lt;分类&amp;gt;/&amp;lt;skill名&amp;gt;/&lt;/code&gt;，比如 &lt;code&gt;skills/productivity/grilling/&lt;/code&gt;，多套了一层分类目录，默认扫描直接 miss。&lt;/p&gt;&lt;p&gt;对照实验很直观：同环境里 claude-mermaid 插件的 skill 是 &lt;code&gt;skills/mermaid-diagrams/SKILL.md&lt;/code&gt;（一层），正常显示；mattpocock 全是两层，一个都不出。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;再叠一层：显式数组 + source 指向根 = 文档盲区&lt;/h2&gt;&lt;p&gt;mattpocock 的 plugin.json 显式声明了 24 个 skills 路径（形如 &lt;code&gt;./skills/engineering/xxx&lt;/code&gt;）。按文档，显式路径指向含 SKILL.md 的目录本应注册成功。但它 marketplace 条目的 &lt;code&gt;source&lt;/code&gt; 指向 marketplace 根，触发了「显式数组替换默认扫描」的分支——这个组合官方文档没覆盖，2.1.220 实测就是加载不出来。这更像插件作者踩了 Claude Code 的文档盲区（疑似 bug），不是你安装姿势的问题。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;一条铁证&lt;/h2&gt;&lt;p&gt;同样这批 skills，只有 &lt;code&gt;strategic-compact&lt;/code&gt; 和 &lt;code&gt;ralph-loop&lt;/code&gt; 两个出现在列表里——因为它们被作者自带的 &lt;code&gt;scripts/link-skills.sh&lt;/code&gt; 软链进了 &lt;code&gt;~/.claude/skills/&lt;/code&gt;（本地一层路径，能被扫到）。同插件、同布局，链进本地的能显示，没链的 grilling 就消失。「装了却路由不到」这事，证据全在这。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;排查五步（下次直接照抄）&lt;/h2&gt;


































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;步骤&lt;/th&gt;&lt;th&gt;做什么&lt;/th&gt;&lt;th&gt;判读&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;1&lt;/td&gt;&lt;td&gt;看 &lt;code&gt;~/.claude/skills/&lt;/code&gt;&lt;/td&gt;&lt;td&gt;本地没有 ≠ 没装，别急着结论&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;看 &lt;code&gt;~/.claude/plugins/cache/&amp;lt;plugin&amp;gt;/&lt;/code&gt;&lt;/td&gt;&lt;td&gt;插件缓存是否完整、skills 目录是否都在&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;看 plugin.json 的 &lt;code&gt;skills&lt;/code&gt; 字段&lt;/td&gt;&lt;td&gt;路径是 &lt;code&gt;skills/&amp;lt;名&amp;gt;&lt;/code&gt; 还是 &lt;code&gt;skills/&amp;lt;分类&amp;gt;/&amp;lt;名&amp;gt;&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;4&lt;/td&gt;&lt;td&gt;对比例子：同环境哪个插件的 skill 显示正常&lt;/td&gt;&lt;td&gt;一层 vs 多层，差别一眼可见&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;5&lt;/td&gt;&lt;td&gt;跑 &lt;code&gt;/reload-plugins&lt;/code&gt;（不是 /reload-skills）&lt;/td&gt;&lt;td&gt;仍不显示 → 基本坐实布局问题，走解法&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;解法：绕开插件加载，链进本地&lt;/h2&gt;&lt;p&gt;官方 troubleshooting 是清缓存（&lt;code&gt;rm -rf ~/.claude/plugins/cache&lt;/code&gt;）重启重装，治标不治本，且缓存里带版本号，重装后 junction 又得重建。对二级目录的插件，作者自己的推荐是 &lt;code&gt;scripts/link-skills.sh&lt;/code&gt;，把每个 skill 软链到 &lt;code&gt;~/.claude/skills/&lt;/code&gt;。Windows 上等价物是 &lt;strong&gt;junction&lt;/strong&gt;（目录联接，免管理员权限、对应用透明）：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;把 plugin.json 声明的每个 skill 路径，以 junction 建到 &lt;code&gt;~/.claude/skills/&amp;lt;skill名&amp;gt;&lt;/code&gt;，指向 &lt;code&gt;插件缓存/.../skills/&amp;lt;分类&amp;gt;/&amp;lt;skill名&amp;gt;&lt;/code&gt;。一次 24 个，&lt;code&gt;/grilling&lt;/code&gt; 立刻出现。&lt;/p&gt;&lt;/blockquote&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;长期建议&lt;/h2&gt;&lt;p&gt;这不是环境问题，是插件作者侧的兼容问题。正解两个方向：作者把布局压平成一层 &lt;code&gt;skills/&amp;lt;名&amp;gt;/SKILL.md&lt;/code&gt;（对齐文档标准），或去掉显式 &lt;code&gt;skills&lt;/code&gt; 数组走默认扫描。在那之前，junction 链进本地是最省事的 workaround。记得 junction 指向带版本号的缓存路径，插件升级后要重建一遍（一条命令的事）。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>给 DeepSeek 装眼睛：文本主模型外挂视觉 + MiniMax 全家桶</title><link>https://fork-firefly.vercel.app/posts/deepseek-external-vision-minimax/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/deepseek-external-vision-minimax/</guid><description>纯文本模型看不懂图？把视觉理解外挂到工具层、生成交给 MiniMax：understand_image 兜底看图、MM 出图出视频，主模型只做编排。本机已跑通的一套接线与纪律。</description><pubDate>Wed, 05 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;用 DeepSeek 这类纯文本模型当主模型，最别扭的一件事是”看不见”：截图、报错图、设计稿、短视频，通通没法直接丢给它——附件常常在模型接口这一层就被拒了，还没轮到工具链处理。&lt;/p&gt;
&lt;p&gt;不想为了看图就换模型、换工具。出路是把多模态能力从”主模型”挪到”工具层”：主模型继续做文本编排，看图出图交给专门的后端，理解结果以文本回传。这套思路本机已经能跑通，而且不是靠某一个神器，是几层现成能力拼起来的。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;接视觉有三条路，不是只有一条&lt;/h2&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;路线&lt;/th&gt;&lt;th&gt;机制&lt;/th&gt;&lt;th&gt;信息损失&lt;/th&gt;&lt;th&gt;本机现状&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;桥接脚本式&lt;/strong&gt;（以 &lt;code&gt;see-skill&lt;/code&gt; 为代表）&lt;/td&gt;&lt;td&gt;媒体走脚本路由到视觉后端，结果 Markdown 回传&lt;/td&gt;&lt;td&gt;最低（原图直传）&lt;/td&gt;&lt;td&gt;未装，需自己接 + 视觉 Key&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;MCP 理解工具&lt;/strong&gt;（&lt;code&gt;minimax-coding&lt;/code&gt; 的 &lt;code&gt;understand_image&lt;/code&gt;）&lt;/td&gt;&lt;td&gt;Claude Code 直接调，text-only 模型也能用&lt;/td&gt;&lt;td&gt;中（单图为主）&lt;/td&gt;&lt;td&gt;✅ 已就位，零成本&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;strong&gt;CLI 视觉命令&lt;/strong&gt;（&lt;code&gt;mmx vision&lt;/code&gt;）&lt;/td&gt;&lt;td&gt;MiniMax 官方 CLI&lt;/td&gt;&lt;td&gt;中&lt;/td&gt;&lt;td&gt;✅ 已就位，零成本&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;图片理解本机其实不缺，缺的是&lt;strong&gt;视频理解&lt;/strong&gt;。所以真正值得盯的，是那种补上视频、且尽量少损失信息的桥接方案。&lt;/p&gt;&lt;p&gt;顺带说一句：Gemini 这类多模态模型只是另一个视觉后端选项，接一个视觉模型而已，跟上面的路线是同一件事，不构成新维度。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;see-skill 里能偷的设计&lt;/h2&gt;&lt;p&gt;调研过一个专门做这件事的开源 Skill（&lt;code&gt;oil-oil/see-skill&lt;/code&gt;，MIT，社区热度涨得很快），它把”文本模型外挂视觉”做到了工程完成度较高的程度。能带走的设计点：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;图片原图直传&lt;/strong&gt;：不预先 OCR、不缩放、不压缩。先 OCR 再让主模型”猜”，等于在理解链路里主动插一次信息损失；原图直传是把损失压到最低的做法。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;视频不抽帧&lt;/strong&gt;：保持完整时间线 + 音频，走视觉模型的原生视频能力，Skill 内部不做抽帧。抽帧会丢掉时序和音频信息，这是很多简易方案偷懒的地方。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;问题原样透传&lt;/strong&gt;：用户问什么，&lt;code&gt;--task&lt;/code&gt; 就原样交给视觉模型，不套固定报告模板。固定模板会诱导视觉模型泛泛而谈，反而丢了针对性。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;降级链&lt;/strong&gt;：云端供应商按顺序尝试，全挂才落到本地 OCR（macOS 系统 Vision → Windows OCR → Tesseract）。注意视频没有本地降级，没配云端 Key 就明确提示，不硬来。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;结果可审计&lt;/strong&gt;：回传的 Markdown 带 &lt;code&gt;backend / model / mode / route_attempts&lt;/code&gt; 元信息，主模型能判断这次到底走的哪家、有没有降级。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;接口极简&lt;/strong&gt;：stdout 只吐一个 &lt;code&gt;output_path=&amp;lt;绝对路径&amp;gt;&lt;/code&gt;，机器可读，主模型读那个 Markdown 就行。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;有几点跟 README 第一印象不一样，别照搬：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;视频”优先 Gemini”只对 &lt;code&gt;zenmux&lt;/code&gt; / &lt;code&gt;openrouter&lt;/code&gt; 两家成立；百炼和 TokenDance 默认直接用 Qwen，不是”回退”。&lt;/li&gt;
&lt;li&gt;“压缩到最长边 1920、2 fps”只是三档里的 balanced，还有 compact（1600/1fps）和 strict（1120/1fps），超上传预算自动往下切。&lt;/li&gt;
&lt;li&gt;&lt;code&gt;see.sh&lt;/code&gt; 是个薄壳，&lt;code&gt;exec python3 parse_media.py &quot;$@&quot;&lt;/code&gt; 一行透传，全部逻辑在 &lt;code&gt;parse_media.py&lt;/code&gt;；仓库里还多了个 README 没写的 &lt;code&gt;tests/&lt;/code&gt;。&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;MiniMax 那半边：生成闭环&lt;/h2&gt;&lt;p&gt;光有理解还不够，完整的多模态还差”生成”。MiniMax 的权益包恰好把这一侧补全了，而且本机已经接好：&lt;/p&gt;


































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;侧&lt;/th&gt;&lt;th&gt;能力&lt;/th&gt;&lt;th&gt;接入点&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;理解&lt;/td&gt;&lt;td&gt;图片理解 / 网页搜索&lt;/td&gt;&lt;td&gt;&lt;code&gt;minimax-coding&lt;/code&gt; MCP&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;生成&lt;/td&gt;&lt;td&gt;文生图&lt;/td&gt;&lt;td&gt;MiniMax MCP &lt;code&gt;text_to_image&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;生成&lt;/td&gt;&lt;td&gt;视频（异步）&lt;/td&gt;&lt;td&gt;&lt;code&gt;generate_video&lt;/code&gt; → 轮询 &lt;code&gt;query_video_generation&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;生成&lt;/td&gt;&lt;td&gt;语音 / 音乐&lt;/td&gt;&lt;td&gt;&lt;code&gt;text_to_audio&lt;/code&gt; / &lt;code&gt;music_generation&lt;/code&gt;（音乐必须给 &lt;code&gt;lyrics&lt;/code&gt;）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;额度&lt;/td&gt;&lt;td&gt;通用池 + 视频次数&lt;/td&gt;&lt;td&gt;&lt;code&gt;mmx quota show&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;额度有个值得注意的语义：&lt;strong&gt;文本、图片、语音、音乐共享同一个 &lt;code&gt;general&lt;/code&gt; token 池&lt;/strong&gt;，按百分比消耗；视频是&lt;strong&gt;按次计数&lt;/strong&gt;（海螺视频，按天/周窗口给次数）。所以”先查额度再生成”不是客套，是实打实的成本门禁。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;落地在 Claude Code 里是什么样&lt;/h2&gt;&lt;p&gt;打通点最终落在 AI 编程工具的 workflow 配置上。本机这一套长这样：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;双 MCP 分工&lt;/strong&gt;：&lt;code&gt;MiniMax&lt;/code&gt; 管生成（图/视频/语音/音乐），&lt;code&gt;minimax-coding&lt;/code&gt; 管理解（看图/搜索），主模型只负责编排和判断。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;text-only 兜底写成硬规则&lt;/strong&gt;：全局 CLAUDE.md 规定，会话启动先自查模型身份；若是纯文本模型，所有图片/视频理解一律走外部视觉兜底（&lt;code&gt;understand_image&lt;/code&gt;），绝不 native 硬读、也绝不脑补画面。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;项目侧再包一层纪律&lt;/strong&gt;（blog 项目的 &lt;code&gt;firefly-minimax-media&lt;/code&gt; skill）：额度门禁（&lt;code&gt;check_quota.py&lt;/code&gt;）→ 视频先抢槽、提交记账、只许轮询 → MCP 返回的 URL 必须立刻落盘（防盗链）→ 接线。视频生成在这里是”抢到槽位才能下单”，防止多 agent 并发把按次配额打空。&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;这一层的意义在于：&lt;strong&gt;能力是通用的，纪律是项目化的&lt;/strong&gt;。MiniMax 谁都能调，但”先查额度、视频串行、URL 及时落盘”这套行为规范，是沉淀在 skill 里的，换谁来执行都一样。&lt;/p&gt;&lt;p&gt;几个绕不开的坑：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;code&gt;text_to_image&lt;/code&gt; 返回的图片 URL 防盗链，程序直接下载恒 403，浏览器能开，签名约一天过期——必须生成后立刻落盘。&lt;/li&gt;
&lt;li&gt;&lt;code&gt;generate_video&lt;/code&gt; 是异步的，提交只回 Task ID，要轮询状态，完整生成要几分钟。&lt;/li&gt;
&lt;li&gt;启动 MiniMax 的 MCP 必须带 &lt;code&gt;--with &quot;mcp&amp;lt;2&quot;&lt;/code&gt;，否则官方包起不来（mcp 2.0 移除了 &lt;code&gt;fastmcp&lt;/code&gt; 模块）。&lt;/li&gt;
&lt;li&gt;&lt;code&gt;voice_clone&lt;/code&gt; 要实名认证才能用；&lt;code&gt;play_audio&lt;/code&gt; 会在本机真实出声，别在调试时踩雷。&lt;/li&gt;
&lt;li&gt;区域必须匹配：本机 Key 是 cn 区（&lt;code&gt;api.minimaxi.com&lt;/code&gt;），用国际域会报 invalid API key。&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;能带走的&lt;/h2&gt;&lt;p&gt;最核心的一点：&lt;strong&gt;多模态 = 理解（外挂）+ 生成（MiniMax），两者都沉在工具层，主模型始终是文本模型&lt;/strong&gt;。理解侧选原图直传、少信息损失的桥接（&lt;code&gt;see-skill&lt;/code&gt; 是现成参考，本机 &lt;code&gt;understand_image&lt;/code&gt; 已覆盖图片）；生成侧用 MiniMax 权益包补图、视频、语音、音乐。打通点写进 workflow 配置 + skill 纪律，这套就固化下来了，不用每次重搭。&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;相关阅读：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;/posts/opencode-luna-deepseek-minimax/&quot;&gt;把高成本判断留给 Luna：OpenCode + DeepSeek + MiniMax 协作配置&lt;/a&gt;——那边讲委派分工，这篇讲纯文本模型怎么补视觉&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;/posts/minimax-cover-styles/&quot;&gt;MiniMax 封面风格规范：通用与特定场景&lt;/a&gt;——同生态的封面出图规范&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;</content:encoded></item><item><title>把 CLI 爬虫封装成 MCP Server，AI 一句话就能让它去小红书采数据</title><link>https://fork-firefly.vercel.app/posts/cli-crawler-mcp-server/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/cli-crawler-mcp-server/</guid><description>把 MediaCrawler 的 CLI 爬虫封装成 MCP Server，AI 一句话就能采小红书/抖音等平台数据。核心取舍：子进程隔离、提交加轮询、复用登录态，外加四个比方案更值钱的坑。</description><pubDate>Wed, 05 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;MediaCrawler 是个挺能打的爬虫项目，七个平台（小红书 / 抖音 / 快手 / B 站 / 微博 / 贴吧 / 知乎）都能采公开内容和评论，但日常使用得手动跑命令行：&lt;code&gt;python main.py --platform xhs --type search --keywords &quot;xxx&quot;&lt;/code&gt;，登录态、翻页、存库全得自己伺候。&lt;/p&gt;
&lt;p&gt;我的想法很直接：既然 Claude Code、Cursor 这些 AI 编程工具能读文件、能跑命令，为什么不把采集能力直接交给它们？让 AI 说一句「去小红书搜 AI 编程最近的热帖」，它自己就能把数据采回来、做分析、写报告。&lt;/p&gt;
&lt;p&gt;中间缺的是一座桥：MCP Server。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;最核心的取舍：子进程隔离，不搞进程内驱动&lt;/h2&gt;&lt;p&gt;整个项目最关键的设计决策，根子在一个历史包袱上——MediaCrawler 的配置全挂在全局 &lt;code&gt;config&lt;/code&gt; 模块上。CLI 解析完直接改写 &lt;code&gt;config.KEYWORDS&lt;/code&gt;、&lt;code&gt;config.PLATFORM&lt;/code&gt; 这些全局变量，平台采集代码内部也直接读它们。&lt;/p&gt;&lt;p&gt;这意味着什么？&lt;strong&gt;一个进程里跑两个任务，全局配置互相污染。&lt;/strong&gt; 你给任务 A 设的关键词，任务 B 也跟着变。而 MCP Server 恰恰要支持多任务、要并发，跟「全局单例」天然冲突。&lt;/p&gt;&lt;p&gt;三条路摆面前：&lt;/p&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;方案&lt;/th&gt;&lt;th&gt;思路&lt;/th&gt;&lt;th&gt;代价&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;子进程隔离&lt;/td&gt;&lt;td&gt;每个任务独立 &lt;code&gt;subprocess&lt;/code&gt; 跑 &lt;code&gt;main.py&lt;/code&gt; CLI&lt;/td&gt;&lt;td&gt;每次冷启动浏览器，慢几秒&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;进程内驱动&lt;/td&gt;&lt;td&gt;import 后改 config 再跑 async 任务&lt;/td&gt;&lt;td&gt;全局状态共享，并发=数据竞争，只能退化成串行&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;常驻 worker 池&lt;/td&gt;&lt;td&gt;预登录 N 个子进程排队分发&lt;/td&gt;&lt;td&gt;要自己管进程池、崩溃回收，复杂度最高&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;我选了子进程隔离。理由特别实在：MediaCrawler 自带完整 CLI，子进程方案&lt;strong&gt;零改动复用源码&lt;/strong&gt;，进程边界天然把 config 污染问题解决了，代价只是每次冷启动 Chromium 那几秒——完全可接受。为快那么一点去背进程池的复杂度，不划算。&lt;/p&gt;&lt;p&gt;MCP 侧最终暴露六件工具：&lt;code&gt;search_posts&lt;/code&gt; / &lt;code&gt;get_post_detail&lt;/code&gt; / &lt;code&gt;get_comments&lt;/code&gt; 负责提交采集任务，&lt;code&gt;get_task_status&lt;/code&gt; 轮询进度，&lt;code&gt;get_login_state&lt;/code&gt; / &lt;code&gt;list_platforms&lt;/code&gt; 查状态。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;长任务必须拆成「提交 + 轮询」&lt;/h2&gt;&lt;p&gt;采集是分钟级的活：一个关键词搜 20 条帖子带评论，三到五分钟很正常。而 MCP 工具调用是有超时约束的，同步阻塞不可行。&lt;/p&gt;&lt;p&gt;所以接口拆两类：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;快操作&lt;/strong&gt;（查登录态、列平台、查任务状态）→ 同步返回&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;采集动作&lt;/strong&gt; → 提交后返回 &lt;code&gt;task_id&lt;/code&gt;，AI 自己轮询 &lt;code&gt;get_task_status&lt;/code&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;AI 拿到的是一套能自主编排的流程：提交 → 轮询 → 拿到 &lt;code&gt;save_dir&lt;/code&gt; → 按需读文件。数据量大时绝不能整包塞回 MCP 返回值——会直接撑爆 agent 上下文，只回摘要和落盘路径。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;登录态这关，直接复用它自己的机制&lt;/h2&gt;&lt;p&gt;MediaCrawler 的登录态不是存个 cookie 文件，而是用 Playwright 的 &lt;code&gt;launch_persistent_context(user_data_dir=&quot;browser_data/{platform}&quot;)&lt;/code&gt;——&lt;strong&gt;整个 Chromium 用户目录落盘&lt;/strong&gt;。扫码登录一次，之后每次启动浏览器自动带上 cookie。&lt;/p&gt;&lt;p&gt;所以 MCP 侧根本不用管登录流程，只做两件事：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;让用户手动跑一次 &lt;code&gt;main.py --lt qrcode&lt;/code&gt; 扫码，登录态落到 &lt;code&gt;browser_data/&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;get_login_state&lt;/code&gt; 探测该目录在不在，就能判断有没有登录态&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;比自己在 MCP 里重新实现一遍登录流程省事得多，也稳得多。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;四个坑，比方案本身值钱&lt;/h2&gt;&lt;section&gt;&lt;h3&gt;坑一：CLI 参数名必须跟上游 arg.py 对齐&lt;/h3&gt;&lt;p&gt;照着自己的命名习惯拼了 &lt;code&gt;--crawler_max_comments_count_singlenotes&lt;/code&gt;，结果子进程一启动就 &lt;code&gt;NoSuchOption&lt;/code&gt; 崩溃。MediaCrawler 真实的参数名是 &lt;code&gt;--max_comments_count_singlenotes&lt;/code&gt;——&lt;strong&gt;没有 crawler 前缀&lt;/strong&gt;。拼参数前老老实实 grep 一眼上游 &lt;code&gt;cmd_arg/arg.py&lt;/code&gt;，别猜。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;坑二：小红书 search 最小一页 20 条，max_notes 有硬下限&lt;/h3&gt;&lt;p&gt;以为传 &lt;code&gt;--crawler_max_notes_count 3&lt;/code&gt; 就只采 3 条，实际 &lt;code&gt;core.py&lt;/code&gt; 里写死 &lt;code&gt;if CRAWLER_MAX_NOTES_COUNT &amp;lt; 20: 强制抬到 20&lt;/code&gt;。于是 search 最少采一整页 20 条加评论，一个任务三到五分钟。想「只采几条试试」在 search 模式做不到，得用 detail（指定帖子）模式。这也意味着测试脚本的轮询超时得设得比服务器超时长，否则任务还在采，脚本先放弃了。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;坑三：Python 包结构影响类型检查&lt;/h3&gt;&lt;p&gt;一开始 &lt;code&gt;config.py&lt;/code&gt; 放在项目根，&lt;code&gt;core/&lt;/code&gt; 子目录里 &lt;code&gt;import config&lt;/code&gt;。运行时没问题（sys.path 能找到），但 Pyright 会把 &lt;code&gt;config&lt;/code&gt; 解析成 &lt;code&gt;core.config&lt;/code&gt;（包内同名模块优先），满屏红线。解法是把代码收进正式 package（&lt;code&gt;mediacrawler_mcp/&lt;/code&gt;），用相对导入 &lt;code&gt;from .. import config&lt;/code&gt;。注意 IDE 的语言服务器可能缓存旧解析，命令行 pyright 已经 0 错误了 IDE 还飘红，重启一下就好。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;坑四：Windows GBK 控制台打 emoji 会崩&lt;/h3&gt;&lt;p&gt;测试脚本里 &lt;code&gt;print(&quot;✅ 通过&quot;)&lt;/code&gt;，中文 Windows（代码页 936/GBK）控制台直接 &lt;code&gt;UnicodeEncodeError&lt;/code&gt;。不是业务 bug，是测试打印的锅。要么启动时设 &lt;code&gt;PYTHONIOENCODING=utf-8&lt;/code&gt;，要么打印内容别用 emoji。&lt;/p&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;防封号：少量、多类型、单并发&lt;/h2&gt;&lt;p&gt;爬虫最怕封号，测试策略必须克制：&lt;strong&gt;每种采集类型各测一次、量调到最小、严格串行&lt;/strong&gt;。&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;三种采集类型（search / detail / comments）各跑一次&lt;/li&gt;
&lt;li&gt;search 受平台限制最小 20 条，detail / comments 就 1 帖 5 评论&lt;/li&gt;
&lt;li&gt;并发永远为 1（信号量控制），任务之间留间隔，绝不堆请求&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;验证到这一步，三条采集路径全部真实跑通：search 采到「AI编程」关键词的 20 条帖子加评论；detail / comments（指定帖子、指定帖子评论）在修好参数 bug 后也都成功，单个任务三到四分钟。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;项目长这样&lt;/h2&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;mediacrawler-mcp/&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;├── server.py                # MCP 入口，注册 6 个工具&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;├── mediacrawler_mcp/core/   # 子进程编排 + 任务状态机（并发/超时/回收）&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;├── tests/                   # 协议层冒烟 + 编排链路 + 场景 loop 测试&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;└── README.md                # 安装 / 登录 / 挂载到 Claude Code 的说明&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;整套做下来最大的感受：&lt;strong&gt;CLI 项目封装成 MCP 的难度不在写工具，而在摸清上游的架构约束&lt;/strong&gt;——全局状态、参数命名、平台行为，每个都可能是坑。先把这些摸清楚，剩下就是把「拼参数、起进程、收日志」这种机械活写对而已。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>中文 Windows 上跑 AI 编程工具，编码这关怎么过</title><link>https://fork-firefly.vercel.app/posts/windows-ai-tools-encoding/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/windows-ai-tools-encoding/</guid><description>中文 Windows 跑 Claude Code、Cursor 的编码坑：代码页 936 和工具默认 UTF-8 打架，CC Switch 切模型还会冲掉配置。三层防护把编码钉在工具碰不到的地方。</description><pubDate>Wed, 05 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;中文 Windows 上跑 Claude Code、Cursor 这类 AI 编程工具，最烦的不是模型笨，是编码。系统默认代码页 936（GBK），工具默认 UTF-8，两边一打架就是终端乱码、写坏文件、git diff 满屏乱码。这篇是我实测后的一套解法，核心是三层防护，外加一个很多方案都没提到的坑：CC Switch 切模型会冲掉配置。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;根因：代码页 936 vs 工具默认 UTF-8&lt;/h2&gt;&lt;p&gt;中文 Windows 的系统区域是简体中文，控制台代码页 936（GBK）。而 Claude Code、Cursor 的读写工具、Python、Node、git 现代工具链，默认或强制 UTF-8。两个阵营碰一起，就两类事故：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;已有 GBK 文件打开乱码&lt;/li&gt;
&lt;li&gt;工具按 UTF-8 写入，或按系统默认（GBK）落盘，中文直接坏&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;「打开就乱码」具体发生在这层：同一串字节，按 GBK 解和按 UTF-8 解得到的是完全不同的字符。举个直观的例子，「编码」俩字 GBK 是 &lt;code&gt;E0 C2 C2 EB&lt;/code&gt;，UTF-8 是 &lt;code&gt;E7 BC 96 E7 A0 81&lt;/code&gt;——工具用哪套当真相，另一套读出来就是一堆不认识的字符或替换符 &lt;code&gt;�&lt;/code&gt;。工具链默认 UTF-8，Windows 系统默认 GBK，真相永远对不上。&lt;/p&gt;&lt;p&gt;根本矛盾是&lt;strong&gt;系统默认假设 vs 工具链假设不一致&lt;/strong&gt;。解决方向不是「改工具」，是「让编码统一到 UTF-8，并放在不会被工具搞丢的地方」。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;为什么 Git Bash 比 PowerShell 稳&lt;/h2&gt;&lt;p&gt;如果你在 Windows 上用了 Git Bash（装 Git for Windows 自带），Claude Code 检测到它，会把 bash 工具切到 Git Bash 执行。Git Bash 基于 MSYS2，locale 通常是 &lt;code&gt;zh_CN.UTF-8&lt;/code&gt;，对 UTF-8 的处理比 PowerShell 5.1 和 CMD（默认 GBK）稳得多，终端输出中文不乱、POSIX 命令语法兼容性好。&lt;/p&gt;&lt;p&gt;PowerShell 5.1 的乱码根源在 Console API：程序往 stdout 写 UTF-8，终端却按 &lt;code&gt;[Console]::OutputEncoding&lt;/code&gt;（默认跟系统代码页 936 走）显示，中文就被拆成两半。&lt;code&gt;chcp 65001&lt;/code&gt; 能临时切到 UTF-8，但只管当前进程，换个会话又回到 936，管不长久。Git Bash 不做这套转换——MSYS2 的 locale 天生 UTF-8，stdout 写什么就显示什么，少一层心智负担。&lt;/p&gt;&lt;p&gt;所以第一原则：&lt;strong&gt;优先让 AI 工具走 Git Bash&lt;/strong&gt;，而不是 PowerShell。Claude Code 通过 &lt;code&gt;CLAUDE_CODE_GIT_BASH_PATH&lt;/code&gt; 指定 bash.exe 路径，hooks、bash 工具都会走它。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;三层防护：把编码钉死在三个不会被搞丢的地方&lt;/h2&gt;&lt;p&gt;我的核心结论：&lt;strong&gt;编码变量不能只放一个地方，要放三层，层与层互补，哪一层被意外覆盖都还有兜底。&lt;/strong&gt;&lt;/p&gt;&lt;section&gt;&lt;h3&gt;第一层：进程级 —— Windows 用户环境变量&lt;/h3&gt;&lt;p&gt;&lt;code&gt;PYTHONUTF8=1&lt;/code&gt; 和 &lt;code&gt;PYTHONIOENCODING=utf-8&lt;/code&gt; 设进 Windows 用户环境变量。这是进程级继承，所有新开的进程（Claude Code、bash 子进程、Python）都能拿到，而且没有工具会去动系统环境变量。&lt;/p&gt;&lt;p&gt;这两个变量分工不同：&lt;code&gt;PYTHONUTF8=1&lt;/code&gt; 打开 Python 的 UTF-8 模式，管 &lt;code&gt;open()&lt;/code&gt; 默认编码和字符串读写；&lt;code&gt;PYTHONIOENCODING=utf-8&lt;/code&gt; 专管 stdin/stdout/stderr 三个流。只设一个会漏掉另一面——比如文件读写对了，但 print 进管道还是按系统编码。&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;setx PYTHONUTF8 &quot;1&quot;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;setx PYTHONIOENCODING &quot;utf-8&quot;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;&lt;code&gt;setx&lt;/code&gt; 有两个坑：一是&lt;strong&gt;只对之后新开的进程生效&lt;/strong&gt;，当前终端不变，得重开一个；二是它把值写进注册表的用户环境，部分工具是启动时读一次环境，改完记得重开 Claude Code 这类长驻进程，别指望热生效。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;第二层：shell 级 —— .bashrc 固化 locale&lt;/h3&gt;&lt;p&gt;Git Bash 的 &lt;code&gt;LANG=zh_CN.UTF-8&lt;/code&gt; 默认是从系统区域「继承」来的，不是显式配置。一旦系统区域变动或换终端就退化。在 &lt;code&gt;.bashrc&lt;/code&gt; 里显式固化：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;export LANG=zh_CN.UTF-8&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;&lt;code&gt;.bashrc&lt;/code&gt; 是 Bash &lt;strong&gt;交互式会话&lt;/strong&gt;读的，Git Bash 登录时经 &lt;code&gt;.bash_profile&lt;/code&gt; 里一句 &lt;code&gt;source ~/.bashrc&lt;/code&gt; 带上。注意它管不了非交互脚本（工具直接 &lt;code&gt;bash -c &apos;...&apos;&lt;/code&gt; 时不读 .bashrc），要兜住那类，靠第一层的环境变量继承就够。改完验证：&lt;code&gt;echo $LANG&lt;/code&gt; 和 &lt;code&gt;locale&lt;/code&gt; 都应是 &lt;code&gt;zh_CN.UTF-8&lt;/code&gt;。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;第三层：行为级 —— CLAUDE.md 纪律&lt;/h3&gt;&lt;p&gt;前两层管环境，管不住 agent 的&lt;strong&gt;行为&lt;/strong&gt;。要把「默认 UTF-8 读写、遇 GBK 先确认原编码、禁止无脑改写、禁止 &lt;code&gt;&amp;gt; nul&lt;/code&gt;、禁止反斜杠路径」写进全局 CLAUDE.md（或项目规则），让每个会话都遵守。&lt;/p&gt;&lt;p&gt;这几条不是空话，每一条背后都有真实事故：&lt;code&gt;&amp;gt; nul&lt;/code&gt; 在 Git Bash 里不是 cmd 的「丢弃输出」，而是创建一个叫 &lt;code&gt;nul&lt;/code&gt; 的垃圾文件，删都删不干净；反斜杠路径在 bash 里是转义符，&lt;code&gt;C:\Users\foo&lt;/code&gt; 会被拆得面目全非。写进规则，是让 agent 一上来就避开这两类手雷。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;git 补充&lt;/h3&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;git config --global core.quotepath false&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;git config --global i18n.commitEncoding utf-8&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;git config --global i18n.logOutputEncoding utf-8&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;三条各管各的：&lt;code&gt;core.quotepath false&lt;/code&gt; 让中文文件名在 git status/diff 里正常显示，而不是转成 &lt;code&gt;\346\226\207&lt;/code&gt; 那种转义；&lt;code&gt;i18n.commitEncoding utf-8&lt;/code&gt; 声明提交信息按 UTF-8 解释；&lt;code&gt;i18n.logOutputEncoding&lt;/code&gt; 让 &lt;code&gt;git log&lt;/code&gt; 输出也走 UTF-8。前一条影响最大，后两条补齐提交信息这一路的显示。&lt;/p&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;最大的坑：CC Switch 切模型会冲掉 settings.json&lt;/h2&gt;&lt;p&gt;很多人把编码变量写进 &lt;code&gt;~/.claude/settings.json&lt;/code&gt; 的 &lt;code&gt;env&lt;/code&gt; 块，然后一切模型，配置没了，中文乱码又回来了。&lt;/p&gt;&lt;p&gt;原因是：&lt;strong&gt;CC Switch（Claude Code 走三方模型的常用路由工具）的每个 provider 存一份 settings_config，切换时整文件覆写 &lt;code&gt;~/.claude/settings.json&lt;/code&gt;&lt;/strong&gt;。你手写进去的 env 变量，切一次就被 provider 自己的配置顶掉。&lt;/p&gt;&lt;p&gt;这个坑的隐蔽性在于它不报错：settings.json 看起来还是那个文件，只是 env 块被换成了 provider 自带的那份，你写的 &lt;code&gt;PYTHONUTF8&lt;/code&gt; 悄悄没了。想验证，切一次模型后 &lt;code&gt;cat ~/.claude/settings.json&lt;/code&gt;，看 env 里还有没有你手写的那行。&lt;/p&gt;&lt;p&gt;所以关键纪律：&lt;strong&gt;编码变量不能放 settings.json，要放上面三层里不被 CC Switch 触碰的地方&lt;/strong&gt;——Windows 用户环境变量、.bashrc、CLAUDE.md，CC Switch 一个都不碰。&lt;/p&gt;&lt;p&gt;CC Switch 数据在 &lt;code&gt;~/.cc-switch/&lt;/code&gt;，provider 的 settings_config 存在它的 db 里（&lt;code&gt;config.json&lt;/code&gt; / &lt;code&gt;db&lt;/code&gt; 目录下）。真要动它自己的配置，去那里改，别往 settings.json 塞。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;实测验证&lt;/h2&gt;&lt;p&gt;新会话按顺序跑，都是几秒能出结果的命令：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;echo $LANG                                        # 应为 zh_CN.UTF-8&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;python -c &quot;import sys; print(sys.stdout.encoding)&quot;   # 应为 utf-8&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;python -c &quot;print(&apos;中文&apos;)&quot; &amp;gt; /tmp/t.txt &amp;amp;&amp;amp; cat /tmp/t.txt  # 中文不乱&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;git config --get core.quotepath                   # 应为 false&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;再加一条硬碰硬的：找个 GBK 编码的老文件让 Claude Code 读一次，确认它先识别原编码再展示，而不是直接按 UTF-8 读成乱码。前七步全过基本就能放心；唯一没法自测的是「切 provider 后复验」——需要手动切一次模型再开新会话。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;我的判断&lt;/h2&gt;&lt;p&gt;按投入产出排序：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;新项目/可迁移代码&lt;/strong&gt;：全面统一 UTF-8，三层防护一次配好，一劳永逸&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;遗留 GBK 项目&lt;/strong&gt;：别硬改编码，用编辑器 &lt;code&gt;files.encoding&lt;/code&gt; + 自动猜测 + 手动重开，或给 Claude Code 配 Pre/PostToolUse hooks 在读写文件时按需转码&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;系统 Beta UTF-8&lt;/strong&gt;（区域设置里的「使用 Unicode UTF-8 提供全球语言支持」）：能根治很多问题，但会影响依赖 GBK 的旧软件，别轻易开&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;别指望规则能根治写入问题&lt;/strong&gt;：CLAUDE.md/rules 是行为提示，管不住工具底层写文件的编码路径，真正稳的是环境变量那层&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;最值得带走的一点：&lt;strong&gt;编码问题不是「配置一次就完」，是「要放在不会被工具重写的层」&lt;/strong&gt;。谁在覆写你的配置，谁的坑就要绕开谁。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>把高成本判断留给 Luna：一套 OpenCode + DeepSeek + MiniMax 的协作配置</title><link>https://fork-firefly.vercel.app/posts/opencode-luna-deepseek-minimax/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/opencode-luna-deepseek-minimax/</guid><description>OpenCode 里把 Luna 留给路由与验收，DeepSeek Flash 干可拆的纯文本执行，MiniMax 专管媒体；省钱的关键是委派契约，不是堆模型。</description><pubDate>Wed, 05 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;这套配置的价值，不在于把几个模型堆在一起，而在于把任务按能力和成本拆开：&lt;code&gt;bestcodex/gpt-5.6-luna&lt;/code&gt; 负责判断、路由和验收，&lt;code&gt;opencode-go/deepseek-v4-flash&lt;/code&gt; 负责可拆分的纯文本执行，MiniMax MCP 负责图片、音乐、视频、TTS 和音色等产物。&lt;/p&gt;
&lt;p&gt;这样做的结果是，主控模型不用承担所有重复执行，子 Agent 也不用假装自己拥有视觉能力。真正重要的部分，是每次委派都把边界和工具权限重新写进任务契约里，避免子 Agent 依赖历史上下文。&lt;/p&gt;
&lt;p&gt;相关阅读：&lt;a href=&quot;/posts/bestcodex-relay-luna/&quot;&gt;Best Codex 中转：三把钥匙、一个 Luna&lt;/a&gt;——那边讲 Key 与额度；这篇讲接到 OpenCode 之后怎么分活。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;这套组合为什么划算&lt;/h2&gt;&lt;p&gt;成本收益来自路由，而不是来自「所有任务都换成便宜模型」。&lt;/p&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;工作类型&lt;/th&gt;&lt;th&gt;更合适的角色&lt;/th&gt;&lt;th&gt;原因&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;需求理解、复杂取舍、视觉入口、最终验收&lt;/td&gt;&lt;td&gt;&lt;code&gt;luna-orchestrator&lt;/code&gt; / &lt;code&gt;bestcodex/gpt-5.6-luna&lt;/code&gt;&lt;/td&gt;&lt;td&gt;需要更长上下文、更强推理或图片输入能力&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;文件扫描、结构化分析、代码修改、测试和工具结果处理&lt;/td&gt;&lt;td&gt;&lt;code&gt;deepseek-v4-flash-worker&lt;/code&gt; / &lt;code&gt;opencode-go/deepseek-v4-flash&lt;/code&gt;&lt;/td&gt;&lt;td&gt;任务可以拆开，输入和输出都能用文本表达&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;图片、音乐、视频、TTS、音色和图片理解&lt;/td&gt;&lt;td&gt;MiniMax / &lt;code&gt;minimax-coding&lt;/code&gt; 工具&lt;/td&gt;&lt;td&gt;产物由专用能力生成或解析，不占用主控的全部推理链&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;主控模型只在需要判断的地方出现，纯文本执行交给子 Agent，媒体能力按需触发。任务越清晰，这个分工越省成本；任务越模糊，越应该先让 Luna 收敛目标，再派发执行。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;三个角色，各自守住一条边界&lt;/h2&gt;
































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;角色&lt;/th&gt;&lt;th&gt;接收什么&lt;/th&gt;&lt;th&gt;负责什么&lt;/th&gt;&lt;th&gt;交付什么&lt;/th&gt;&lt;th&gt;不做什么&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;luna-orchestrator&lt;/code&gt;&lt;/td&gt;&lt;td&gt;用户需求、原始图片、视频上下文、子任务结果&lt;/td&gt;&lt;td&gt;识别模态、选择能力、拆分任务、判断风险、Review 和验收&lt;/td&gt;&lt;td&gt;结构化任务、路由决策、最终结论&lt;/td&gt;&lt;td&gt;不把空结果、无证据结果或未完成的异步任务判为成功&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;deepseek-v4-flash-worker&lt;/code&gt;&lt;/td&gt;&lt;td&gt;结构化文字、路径、URL、Prompt、歌词、文本、&lt;code&gt;task_id&lt;/code&gt; 和工具返回结果&lt;/td&gt;&lt;td&gt;执行独立纯文本任务，并在范围内直接调用已暴露且获准的工具&lt;/td&gt;&lt;td&gt;非空结果、文件变更清单、验证证据、工具结果或任务状态&lt;/td&gt;&lt;td&gt;不把原始图片或视频字节作为模型输入，不猜测视觉内容，不伪造工具结果&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;MiniMax / &lt;code&gt;minimax-coding&lt;/code&gt;&lt;/td&gt;&lt;td&gt;&lt;code&gt;prompt&lt;/code&gt;、&lt;code&gt;text&lt;/code&gt;、&lt;code&gt;lyrics&lt;/code&gt;、&lt;code&gt;voice_id&lt;/code&gt;、&lt;code&gt;task_id&lt;/code&gt;、&lt;code&gt;image_source&lt;/code&gt; 等结构化参数&lt;/td&gt;&lt;td&gt;生成媒体、理解图片、查询音色、执行相关搜索&lt;/td&gt;&lt;td&gt;文件路径、结构化分析文字、&lt;code&gt;task_id&lt;/code&gt; 或状态&lt;/td&gt;&lt;td&gt;不主动扩大任务，不把 &lt;code&gt;enabled&lt;/code&gt; 自动解释成余额充足&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;有一个容易被误解的点：DeepSeek 是纯文本模型，不等于它只能写调用方案。它可以直接调用当前会话已经暴露、并且权限和认证都通过的 OpenCode 原生工具与 MCP。它不能接收媒体字节，但可以把路径、URL、Prompt 或 &lt;code&gt;task_id&lt;/code&gt; 作为工具参数传出去，再处理工具返回的文本结果。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;真正防止「失忆」的不是上下文，而是委派契约&lt;/h2&gt;&lt;p&gt;子 Agent 不应该依赖主控上一轮说过什么。每次通过原生 &lt;code&gt;task&lt;/code&gt; 委派时，都重复注入下面这段固定声明：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;DeepSeek V4 Flash 是纯文本执行 Agent，不接收图片、剪贴板附件或未转换的多媒体，只处理主控提供的结构化文字，并返回非空结果、修改文件、验证命令、验证结果和剩余风险。&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;同一个任务里还要补上正向能力声明：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;DeepSeek 可以直接调用当前会话已注册且权限/认证通过的 OpenCode 原生工具和 MCP；多媒体只能通过工具参数处理，不能作为原始模型输入。工具不可见或调用失败时，必须返回非空阻塞结果，不得猜测或伪造媒体结果。&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;这两段话缺一不可。只有限制没有授权，DeepSeek 会把自己误判成「只能分析文本、不能碰工具」；只有授权没有限制，它可能把图片附件当作模型输入，或者把无法验证的媒体结果说成已完成。&lt;/p&gt;&lt;p&gt;固定契约至少要覆盖五件事：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;任务范围：只做当前子任务，不擅自扩大。&lt;/li&gt;
&lt;li&gt;输入边界：原始媒体不进模型，结构化参数可以交给工具。&lt;/li&gt;
&lt;li&gt;工具权限：只能使用当前会话实际暴露且获准的工具。&lt;/li&gt;
&lt;li&gt;失败行为：工具不可见、未连接、认证失败或调用失败时，返回非空阻塞结果。&lt;/li&gt;
&lt;li&gt;验收证据：返回工具结果、文件路径或任务状态，以及验证命令、验证结果和剩余风险。&lt;/li&gt;
&lt;/ol&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;媒体任务的标准接力&lt;/h2&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;p&gt;图片理解时，&lt;code&gt;image_source&lt;/code&gt; 是传给视觉工具的路径或 URL，不是把图片字节交给 DeepSeek。标准流程是：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;Luna 或 DeepSeek 根据任务范围准备 &lt;code&gt;image_source&lt;/code&gt; 和分析 Prompt。&lt;/li&gt;
&lt;li&gt;&lt;code&gt;minimax-coding_understand_image&lt;/code&gt; 处理图片，返回 OCR、对象、颜色、布局或其他结构化文字。&lt;/li&gt;
&lt;li&gt;DeepSeek 消费这段结构化文字，继续做判断、改写、代码修改或下一步编排。&lt;/li&gt;
&lt;li&gt;Luna 检查返回内容是否非空，检查路径、状态、文件变更和需求覆盖。&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;生成任务也遵循同样的接力方式。DeepSeek 可以直接调用媒体工具，但要先识别副作用：生图和生音频会产生文件和额度消耗，视频可能是异步任务，播放会产生本地设备副作用，网页搜索会产生外部网络请求。&lt;/p&gt;&lt;p&gt;视频任务尤其不能把「已提交」当成「已完成」：&lt;code&gt;MiniMax_generate_video&lt;/code&gt; 返回 &lt;code&gt;task_id&lt;/code&gt; 后，必须继续使用 &lt;code&gt;MiniMax_query_video_generation&lt;/code&gt; 查询到终态，并以最终产物和 Review 结果为准。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;当前工具面&lt;/h2&gt;&lt;p&gt;当前 OpenCode 会话登记并暴露的能力族如下。具体参数以当次运行时工具签名为准，能力索引不替代工具定义。&lt;/p&gt;
















































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;能力&lt;/th&gt;&lt;th&gt;工具入口&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;图片生成&lt;/td&gt;&lt;td&gt;&lt;code&gt;MiniMax_text_to_image&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;图片理解和 OCR&lt;/td&gt;&lt;td&gt;&lt;code&gt;minimax-coding_understand_image&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;音乐生成&lt;/td&gt;&lt;td&gt;&lt;code&gt;MiniMax_music_generation&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;文本转语音&lt;/td&gt;&lt;td&gt;&lt;code&gt;MiniMax_text_to_audio&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;视频生成与查询&lt;/td&gt;&lt;td&gt;&lt;code&gt;MiniMax_generate_video&lt;/code&gt;、&lt;code&gt;MiniMax_query_video_generation&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;音色列表&lt;/td&gt;&lt;td&gt;&lt;code&gt;MiniMax_list_voices&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;音频播放&lt;/td&gt;&lt;td&gt;&lt;code&gt;MiniMax_play_audio&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;音色设计&lt;/td&gt;&lt;td&gt;&lt;code&gt;MiniMax_voice_design&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;音色克隆&lt;/td&gt;&lt;td&gt;&lt;code&gt;MiniMax_voice_clone&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;网页搜索&lt;/td&gt;&lt;td&gt;&lt;code&gt;minimax-coding_web_search&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;这套工具面让产物不再只有文本和代码，还可以包括图片、音乐、语音、视频、OCR 结果和结构化媒体分析。DeepSeek 的职责不是拥有这些媒体模态，而是把结构化任务送到正确的工具，并继续处理返回结果。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;已验证什么，不能越界推断什么&lt;/h2&gt;&lt;p&gt;验证结论要分层写，不能把配置状态和业务成功混在一起。&lt;/p&gt;




































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;状态&lt;/th&gt;&lt;th&gt;当前结论&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;配置启用&lt;/td&gt;&lt;td&gt;&lt;code&gt;MiniMax&lt;/code&gt; 和 &lt;code&gt;minimax-coding&lt;/code&gt; 在全局 OpenCode 配置中为 &lt;code&gt;enabled&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;工具可见&lt;/td&gt;&lt;td&gt;当前会话暴露了 MiniMax 媒体工具和 &lt;code&gt;minimax-coding&lt;/code&gt; 工具&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;只读调用成功&lt;/td&gt;&lt;td&gt;&lt;code&gt;MiniMax_list_voices&lt;/code&gt; 使用 &lt;code&gt;system&lt;/code&gt; 和 &lt;code&gt;voice_cloning&lt;/code&gt; 两种参数均成功返回；后者返回空列表&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;DeepSeek 直接调用工具&lt;/td&gt;&lt;td&gt;已验证。DeepSeek 子 Agent 直接调用 &lt;code&gt;MiniMax_list_voices&lt;/code&gt; 成功，不只是生成调用方案&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;生成端点逐项成功&lt;/td&gt;&lt;td&gt;尚未逐项验证，不能把配置声明写成全部生成工具已验收&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;权益或余额充足&lt;/td&gt;&lt;td&gt;当前没有从工具栏得到明确余额查询结果，不能从 &lt;code&gt;enabled&lt;/code&gt; 推断&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;服务端模型真实路由&lt;/td&gt;&lt;td&gt;子 Agent 不能独立证明请求最终命中的服务端节点，只能报告配置路由和运行行为&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;「工具已注册」「MCP 已连接」「认证通过」「权益充足」「业务调用成功」是五个不同状态。任何一项都不能替代另外四项。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;主控验收标准&lt;/h2&gt;&lt;p&gt;Luna 收到 &lt;code&gt;task_result&lt;/code&gt; 后，至少检查以下内容：&lt;/p&gt;




































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;检查点&lt;/th&gt;&lt;th&gt;不通过时的处理&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;结果非空&lt;/td&gt;&lt;td&gt;重试一次或报告阻塞&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Agent 和模型路由正确&lt;/td&gt;&lt;td&gt;不验收，检查委派方式和运行信息&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;工具结果真实存在&lt;/td&gt;&lt;td&gt;不接受只有模板或计划的文字&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;文件变更符合授权&lt;/td&gt;&lt;td&gt;发现越界修改时暂停验收&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;验证命令和结果齐全&lt;/td&gt;&lt;td&gt;不把「应该通过」算作证据&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;异步任务已到终态&lt;/td&gt;&lt;td&gt;继续查询或报告未完成&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;剩余风险已列出&lt;/td&gt;&lt;td&gt;要求补充边界，不用乐观措辞掩盖未知项&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;这套验收机制把模型的「记性」变成了可检查的契约。子 Agent 即使忘了上下文，也会在当前 Prompt 中重新获得能力边界和工具入口；它即使给出错误结论，Luna 仍然可以通过结果、权限和验证证据把错误拦下来。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;最容易写错的几句话&lt;/h2&gt;




































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;容易误导的说法&lt;/th&gt;&lt;th&gt;更准确的说法&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;MiniMax 已启用，所以媒体功能一定可用&lt;/td&gt;&lt;td&gt;MCP 处于 enabled 状态，工具是否可用要看当前会话暴露、认证和实际调用结果&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;图片交给 DeepSeek 处理&lt;/td&gt;&lt;td&gt;图片通过 &lt;code&gt;image_source&lt;/code&gt; 交给视觉工具，DeepSeek 只处理工具返回的结构化文字&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;DeepSeek 只能生成调用方案&lt;/td&gt;&lt;td&gt;DeepSeek 可以直接调用当前会话已暴露且获准的工具，纯文本边界只限制模型输入，不限制工具编排能力&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;调用方案已经生成，所以任务完成&lt;/td&gt;&lt;td&gt;只有实际调用获得返回，并完成验证和 Review，才算执行完成&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;视频任务已经提交，所以视频生成完成&lt;/td&gt;&lt;td&gt;必须保存 &lt;code&gt;task_id&lt;/code&gt;，查询到终态并确认产物&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;音色列表为空，所以 MiniMax 没有权益&lt;/td&gt;&lt;td&gt;空列表只说明当前分类没有可枚举条目，不能推出权益状态&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;纯文本模型不能做媒体任务&lt;/td&gt;&lt;td&gt;纯文本模型不能直接理解媒体字节，但可以通过工具参数编排媒体任务&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;维护这套体系的几条硬规则&lt;/h2&gt;&lt;ol&gt;
&lt;li&gt;&lt;code&gt;opencode.json&lt;/code&gt; 是运行时配置来源，&lt;code&gt;capability-index.md&lt;/code&gt; 是能力登记表，&lt;code&gt;AGENTS.md&lt;/code&gt; 和 &lt;code&gt;session-bootstrap.md&lt;/code&gt; 是协作规则和新会话同步层。&lt;/li&gt;
&lt;li&gt;修改 Agent、模型、MCP、Skill、Plugin 或权限后，同时更新能力索引，并重新做 JSON 解析和运行时检查。&lt;/li&gt;
&lt;li&gt;每次原生 &lt;code&gt;task&lt;/code&gt; 委派都重复注入固定能力声明，不依赖历史上下文。&lt;/li&gt;
&lt;li&gt;运行时工具栏优先于旧文档。工具名、参数和可用性发生变化时，以当次实际暴露签名为准。&lt;/li&gt;
&lt;li&gt;修改配置后重启 OpenCode。配置不是热加载的，当前会话不会自动获得所有新规则。&lt;/li&gt;
&lt;li&gt;凭据只从认证存储或环境变量读取，不进入 Prompt、日志、能力索引或知识笔记。&lt;/li&gt;
&lt;li&gt;媒体工具按需触发。涉及生成、播放、外部网络或异步任务时，先标明副作用，再执行和验收。&lt;/li&gt;
&lt;/ol&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;适合迁移到其他项目的原则&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;按输入模态和任务复杂度分工，不按「谁都能做」分工。&lt;/li&gt;
&lt;li&gt;把工具权限、失败处理和验收证据写进每次委派契约。&lt;/li&gt;
&lt;li&gt;让低成本模型承担可验证的执行，让高能力模型承担路由和最终判断。&lt;/li&gt;
&lt;li&gt;把多媒体当作工具参数和工具结果管理，不把媒体字节硬塞给纯文本模型。&lt;/li&gt;
&lt;li&gt;将配置状态、运行时状态和业务结果分层记录。&lt;/li&gt;
&lt;li&gt;用真实调用验证工具链，不用静态 &lt;code&gt;enabled&lt;/code&gt; 字段替代运行时证据。&lt;/li&gt;
&lt;li&gt;对异步产物坚持「状态到终态」的验收，而不是看到 &lt;code&gt;task_id&lt;/code&gt; 就结束。&lt;/li&gt;
&lt;li&gt;保留失败和未知项。未知不是失败，但把未知写成成功会让整套协作失去可信度。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;这套方案的核心不是让某一个模型变得无所不能，而是让每个角色都知道自己能做什么、该把什么交给工具、什么时候必须停下来等主控验收。这样，成本、能力和产物多样性才会同时成立。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>Best Codex 中转：三把钥匙、一个 Luna，测完还剩 $39</title><link>https://fork-firefly.vercel.app/posts/bestcodex-relay-luna/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/bestcodex-relay-luna/</guid><description>Best Codex 三组 Key 实测：Luna 写代码又香又便宜，Sonnet 5 稳走 Claude Code，画图好看但会把额度咬出缺口。</description><pubDate>Wed, 05 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;早上邮箱里蹦出「好久不见，送你 50 额度」。人一懒就容易把这种中转站忘在角落，但这次正好想搞清楚：Best Codex 到底能不能扛 Codex / Claude Code / 生图，以及&lt;strong&gt;一美元在 Luna 上能熬多久&lt;/strong&gt;。&lt;/p&gt;
&lt;p&gt;测完余额变成 &lt;strong&gt;$39.47&lt;/strong&gt;。掉的那十来块，教训比数字更值钱。&lt;/p&gt;
&lt;p&gt;相关阅读：&lt;a href=&quot;/posts/gpt-relay-dual-pro-pool-benchmark/&quot;&gt;双 Pro 拼池的 GPT 中转&lt;/a&gt;——那边偏并发脾气；这篇偏分组能力与额度账本。接到 OpenCode 之后怎么分活，见 &lt;a href=&quot;/posts/opencode-luna-deepseek-minimax/&quot;&gt;把高成本判断留给 Luna&lt;/a&gt;。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;先把站点想明白&lt;/h2&gt;&lt;p&gt;Best Codex 是个 AI API 网关（自家叫 sub2api 一类）。你拿 Key，工具打到 &lt;code&gt;https://api.bestcodex.xyz/v1&lt;/code&gt;，它再往上游转。&lt;/p&gt;&lt;p&gt;配工具时别手写一堆 toml / json 来回改——&lt;strong&gt;CC Switch&lt;/strong&gt; 才是正经入口：官网一键「导入到 CCS」，Codex / Claude Code 共用配置。&lt;/p&gt;&lt;p&gt;还有个坑得先说：&lt;strong&gt;分组决定能力&lt;/strong&gt;。同一域名下，不同 Key 能打的模型和协议完全不是一回事。列表里看见的名字，不等于这组账号真接得上。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;三把钥匙，各干各的&lt;/h2&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;钥匙&lt;/th&gt;&lt;th&gt;分组体感&lt;/th&gt;&lt;th&gt;真能用的&lt;/th&gt;&lt;th&gt;评价&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;GPT 活动（约 0.6x）&lt;/td&gt;&lt;td&gt;文本 / Codex&lt;/td&gt;&lt;td&gt;&lt;code&gt;gpt-5.6-luna&lt;/code&gt; / &lt;code&gt;terra&lt;/code&gt; / &lt;code&gt;sol&lt;/code&gt; 等；Chat、Responses、流式、Tools 都通&lt;/td&gt;&lt;td&gt;&lt;strong&gt;日常写代码主力&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;画图专用（标 0.15/张·异步）&lt;/td&gt;&lt;td&gt;只生图&lt;/td&gt;&lt;td&gt;实质只有 &lt;strong&gt;&lt;code&gt;gpt-image-2&lt;/code&gt;&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;质量可以，&lt;strong&gt;额度杀手&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Claude 超值 / Kiro（约 0.6x）&lt;/td&gt;&lt;td&gt;Anthropic 协议&lt;/td&gt;&lt;td&gt;&lt;strong&gt;&lt;code&gt;claude-sonnet-5&lt;/code&gt;&lt;/strong&gt; 稳；&lt;code&gt;sonnet-4-6&lt;/code&gt; 也能通；大量旧 Sonnet 上游 502&lt;/td&gt;&lt;td&gt;&lt;strong&gt;Claude Code 专用&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;别混着用：Claude Key 去打 GPT 会吃闭门羹；画图 Key 塞进 OpenCode 聊天配置，纯属对牛弹琴。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;模型怎么选才不后悔&lt;/h2&gt;&lt;p&gt;我这边的取舍很直白：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Codex / OpenCode 主用&lt;/strong&gt;：&lt;code&gt;gpt-5.6-luna&lt;/code&gt;，推理档日常用 &lt;strong&gt;high&lt;/strong&gt;，别动不动 &lt;strong&gt;max + 超长输出&lt;/strong&gt;（实测会拖到超时）。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;均衡备选&lt;/strong&gt;：&lt;code&gt;gpt-5.6-terra&lt;/code&gt; + high，体感稍快，够用。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Claude Code&lt;/strong&gt;：死磕 &lt;strong&gt;&lt;code&gt;claude-sonnet-5&lt;/code&gt;&lt;/strong&gt;。列表里一堆 Opus / 老 Sonnet / Fable，好看但不能当真。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;生图&lt;/strong&gt;：只在需要时开 &lt;code&gt;gpt-image-2&lt;/code&gt;。产品图、图标、复杂夜景都像样，但今天 OpenAI 侧 &lt;strong&gt;~$10.53&lt;/strong&gt; 基本是它贡献的。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;性价比排序（结合 0.6x 和仪表盘实际扣费）：&lt;strong&gt;Sonnet 5 ≈ Luna/Terra 文本 ≫ 画图&lt;/strong&gt;。文本便宜到几乎可以「随便试」；画图不行。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;$1 在 Luna 上大概能干多久&lt;/h2&gt;&lt;p&gt;按仪表盘当时一行粗算：&lt;code&gt;gpt-5.6-luna&lt;/code&gt; 约 &lt;strong&gt;18K tokens / $0.0022（实际）&lt;/strong&gt;。&lt;/p&gt;&lt;p&gt;折下来：&lt;/p&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;口径&lt;/th&gt;&lt;th&gt;约合 / $1&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;Token&lt;/td&gt;&lt;td&gt;&lt;strong&gt;~820 万&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;短问答（~320 tok/次，含网关注入）&lt;/td&gt;&lt;td&gt;~2.5 万次&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;中等编码（~800 tok/次）&lt;/td&gt;&lt;td&gt;~1 万轮&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;偏重一轮（~2K tok）&lt;/td&gt;&lt;td&gt;~4 千轮&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;说人话：&lt;strong&gt;一美元的 Luna，正经写代码能熬很久&lt;/strong&gt;。你现在剩 ~$39，如果几乎只跑 Luna 文本，压力主要不在余额，而在自己舍不舍得刷。&lt;/p&gt;&lt;p&gt;两个记账细节别忽略：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;短 prompt 也会冒出 ~300 prompt tokens——网关爱塞系统上下文。&lt;/li&gt;
&lt;li&gt;仪表盘单价会变；上面是量级，不是合同价。&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;Luna 短中请求一般 2–4 秒内回来；&lt;code&gt;max&lt;/code&gt; 拉长输出时，我这边出现过 &lt;strong&gt;180 秒读超时&lt;/strong&gt;。舒服的用法是 high，不是拉满。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;生图那笔账，值得单独骂一句&lt;/h2&gt;&lt;p&gt;画图分组对外标「0.15/张、异步」，接口却是同步等结果：&lt;code&gt;POST /v1/images/generations&lt;/code&gt;，大约 &lt;strong&gt;50–70 秒&lt;/strong&gt;吐 CDN URL，模型名白纸黑字 &lt;code&gt;gpt-image-2&lt;/code&gt;。&lt;/p&gt;&lt;p&gt;质量没话说。可今天总消耗里，OpenAI &lt;strong&gt;&lt;span&gt;&lt;span&gt;10.53/58次∗∗，Claude几乎是∗∗10.53 / 58 次**，Claude 几乎是 **&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;10.53/58&lt;/span&gt;&lt;span&gt;次&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;∗&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;∗&lt;/span&gt;&lt;span&gt;，&lt;/span&gt;&lt;span&gt;C&lt;/span&gt;&lt;span&gt;l&lt;/span&gt;&lt;span&gt;a&lt;/span&gt;&lt;span&gt;u&lt;/span&gt;&lt;span&gt;d&lt;/span&gt;&lt;span&gt;e&lt;/span&gt;&lt;span&gt;几乎是&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;∗&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;∗&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;0&lt;/strong&gt;。聊天探测那点 token 根本填不满十刀——&lt;strong&gt;大头就是图&lt;/strong&gt;。&lt;/p&gt;&lt;p&gt;以后规则简单：Agent 默认别绑画图 Key；要图就单独开，并去「使用记录」核对真实单价，别只信分组文案。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;Claude 这条线的真实水位&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;协议：&lt;code&gt;/v1/messages&lt;/code&gt; 正统 Anthropic；顺带 &lt;code&gt;/v1/chat/completions&lt;/code&gt; 也能转。&lt;/li&gt;
&lt;li&gt;&lt;code&gt;claude-sonnet-5&lt;/code&gt;：对话、流式、Tool use、写码都过了；轻并发 8 路无 429。&lt;/li&gt;
&lt;li&gt;列表里很多 Sonnet 显示有、一打就「Upstream access forbidden」。&lt;strong&gt;列表 ≠ 可用&lt;/strong&gt;，固定 Sonnet 5 最省心。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;OpenCode 侧 Anthropic provider 指到 &lt;code&gt;https://api.bestcodex.xyz/v1&lt;/code&gt; 即可；Claude Code 用环境变量或 CC Switch 导入同理。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;我会怎么挂日常&lt;/h2&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;Codex / OpenCode  →  GPT 活动 Key  →  gpt-5.6-luna (high)&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;Claude Code       →  Claude/Kiro Key →  claude-sonnet-5&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;偶尔生图          →  画图 Key        →  gpt-image-2（按次想清楚）&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;密钥别再往聊天、截图、公开文档里扔。测完轮换，尤其是还要长期挂的那两把文本 Key。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;带走的几句&lt;/h2&gt;&lt;p&gt;中转站好不好用，不看宣传页模型墙，看&lt;strong&gt;分组真实接通了什么&lt;/strong&gt;。&lt;br /&gt;
Best Codex 上：Luna 写代码香且便宜；Sonnet 5 走 Claude 也香；画图好看但会把「50 额度」咬出可见缺口。&lt;/p&gt;&lt;p&gt;剩 $39 的玩法很明确——&lt;strong&gt;把 Luna 当主粮，把生图当零食。&lt;/strong&gt;&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>双 Pro 拼池的 GPT 中转，实测下来到底什么水平</title><link>https://fork-firefly.vercel.app/posts/gpt-relay-dual-pro-pool-benchmark/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/gpt-relay-dual-pro-pool-benchmark/</guid><description>号商拼两个 Pro 账号套壳的中转，低并发真香、高并发排队式恶化、额度无查询；三款模型脾气逐一拆给你。</description><pubDate>Tue, 04 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;号商把两个 ChatGPT Pro 账号拼成池子，套一层 OpenAI 兼容 API 卖中转。这种中转满大街都是，但水平参差。我花了一上午把它三款模型实测了一遍，顺便踩了几个坑，写下来给你省时间。&lt;/p&gt;
&lt;p&gt;相关阅读：&lt;a href=&quot;/posts/bestcodex-relay-luna/&quot;&gt;Best Codex 中转：三把钥匙、一个 Luna&lt;/a&gt;——那边偏分组钥匙与额度账本；这篇偏并发脾气。&lt;/p&gt;
&lt;blockquote&gt;&lt;p&gt;并发不超过 3 的时候它非常好用，写个 HTML 静态页 9 到 10 秒出完，首包延迟 1.6 到 2 秒。但别拿它当高并发底座，并发过 10 延迟开始排队式恶化，高压流式还会 502。额度没有查询接口，你付的是号商服务费，不是 API 里能查的余额。&lt;/p&gt;&lt;/blockquote&gt;
&lt;section&gt;&lt;h2&gt;先看它是什么&lt;/h2&gt;&lt;p&gt;OpenAI 兼容协议，Anthropic 的 &lt;code&gt;/v1/messages&lt;/code&gt; 也通。模型白名单 7 个：gpt-5.6-sol / terra / luna、gpt-5.5、gpt-5.4、gpt-5.4-mini、codex-auto-review。注意它是明文 HTTP，这个后面单独说。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;压测最怕各测各的，口径先定死&lt;/h2&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;指标&lt;/th&gt;&lt;th&gt;定义&lt;/th&gt;&lt;th&gt;说明&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;TTFT&lt;/td&gt;&lt;td&gt;首 token 延迟&lt;/td&gt;&lt;td&gt;请求发出到收到第一个分片&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;纯生成 TPS&lt;/td&gt;&lt;td&gt;生成速度&lt;/td&gt;&lt;td&gt;输出 token ÷（总耗时 − TTFT）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;稳定并发&lt;/td&gt;&lt;td&gt;错误率可控的最大并发&lt;/td&gt;&lt;td&gt;并发阶梯逐档试出来&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;两条硬规矩：TPS 必须扣掉 TTFT 再算；错误率要把流式中断算进去，HTTP 200 不代表响应拿全了。这类流式接口得自己解析分片，现成压测工具不太顺手。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;三款模型，脾气各不相同&lt;/h2&gt;


































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;指标&lt;/th&gt;&lt;th&gt;gpt-5.6-luna&lt;/th&gt;&lt;th&gt;gpt-5.6-terra&lt;/th&gt;&lt;th&gt;gpt-5.6-sol&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;定位&lt;/td&gt;&lt;td&gt;轻量快响应&lt;/td&gt;&lt;td&gt;均衡&lt;/td&gt;&lt;td&gt;旗舰重推理&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;空闲流式 TTFT&lt;/td&gt;&lt;td&gt;~2s&lt;/td&gt;&lt;td&gt;~1.6s&lt;/td&gt;&lt;td&gt;1.72.2s&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;长输出 TPS&lt;/td&gt;&lt;td&gt;~50&lt;/td&gt;&lt;td&gt;~52&lt;/td&gt;&lt;td&gt;~40&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;3 并发小任务&lt;/td&gt;&lt;td&gt;~9s 出完 HTML&lt;/td&gt;&lt;td&gt;~10s 出完 HTML&lt;/td&gt;&lt;td&gt;短任务更快，长页 15~24s&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;luna 是快枪手&lt;/strong&gt;。日常首选，首包最低，也最耐并发。长文档别指望它。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;terra 是均衡款&lt;/strong&gt;。数据点少，但 3 并发下 10 秒出完落地页，表现最平。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;sol 是重炮&lt;/strong&gt;。输出质量最高，但最慢，写长页要 15 到 24 秒。短任务反而结束得快，适合深度推理。&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;并发一上来，就露馅了&lt;/h2&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;并发&lt;/th&gt;&lt;th&gt;平均延迟&lt;/th&gt;&lt;th&gt;长尾&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;5&lt;/td&gt;&lt;td&gt;5.9s&lt;/td&gt;&lt;td&gt;P95 7.1s&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;10&lt;/td&gt;&lt;td&gt;20.6s&lt;/td&gt;&lt;td&gt;P95 31.6s&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;20&lt;/td&gt;&lt;td&gt;29.2s&lt;/td&gt;&lt;td&gt;P95 51.9s&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;延迟随并发线性恶化，稳定吞吐只有 QPS 0.4 到 0.7。两个账号的配额就那么多，并发再高只是排队。判定口诀：单请求快、并发就垮，基本就是账号拼池。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;并发的代价：左边顺畅，右边排队&quot; loading=&quot;lazy&quot; width=&quot;1152&quot; height=&quot;864&quot; src=&quot;/_astro/fig-concurrency.D59XBYmm_26AEmo.webp&quot; /&gt;&lt;figcaption&gt;并发的代价：左边顺畅，右边排队&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;上下文倒是出奇地大&lt;/h2&gt;&lt;p&gt;塞到 200k 字符（约 128k tokens）还能正常返回，120k 之后响应反而变快，疑似命中 prompt caching。两次独立测试都没摸到硬上限。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;踩的坑，一个比一个值钱&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;短任务 TPS 是假的。&lt;/strong&gt; 几十个 token 的短任务，生成段被连接建立和首包延迟盖住，TPS 能虚高到 15 甚至更高。TPS 只信长输出，短任务只看 TTFT。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;高压流式会 502。&lt;/strong&gt; 并发拉高后流式响应中途断流，网关直接 502，偶尔返回 200 但内容只有一半。客户端必须校验结束标记，压测要把「200 但没结束标记」算失败。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;额度查不到。&lt;/strong&gt; 常见余额接口全是 502，像是把请求原样转给 chatgpt.com。买的 120 到 130 刀是号商服务费，不是 API 余额，只能问卖家或用到报错。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;额度是个谜：秤盘空着，仪表没刻度&quot; loading=&quot;lazy&quot; width=&quot;1152&quot; height=&quot;864&quot; src=&quot;/_astro/fig-quota.g78rt-Ei_Z1QNNkm.webp&quot; /&gt;&lt;figcaption&gt;额度是个谜：秤盘空着，仪表没刻度&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;明文 HTTP + key 已暴露。&lt;/strong&gt; 传输是明文，key 又在多个会话里出现过。当已泄露处理，用完轮换。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;TTFT 单次波动大。&lt;/strong&gt; 1.9 到 6.9 秒都出现过，看中位数别被均值带偏，空闲串行重测最可信。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;最后说下怎么选&lt;/h2&gt;





























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;场景&lt;/th&gt;&lt;th&gt;选谁&lt;/th&gt;&lt;th&gt;理由&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;日常对话、补全、小任务&lt;/td&gt;&lt;td&gt;luna&lt;/td&gt;&lt;td&gt;首包最快，最耐造&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;长文、分析&lt;/td&gt;&lt;td&gt;terra&lt;/td&gt;&lt;td&gt;上下文稳，性价比平衡&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;深度推理&lt;/td&gt;&lt;td&gt;sol&lt;/td&gt;&lt;td&gt;质量最稳，但慢，走离线批处理&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;并发&lt;/td&gt;&lt;td&gt;控制在 3 到 5&lt;/td&gt;&lt;td&gt;超过就开始排队&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;说到底，它是典型的「单请求快、上下文大、并发弱」中转，适合个人工具和日常 AI 编码辅助，不适合当高并发服务底座。这些坑记下来，下次就不用再踩一遍。☕(￣▽￣)ノ&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>工具失败还在原参数重试：掐断 Kimi 死循环</title><link>https://fork-firefly.vercel.app/posts/kimi-cli-tool-loop/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/kimi-cli-tool-loop/</guid><description>截图验证里 Read 连环 failed，多半不是宿主坑：模型不记失败，默认循环上限又太松。收紧 loop_control，提示词写清失败即停。</description><pubDate>Tue, 04 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;用 Kimi Code CLI 做截图验证时，很容易撞上同一出戏：Read 一批 PNG 失败后，界面反复刷 “Read 4 files · failed”，参数纹丝不动，直到你手动 Esc。这不是偶发，换到 Claude Code 挂同一模型也会复现——根子不在宿主兼容，而在&lt;strong&gt;工具失败后的策略&lt;/strong&gt;。&lt;/p&gt;
&lt;p&gt;相关阅读：&lt;a href=&quot;/posts/vibe-coding-tips-index/&quot;&gt;对话与回路：Harness / Loop 笔记&lt;/a&gt;。同站还有一篇 Claude → OpenCode / Kimi 迁移笔记（&lt;code&gt;claude-migration-opencode-kimi&lt;/code&gt;，目前仍是草稿，链接后补）。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;现象：同一参数的死循环&lt;/h2&gt;&lt;p&gt;典型触发是截图验证：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;要读 &lt;code&gt;temp\…\*.png&lt;/code&gt; 做视觉核对&lt;/li&gt;
&lt;li&gt;临时文件生命周期、Windows 路径、权限或同步延迟 → Read 失败&lt;/li&gt;
&lt;li&gt;模型收到失败后，&lt;strong&gt;不更新「已失败」状态&lt;/strong&gt;，继续发完全相同的调用&lt;/li&gt;
&lt;li&gt;界面连环 failed，直到人打断&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;同类变体还有：同一批文件反复 grep/sed；auto-compact 后「忘了」失败，又从头循环；长会话里默认循环上限太高，死循环能跑很久。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;根因：模型策略 + 配置过松&lt;/h2&gt;&lt;section&gt;&lt;h3&gt;模型侧&lt;/h3&gt;&lt;p&gt;对照 GitHub Issues（如 #2557、#2142、#1950、#640）和实操观察：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;工具失败后，仍常发出&lt;strong&gt;参数完全相同&lt;/strong&gt;的下一次调用&lt;/li&gt;
&lt;li&gt;失败结果没进有效记忆，或被当成「再验证一次」的信号&lt;/li&gt;
&lt;li&gt;上下文压缩后更容易失忆，重新开跑同一循环&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;官方 changelog 里有过「重复无效工具调用后停轮」一类修复，但模型侧的重复倾向并未消失。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;配置侧&lt;/h3&gt;&lt;p&gt;默认循环控制偏宽：&lt;/p&gt;



















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;项&lt;/th&gt;&lt;th&gt;大致默认&lt;/th&gt;&lt;th&gt;体感&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;max_steps_per_turn&lt;/code&gt;&lt;/td&gt;&lt;td&gt;已抬到约 1000&lt;/td&gt;&lt;td&gt;死循环能拖很久&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;max_retries_per_step&lt;/code&gt;&lt;/td&gt;&lt;td&gt;约 3&lt;/td&gt;&lt;td&gt;单步还能再撞几次&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;截图 + &lt;code&gt;temp\&lt;/code&gt; 路径会放大问题：文件可能已不存在、路径/权限失败、图片字节预算踩线后无限重试；Ralph 循环（&lt;code&gt;--max-ralph-iterations&lt;/code&gt;）若没停条件，会再放大一轮。&lt;/p&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;怎么掐：配置优先，提示词托底&lt;/h2&gt;&lt;section&gt;&lt;h3&gt;收紧循环控制（优先做）&lt;/h3&gt;&lt;p&gt;在 &lt;code&gt;~/.kimi-code/config.toml&lt;/code&gt;（或项目级配置）写明：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;loop_control&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;max_steps_per_turn&lt;/span&gt;&lt;span&gt; = &lt;/span&gt;&lt;span&gt;40&lt;/span&gt;&lt;span&gt;          &lt;/span&gt;&lt;span&gt;# 建议 30–60，默认 1000 太高&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;max_retries_per_step&lt;/span&gt;&lt;span&gt; = &lt;/span&gt;&lt;span&gt;2&lt;/span&gt;&lt;span&gt;         &lt;/span&gt;&lt;span&gt;# 建议 1–2&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;max_ralph_iterations&lt;/span&gt;&lt;span&gt; = &lt;/span&gt;&lt;span&gt;0&lt;/span&gt;&lt;span&gt;         &lt;/span&gt;&lt;span&gt;# 不需要 Ralph 就关掉&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;命令行临时覆盖：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;Terminal window&lt;/span&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;kimi&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;--max-steps-per-turn&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;40&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;--max-retries-per-step&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;2&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;或环境变量：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;Terminal window&lt;/span&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;KIMI_LOOP_MAX_STEPS_PER_TURN&lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt;40&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;KIMI_LOOP_MAX_RETRIES_PER_STEP&lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt;2&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;改完 &lt;code&gt;/reload&lt;/code&gt; 或重开会话。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;提示词写清「失败即停」&lt;/h3&gt;&lt;p&gt;任务描述或 &lt;code&gt;/goal&lt;/code&gt; 里直接写死：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;同一工具（尤其 Read 图片 / 同一文件）连续失败超过 2 次：停止重试，报告原因并结束本轮，禁止同参再调&lt;/li&gt;
&lt;li&gt;验证结束就输出结论，别继续啃已失败的截图或临时文件&lt;/li&gt;
&lt;li&gt;&lt;code&gt;Do not retry identical tool calls with the same arguments after failure.&lt;/code&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;官方也建议用 &lt;code&gt;/goal&lt;/code&gt; 给多步任务一条清晰 finish line；很多人反馈，加上「失败即停」后循环明显少。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;截图 / 临时文件习惯&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;先 &lt;code&gt;ls&lt;/code&gt; / &lt;code&gt;dir&lt;/code&gt; 确认存在，再 Read&lt;/li&gt;
&lt;li&gt;验证图放到稳定路径，别赌 &lt;code&gt;temp\&lt;/code&gt; 寿命&lt;/li&gt;
&lt;li&gt;一旦连环 failed：立刻 Esc / Ctrl-C，新开一轮或明确说「这些已失败，跳过」&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;长会话&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;主动 &lt;code&gt;/compact&lt;/code&gt; 或开新会话，减轻压缩后遗忘&lt;/li&gt;
&lt;li&gt;CLI 保持较新版本（官方修过无效工具调用无限重试）&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;防循环 checklist&lt;/h2&gt;












































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;场景&lt;/th&gt;&lt;th&gt;操作&lt;/th&gt;&lt;th&gt;优先级&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;日常配置&lt;/td&gt;&lt;td&gt;收紧 &lt;code&gt;max_steps_per_turn&lt;/code&gt; / &lt;code&gt;max_retries_per_step&lt;/code&gt;&lt;/td&gt;&lt;td&gt;高&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;任务提示&lt;/td&gt;&lt;td&gt;写入「失败即停」&lt;/td&gt;&lt;td&gt;高&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;撞上循环&lt;/td&gt;&lt;td&gt;立刻 Esc，告诉模型跳过&lt;/td&gt;&lt;td&gt;高&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;图片验证&lt;/td&gt;&lt;td&gt;先确认文件存在再 Read&lt;/td&gt;&lt;td&gt;中&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;临时文件&lt;/td&gt;&lt;td&gt;用稳定路径&lt;/td&gt;&lt;td&gt;中&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;长会话&lt;/td&gt;&lt;td&gt;&lt;code&gt;/compact&lt;/code&gt; 或新会话&lt;/td&gt;&lt;td&gt;中&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;版本&lt;/td&gt;&lt;td&gt;升级 CLI 吃官方修复&lt;/td&gt;&lt;td&gt;低&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;边界&lt;/h2&gt;&lt;p&gt;这不是「Kimi 和 Claude 工具不兼容」的单一锅。同一模型挂到别的宿主也会转圈，说明要&lt;strong&gt;模型侧继续改策略 + 用户侧主动拧上限&lt;/strong&gt;。步数和重试压下来，再配退出指令与操作习惯，频率会明显下降。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;出处与边界&lt;/h2&gt;




















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;项&lt;/th&gt;&lt;th&gt;说明&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;素材&lt;/td&gt;&lt;td&gt;Knowledge「Kimi-Code-CLI-死循环问题」（仓外留档）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;配图&lt;/td&gt;&lt;td&gt;素材 &lt;code&gt;assets/&lt;/code&gt; 当时未随目录落地；封面为本站生成，小节示意图从缺&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;非目标&lt;/td&gt;&lt;td&gt;不替代官方文档；具体默认值以你本机 CLI 版本为准&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;</content:encoded></item><item><title>MCP 薄笔记：协议与业务位</title><link>https://fork-firefly.vercel.app/posts/vibe-mcp-index/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/vibe-mcp-index/</guid><description>从 Vibe 40* 抽出 MCP 专稿与 04 定位段：STDIO/SSE、Spring AI、ReAct 工具链；面试与扩展清单另见他帖。</description><pubDate>Tue, 04 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;鱼皮 &lt;a href=&quot;https://ai.codefather.cn/vibe&quot; target=&quot;_blank&quot;&gt;Vibe Coding 教程&lt;/a&gt; 的「40 编程学习 / 进阶」目录里文件不少，但 &lt;strong&gt;和 MCP 强相关的正文很薄&lt;/strong&gt;：Dedicated 专稿就 &lt;strong&gt;《MCP 服务开发》&lt;/strong&gt; 一篇，另 &lt;strong&gt;《04 AI 编程技术》&lt;/strong&gt; 里有一段 MCP 在 AI 业务里的定位。这篇只做 MCP 切片索引，不 mirror 全文，也不把 06 面试题、简历模板那些灌水进来。&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/tree/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/40%20%E7%BC%96%E7%A8%8B%E5%AD%A6%E4%B9%A0&quot; target=&quot;_blank&quot;&gt;40 编程学习 · GitHub 目录&lt;/a&gt; · &lt;a href=&quot;https://ai.codefather.cn/vibe&quot; target=&quot;_blank&quot;&gt;Vibe 在线阅读&lt;/a&gt; · &lt;a href=&quot;https://github.com/liyupi/ai-guide&quot; target=&quot;_blank&quot;&gt;ai-guide 仓库&lt;/a&gt;&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;怎么读这张薄地图&lt;/h2&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;你想&lt;/th&gt;&lt;th&gt;建议&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;从零写 MCP（Java / Spring AI）&lt;/td&gt;&lt;td&gt;直接读 &lt;strong&gt;MCP 服务开发&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;搞清 MCP 在企业 AI 业务里站哪&lt;/td&gt;&lt;td&gt;&lt;strong&gt;04 AI 编程技术&lt;/strong&gt; 的 MCP + ReAct 段&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;在 Cursor / Cherry Studio 接 MCP&lt;/td&gt;&lt;td&gt;MCP 服务开发第四节；现成 MCP 清单看 &lt;a href=&quot;/posts/vibe-coding-tools-index/&quot;&gt;编程工具索引&lt;/a&gt; 的 10 扩展&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;面试被问 MCP 八股&lt;/td&gt;&lt;td&gt;原文 &lt;strong&gt;06 面试题&lt;/strong&gt;，本篇刻意不收&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;40* 里 &lt;strong&gt;没有&lt;/strong&gt; 第二篇 MCP 长文；想装 Context7、GitHub MCP、Chrome DevTools MCP 等，材料在 &lt;strong&gt;10 编程工具&lt;/strong&gt; 板块，本站已有 &lt;a href=&quot;/posts/vibe-coding-tools-index/&quot;&gt;vibe-coding-tools-index&lt;/a&gt;。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;MCP 服务开发&lt;/h2&gt;&lt;p&gt;鱼皮这篇是 40* 的 MCP 主菜：讲清 Model Context Protocol（Anthropic 开放标准）、客户端—服务器架构，并以 &lt;strong&gt;面试鸭搜题 MCP&lt;/strong&gt; 走通服务端 + 客户端。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;STDIO（本地）&lt;/strong&gt;：Spring AI &lt;code&gt;spring-ai-mcp-server-spring-boot-starter&lt;/code&gt;，禁用 Web、&lt;code&gt;stdio: true&lt;/code&gt;，&lt;code&gt;@Tool&lt;/code&gt; 暴露业务能力，&lt;code&gt;ToolCallbackProvider&lt;/code&gt; 注册；客户端用 &lt;code&gt;mcp-servers-config.json&lt;/code&gt; 拉起 JAR，ChatClient 挂 &lt;code&gt;defaultTools&lt;/code&gt;。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;SSE（远程）&lt;/strong&gt;：&lt;code&gt;spring-ai-mcp-server-webflux-spring-boot-starter&lt;/code&gt;，独立端口，适合远程部署。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;用起来&lt;/strong&gt;：Cherry Studio / Cursor 等填 MCP JSON 即可；成品可提交 &lt;a href=&quot;https://mcp.so&quot; target=&quot;_blank&quot;&gt;MCP.so&lt;/a&gt; 类市场。开源参考：&lt;a href=&quot;https://github.com/yuyuanweb/mcp-mianshiya-server&quot; target=&quot;_blank&quot;&gt;mcp-mianshiya-server&lt;/a&gt;。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://ai.codefather.cn/library/2010991320544776194&quot; target=&quot;_blank&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;figure&gt;&lt;a href=&quot;https://ai.codefather.cn/library/2010991320544776194&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;MCP 服务端&quot; loading=&quot;lazy&quot; width=&quot;1344&quot; height=&quot;576&quot; src=&quot;/_astro/cite-mcp-server.eab1KhNr_1EtJYc.webp&quot; /&gt;&lt;figcaption&gt;MCP 服务端&lt;/figcaption&gt;&lt;/a&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://ai.codefather.cn/library/2010991320544776194&quot; target=&quot;_blank&quot;&gt;原文 · AI 导航&lt;/a&gt; · &lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/40%20%E7%BC%96%E7%A8%8B%E5%AD%A6%E4%B9%A0/MCP%20%E6%9C%8D%E5%8A%A1%E5%BC%80%E5%8F%91.md&quot; target=&quot;_blank&quot;&gt;原文 · GitHub&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;04 AI 编程技术（只摘 MCP 相关）&lt;/h2&gt;&lt;p&gt;长文讲 Spring AI / LangChain4j、RAG、多模态、ReAct 等；&lt;strong&gt;和 MCP 直接相关的就三块&lt;/strong&gt;：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;Spring AI 核心能力&lt;/strong&gt;列表里含 MCP 支持（接入与开发）。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;「MCP 服务」专节&lt;/strong&gt;：MCP = 给 AI 用的标准化外部服务；要学「接别人的」和「写自己的」；提到 mcpify.ai 一句话生成 MCP。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;ReAct 智能体&lt;/strong&gt;：工具调用可走 Function Call 或 &lt;strong&gt;MCP&lt;/strong&gt;（检索、文件、终端等）。&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;这里是概念地图，&lt;strong&gt;不含 Spring 配置细节&lt;/strong&gt;——写代码仍回上一节《MCP 服务开发》。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://ai.codefather.cn/library/2010991312495906818&quot; target=&quot;_blank&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;figure&gt;&lt;a href=&quot;https://ai.codefather.cn/library/2010991312495906818&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;MCP 业务位&quot; loading=&quot;lazy&quot; width=&quot;1344&quot; height=&quot;576&quot; src=&quot;/_astro/cite-mcp-biz.BBlXCrL4_18ao7c.webp&quot; /&gt;&lt;figcaption&gt;MCP 业务位&lt;/figcaption&gt;&lt;/a&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://ai.codefather.cn/library/2010991312495906818&quot; target=&quot;_blank&quot;&gt;原文 · AI 导航&lt;/a&gt; · &lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/Vibe%20Coding%20%E9%9B%B6%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B/40%20%E7%BC%96%E7%A8%8B%E5%AD%A6%E4%B9%A0/04%20AI%20%E7%BC%96%E7%A8%8B%E6%8A%80%E6%9C%AF.md&quot; target=&quot;_blank&quot;&gt;原文 · GitHub&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;收录与排除&lt;/h2&gt;&lt;section&gt;&lt;h3&gt;收录（MCP 强相关）&lt;/h3&gt;
















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;源文件&lt;/th&gt;&lt;th&gt;本站摘要&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;MCP 服务开发.md&lt;/code&gt;&lt;/td&gt;&lt;td&gt;架构、STDIO/SSE、Spring AI 实战、Cherry Studio、MCP.so&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;04 AI 编程技术.md&lt;/code&gt;（MCP 段）&lt;/td&gt;&lt;td&gt;业务定位、Spring AI 能力、ReAct 与 MCP&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;排除（40* 同夹，非本切片）&lt;/h3&gt;




































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;源文件&lt;/th&gt;&lt;th&gt;排除原因&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;06 AI 应用开发面试题.md&lt;/code&gt;&lt;/td&gt;&lt;td&gt;面试刷题；可能含 MCP 考点，不扩进索引&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;01 编程学习路线.md&lt;/code&gt;&lt;/td&gt;&lt;td&gt;编程导航导流，无 MCP 正文&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;02 编程知识百科.md&lt;/code&gt;&lt;/td&gt;&lt;td&gt;百科系列入口，无 MCP 专节&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;03 编程资源大全.md&lt;/code&gt;&lt;/td&gt;&lt;td&gt;产品导航，无 MCP&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;05 AI 绘图指南.md&lt;/code&gt;&lt;/td&gt;&lt;td&gt;绘图，无关&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;07&lt;/code&gt;～&lt;code&gt;11&lt;/code&gt;、番外&lt;/td&gt;&lt;td&gt;简历 / 成长 / 工具大全等，无关&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;AI 编程技术栈速查.md&lt;/code&gt;&lt;/td&gt;&lt;td&gt;全文无 MCP 关键词&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;范围外（易混淆，不在 40*）&lt;/h3&gt;
















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;位置&lt;/th&gt;&lt;th&gt;说明&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;10 编程工具/10 优质 AI 编程扩展推荐&lt;/code&gt;&lt;/td&gt;&lt;td&gt;MCP 服务器大清单（Context7、GitHub MCP 等）→ &lt;a href=&quot;/posts/vibe-coding-tools-index/&quot;&gt;编程工具索引&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;20 项目实战&lt;/code&gt; 部分项目&lt;/td&gt;&lt;td&gt;实战里会用 MCP，属项目帖非 40 概念&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;出处与边界&lt;/h2&gt;




























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;项&lt;/th&gt;&lt;th&gt;说明&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;原作&lt;/td&gt;&lt;td&gt;程序员鱼皮 · &lt;a href=&quot;https://github.com/liyupi/ai-guide&quot; target=&quot;_blank&quot;&gt;ai-guide&lt;/a&gt; · &lt;a href=&quot;https://ai.codefather.cn/vibe&quot; target=&quot;_blank&quot;&gt;AI 导航 / Vibe&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;本篇&lt;/td&gt;&lt;td&gt;&lt;strong&gt;薄索引&lt;/strong&gt; + 精炼摘要；步骤与代码以原文为准&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;呈现&lt;/td&gt;&lt;td&gt;封面 + 模块小长条配图；步骤与代码以原文为准&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;对照&lt;/td&gt;&lt;td&gt;结构对齐 &lt;a href=&quot;/posts/openclaw-tutorial-index/&quot;&gt;OpenClaw 索引&lt;/a&gt;，章节数远少于 OpenClaw&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;相关阅读&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;/posts/vibe-basics-index/&quot;&gt;入门坐标&lt;/a&gt; · &lt;a href=&quot;/posts/vibe-coding-tools-index/&quot;&gt;工具栈三岔&lt;/a&gt; · &lt;a href=&quot;/posts/vibe-coding-tips-index/&quot;&gt;对话与回路&lt;/a&gt; · &lt;a href=&quot;/posts/vibe-learning-index/&quot;&gt;编程学习&lt;/a&gt; · &lt;a href=&quot;/posts/vibe-projects-index/&quot;&gt;项目实战&lt;/a&gt; · &lt;a href=&quot;/posts/openclaw-tutorial-index/&quot;&gt;OpenClaw 索引&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;</content:encoded></item><item><title>MiniMax 封面风格规范：通用与特定场景</title><link>https://fork-firefly.vercel.app/posts/minimax-cover-styles/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/minimax-cover-styles/</guid><description>Firefly 博客用 MiniMax 出封面时，风格分成通用（列选项）与特定（命中主题直出）两池，并附同一主题下的样张对照。</description><pubDate>Sun, 02 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;section&gt;&lt;h2&gt;这篇在说什么&lt;/h2&gt;&lt;p&gt;本站用 MiniMax 生成卡片封面时，不只「随便出一张好看的图」，而是先按场景选风格池：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;通用场景&lt;/strong&gt; — 生成前列出选项，让你挑；不选则默认 &lt;strong&gt;编辑静物（03）&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;特定场景&lt;/strong&gt; — 题材命中关键词时，直接走对应风格，不再弹通用菜单&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;下面样张共用同一主题锚点：&lt;strong&gt;夜写字台 · 萤火 · 笔记本 · 台灯 · 咖啡杯&lt;/strong&gt;，方便只比风格、不比题材。&lt;/p&gt;&lt;p&gt;口味硬规范（生成时始终生效）：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;极具创意，拒绝廉价 AI 味（尤其蓝紫渐变、紫粉霓虹）&lt;/li&gt;
&lt;li&gt;艺术感 + 现代感&lt;/li&gt;
&lt;li&gt;紧贴主题，或主题高度抽象&lt;/li&gt;
&lt;li&gt;画面包含多种可辨要素&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;本地挑选页：&lt;code&gt;/media/minimax/style-taste/&lt;/code&gt;（开发服）或仓库内 &lt;code&gt;public/media/minimax/style-taste/index.html&lt;/code&gt;。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;通用场景&lt;/h2&gt;&lt;p&gt;换帖题也能撑住的风格。出封面时列出菜单；&lt;strong&gt;不选 → 默认 03&lt;/strong&gt;。&lt;/p&gt;




















































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;ID&lt;/th&gt;&lt;th&gt;风格&lt;/th&gt;&lt;th&gt;菜单文案&lt;/th&gt;&lt;th&gt;适用主题&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;03★&lt;/td&gt;&lt;td&gt;编辑静物&lt;/td&gt;&lt;td&gt;印刷级静物（默认）&lt;/td&gt;&lt;td&gt;几乎任意博文&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;09&lt;/td&gt;&lt;td&gt;35mm 胶片&lt;/td&gt;&lt;td&gt;胶片纪实&lt;/td&gt;&lt;td&gt;随笔 / 旅行 / 情绪 / 视频教程&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;16&lt;/td&gt;&lt;td&gt;水粉插画&lt;/td&gt;&lt;td&gt;杂志风插画&lt;/td&gt;&lt;td&gt;教程 / 科普 / 产品介绍&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;06&lt;/td&gt;&lt;td&gt;Risograph&lt;/td&gt;&lt;td&gt;孔版油墨&lt;/td&gt;&lt;td&gt;创作谈 / 科技人文&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;10&lt;/td&gt;&lt;td&gt;剪纸拼贴&lt;/td&gt;&lt;td&gt;剪纸拼贴&lt;/td&gt;&lt;td&gt;综述 / 多概念 / 抽象杂谈&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;05&lt;/td&gt;&lt;td&gt;包豪斯&lt;/td&gt;&lt;td&gt;几何抽象&lt;/td&gt;&lt;td&gt;系统设计 / 高度抽象贴题&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;08&lt;/td&gt;&lt;td&gt;等轴微缩&lt;/td&gt;&lt;td&gt;等轴微缩场景&lt;/td&gt;&lt;td&gt;流程 / 架构 / 工具链&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;section&gt;&lt;h3&gt;03★ 编辑静物（默认）&lt;/h3&gt;&lt;p&gt;印刷级静物，博物馆图录感；几乎任意博文的稳妥底盘。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;编辑静物摄影样张&quot; loading=&quot;lazy&quot; width=&quot;1280&quot; height=&quot;720&quot; src=&quot;/_astro/cover.BoRfO2ta_vUqbD.webp&quot; /&gt;&lt;figcaption&gt;编辑静物摄影样张&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;09 35mm 胶片&lt;/h3&gt;&lt;p&gt;纪实亲密感与颗粒；适合随笔、旅行、情绪向与视频教程封面。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;35mm 胶片样张&quot; loading=&quot;lazy&quot; width=&quot;1280&quot; height=&quot;720&quot; src=&quot;/_astro/09-film.BrzwEFQ7_Z27aYrd.webp&quot; /&gt;&lt;figcaption&gt;35mm 胶片样张&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;16 水粉插画&lt;/h3&gt;&lt;p&gt;杂志风手绘插画；适合教程、科普、产品介绍。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;不透明水粉插画样张&quot; loading=&quot;lazy&quot; width=&quot;1280&quot; height=&quot;720&quot; src=&quot;/_astro/16-gouache.K6uviH9Q_JxiqY.webp&quot; /&gt;&lt;figcaption&gt;不透明水粉插画样张&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;06 Risograph 孔版&lt;/h3&gt;&lt;p&gt;独立杂志油墨叠印质感；适合创作谈、科技人文。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Risograph 孔版样张&quot; loading=&quot;lazy&quot; width=&quot;1280&quot; height=&quot;720&quot; src=&quot;/_astro/06-risograph.BM5xcs6u_ZkeU5l.webp&quot; /&gt;&lt;figcaption&gt;Risograph 孔版样张&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;10 剪纸拼贴&lt;/h3&gt;&lt;p&gt;手撕纸层与多物件拼合；适合综述、多概念杂谈。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;剪纸拼贴样张&quot; loading=&quot;lazy&quot; width=&quot;1280&quot; height=&quot;720&quot; src=&quot;/_astro/10-collage.DD7VbFsU_2vTiah.webp&quot; /&gt;&lt;figcaption&gt;剪纸拼贴样张&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;05 包豪斯几何&lt;/h3&gt;&lt;p&gt;圆 / 矩 / 三角重构物件；适合系统设计与高度抽象贴题。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;包豪斯几何样张&quot; loading=&quot;lazy&quot; width=&quot;1280&quot; height=&quot;720&quot; src=&quot;/_astro/05-bauhaus.AUKtlu2g_1BhRgT.webp&quot; /&gt;&lt;figcaption&gt;包豪斯几何样张&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;08 等轴微缩&lt;/h3&gt;&lt;p&gt;干净 isometric 微缩场景；适合流程、架构、工具链。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;等轴微缩样张&quot; loading=&quot;lazy&quot; width=&quot;1280&quot; height=&quot;720&quot; src=&quot;/_astro/08-isometric.7W6vwBK4_urkAw.webp&quot; /&gt;&lt;figcaption&gt;等轴微缩样张&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;特定场景&lt;/h2&gt;&lt;p&gt;题材命中下表关键词时，&lt;strong&gt;默认直出对应风格&lt;/strong&gt;（除非你明确改口）。&lt;/p&gt;


































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;ID&lt;/th&gt;&lt;th&gt;风格&lt;/th&gt;&lt;th&gt;触发主题&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;01&lt;/td&gt;&lt;td&gt;像素&lt;/td&gt;&lt;td&gt;像素 / 8·16-bit / 复古掌机 / retro game&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;02&lt;/td&gt;&lt;td&gt;体素&lt;/td&gt;&lt;td&gt;Minecraft / 方块 / 沙盒&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;13&lt;/td&gt;&lt;td&gt;Low-poly&lt;/td&gt;&lt;td&gt;低面数 / 3D 游戏美术&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;07&lt;/td&gt;&lt;td&gt;浮世绘&lt;/td&gt;&lt;td&gt;和风 / 浮世绘 / 日式美学&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;11&lt;/td&gt;&lt;td&gt;水墨&lt;/td&gt;&lt;td&gt;书法 / 古典 / 禅意 / 水墨&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;section&gt;&lt;h3&gt;01 像素风&lt;/h3&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;像素风样张&quot; loading=&quot;lazy&quot; width=&quot;1280&quot; height=&quot;720&quot; src=&quot;/_astro/01-pixel.9GWKzq4g_69IuW.webp&quot; /&gt;&lt;figcaption&gt;像素风样张&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;02 我的世界 / 体素&lt;/h3&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;体素样张&quot; loading=&quot;lazy&quot; width=&quot;1280&quot; height=&quot;720&quot; src=&quot;/_astro/02-minecraft.DnvJJ2Ww_Z1k5O5C.webp&quot; /&gt;&lt;figcaption&gt;体素样张&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;13 Low-poly 3D&lt;/h3&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Low-poly 样张&quot; loading=&quot;lazy&quot; width=&quot;1280&quot; height=&quot;720&quot; src=&quot;/_astro/13-lowpoly.Bc4T0mwR_2dNTRh.webp&quot; /&gt;&lt;figcaption&gt;Low-poly 样张&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;07 当代浮世绘&lt;/h3&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;当代浮世绘样张&quot; loading=&quot;lazy&quot; width=&quot;1280&quot; height=&quot;720&quot; src=&quot;/_astro/07-ukiyo-e.0AwNpNgD_ZeGTyK.webp&quot; /&gt;&lt;figcaption&gt;当代浮世绘样张&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;11 当代水墨&lt;/h3&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;当代水墨样张&quot; loading=&quot;lazy&quot; width=&quot;1280&quot; height=&quot;720&quot; src=&quot;/_astro/11-ink-wash.nimzbWZT_24NydL.webp&quot; /&gt;&lt;figcaption&gt;当代水墨样张&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;怎么分流&lt;/h2&gt;&lt;ol&gt;
&lt;li&gt;先看题材是否命中「特定场景」表&lt;/li&gt;
&lt;li&gt;命中 → 直接用对应 ID 写 prompt 出图&lt;/li&gt;
&lt;li&gt;未命中 → 列出通用 7 选项；不选则用 03&lt;/li&gt;
&lt;li&gt;任何风格都套用文首口味硬规范，并避开蓝紫廉价 AI 味&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;索引 / 章节信息图&lt;/strong&gt;：与封面共用本表；须按章显式选 ID，禁止整帖/整批同材质（含水粉 16 当默认）；操作见 &lt;code&gt;firefly-minimax-media&lt;/code&gt; checklist 与 &lt;code&gt;docs/agents/workflow.md&lt;/code&gt;「正文配图 / 索引帖信息图」&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;未纳入本规范的样张（默认不用）：04 瑞士海报 · 12 黏土 · 14 粗野 · 15 陶瓷。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;相关资产&lt;/h2&gt;




















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;资产&lt;/th&gt;&lt;th&gt;路径&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;风格挑选页&lt;/td&gt;&lt;td&gt;&lt;code&gt;public/media/minimax/style-taste/index.html&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Skill 工艺说明&lt;/td&gt;&lt;td&gt;&lt;code&gt;.cursor/skills/firefly-minimax-media/references/prompt-craft.md&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;本帖封面&lt;/td&gt;&lt;td&gt;&lt;code&gt;./cover.jpg&lt;/code&gt;（与 03 编辑静物同图）&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;</content:encoded></item><item><title>数字员工与权限边界：OpenClaw 索引</title><link>https://fork-firefly.vercel.app/posts/openclaw-tutorial-index/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/openclaw-tutorial-index/</guid><description>OpenClaw 系列按目录摘重点：安装、IM、Skills、自动化与安全红线；小长条配图挂回原文。</description><pubDate>Tue, 04 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;鱼皮那套 OpenClaw 教程很长，全搬进博客没意义。这篇只做三件事：按他的目录立标题、每章给能带走的摘要、原文用小长条配图挂回 AI 导航 / 开源仓。细节去原文；这里当索引和导航。&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://ai.codefather.cn/library/2034903746290417666&quot; target=&quot;_blank&quot;&gt;原文 · 系列总览（鱼皮 AI 导航）&lt;/a&gt; · &lt;a href=&quot;https://github.com/liyupi/ai-guide&quot; target=&quot;_blank&quot;&gt;GitHub · liyupi/ai-guide&lt;/a&gt;&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;怎么读这篇&lt;/h2&gt;




















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;你想&lt;/th&gt;&lt;th&gt;建议&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;第一次碰 OpenClaw&lt;/td&gt;&lt;td&gt;先 01→06，跑起来再接手机聊天&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;已经装好了&lt;/td&gt;&lt;td&gt;07 起按需：Skills / 定时 / 多 Agent / 省钱&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;最该先看的一篇&lt;/td&gt;&lt;td&gt;&lt;strong&gt;14 安全指南&lt;/strong&gt;（权限大，翻车贵）&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;学习顺序来自鱼皮导读；摘要基于公开正文提炼，不是逐字搬运。配图为统一龙虾吉祥物小长条，点击可进原文。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;00 导读&lt;/h2&gt;&lt;p&gt;系列总览：OpenClaw = 能操控本机、还能用手机聊天软件远程下任务的开源 AI 数字员工。教程覆盖安装、接入、技能、自动化、安全和实战。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://ai.codefather.cn/library/2034905403342487554&quot; target=&quot;_blank&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;figure&gt;&lt;a href=&quot;https://ai.codefather.cn/library/2034905403342487554&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;00 原文&quot; loading=&quot;lazy&quot; width=&quot;1344&quot; height=&quot;576&quot; src=&quot;/_astro/cite-00-intro.DBQEa0Hx_Z1UsV2t.webp&quot; /&gt;&lt;figcaption&gt;00 原文&lt;/figcaption&gt;&lt;/a&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://ai.codefather.cn/library/2034905403342487554&quot; target=&quot;_blank&quot;&gt;原文 · 00 OpenClaw 保姆级教程导读&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;01 OpenClaw 是什么&lt;/h2&gt;&lt;p&gt;它不是只会聊天的 Bot，而是真能开软件、控浏览器、动文件、跑代码的助手；飞书 / QQ 等渠道是入口。火归火，权限也大：邮件误删、盘符清空、内网暴露都有真实案例。装之前先搞清风险，比追 Stars 重要。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://ai.codefather.cn/library/2034905696616611841&quot; target=&quot;_blank&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;figure&gt;&lt;a href=&quot;https://ai.codefather.cn/library/2034905696616611841&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;01 原文&quot; loading=&quot;lazy&quot; width=&quot;1344&quot; height=&quot;576&quot; src=&quot;/_astro/cite-01-what.CZBADJn7_TqfDF.webp&quot; /&gt;&lt;figcaption&gt;01 原文&lt;/figcaption&gt;&lt;/a&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://ai.codefather.cn/library/2034905696616611841&quot; target=&quot;_blank&quot;&gt;原文 · 01 OpenClaw 是什么&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;02 本地安装&lt;/h2&gt;&lt;p&gt;面向零基础：环境（Node 等）→ 安装本体 → 初始化 / Skills 概念 → 提醒隔离环境。建议虚拟机或备用机先玩，别一上来把生产机权限交出去。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://ai.codefather.cn/library/2034908921038143489&quot; target=&quot;_blank&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;figure&gt;&lt;a href=&quot;https://ai.codefather.cn/library/2034908921038143489&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;02 原文&quot; loading=&quot;lazy&quot; width=&quot;1344&quot; height=&quot;576&quot; src=&quot;/_astro/cite-02-install.whAYKH6E_2smKyE.webp&quot; /&gt;&lt;figcaption&gt;02 原文&lt;/figcaption&gt;&lt;/a&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://ai.codefather.cn/library/2034908921038143489&quot; target=&quot;_blank&quot;&gt;原文 · 02 本地安装 OpenClaw&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;03 一键安装脚本&lt;/h2&gt;&lt;p&gt;懒得逐步装就走脚本：一行拉齐依赖和配置。省步骤，不省安全意识；装完仍要看权限和模型账单。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/OpenClaw%20%E4%BF%9D%E5%A7%86%E7%BA%A7%E6%95%99%E7%A8%8B/03%20OpenClaw%20%E4%B8%80%E9%94%AE%E5%AE%89%E8%A3%85%E8%84%9A%E6%9C%AC.md&quot; target=&quot;_blank&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;figure&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/OpenClaw%20%E4%BF%9D%E5%A7%86%E7%BA%A7%E6%95%99%E7%A8%8B/03%20OpenClaw%20%E4%B8%80%E9%94%AE%E5%AE%89%E8%A3%85%E8%84%9A%E6%9C%AC.md&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;03 原文&quot; loading=&quot;lazy&quot; width=&quot;1344&quot; height=&quot;576&quot; src=&quot;/_astro/cite-03-script.DgUs-UGx_19ydY3.webp&quot; /&gt;&lt;figcaption&gt;03 原文&lt;/figcaption&gt;&lt;/a&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/OpenClaw%20%E4%BF%9D%E5%A7%86%E7%BA%A7%E6%95%99%E7%A8%8B/03%20OpenClaw%20%E4%B8%80%E9%94%AE%E5%AE%89%E8%A3%85%E8%84%9A%E6%9C%AC.md&quot; target=&quot;_blank&quot;&gt;原文 · 03 · GitHub&lt;/a&gt; · &lt;a href=&quot;https://ai.codefather.cn/library/2034903746290417666&quot; target=&quot;_blank&quot;&gt;系列总览点进本章&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;04 云端部署&lt;/h2&gt;&lt;p&gt;目标：云服务器上 24 小时在线的「员工」，手机随时指挥。适合不想本机长开的人；公网暴露面更大，认证和防火墙必须跟上。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/OpenClaw%20%E4%BF%9D%E5%A7%86%E7%BA%A7%E6%95%99%E7%A8%8B/04%20%E4%BA%91%E7%AB%AF%E9%83%A8%E7%BD%B2%20OpenClaw.md&quot; target=&quot;_blank&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;figure&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/OpenClaw%20%E4%BF%9D%E5%A7%86%E7%BA%A7%E6%95%99%E7%A8%8B/04%20%E4%BA%91%E7%AB%AF%E9%83%A8%E7%BD%B2%20OpenClaw.md&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;04 原文&quot; loading=&quot;lazy&quot; width=&quot;1344&quot; height=&quot;576&quot; src=&quot;/_astro/cite-04-cloud.BagaW1je_Z1N992j.webp&quot; /&gt;&lt;figcaption&gt;04 原文&lt;/figcaption&gt;&lt;/a&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/OpenClaw%20%E4%BF%9D%E5%A7%86%E7%BA%A7%E6%95%99%E7%A8%8B/04%20%E4%BA%91%E7%AB%AF%E9%83%A8%E7%BD%B2%20OpenClaw.md&quot; target=&quot;_blank&quot;&gt;原文 · 04 · GitHub&lt;/a&gt; · &lt;a href=&quot;https://ai.codefather.cn/library/2034903746290417666&quot; target=&quot;_blank&quot;&gt;系列总览点进本章&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;05 一站式部署平台大全&lt;/h2&gt;&lt;p&gt;各厂商「点几下就部署」方案汇总。选型看：是否要接国内 IM、价格、是否默认裸奔公网。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/OpenClaw%20%E4%BF%9D%E5%A7%86%E7%BA%A7%E6%95%99%E7%A8%8B/05%20OpenClaw%20%E4%B8%80%E7%AB%99%E5%BC%8F%E9%83%A8%E7%BD%B2%E5%B9%B3%E5%8F%B0%E5%A4%A7%E5%85%A8.md&quot; target=&quot;_blank&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;figure&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/OpenClaw%20%E4%BF%9D%E5%A7%86%E7%BA%A7%E6%95%99%E7%A8%8B/05%20OpenClaw%20%E4%B8%80%E7%AB%99%E5%BC%8F%E9%83%A8%E7%BD%B2%E5%B9%B3%E5%8F%B0%E5%A4%A7%E5%85%A8.md&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;05 原文&quot; loading=&quot;lazy&quot; width=&quot;1344&quot; height=&quot;576&quot; src=&quot;/_astro/cite-05-platforms.CKadX22F_2sv78M.webp&quot; /&gt;&lt;figcaption&gt;05 原文&lt;/figcaption&gt;&lt;/a&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/OpenClaw%20%E4%BF%9D%E5%A7%86%E7%BA%A7%E6%95%99%E7%A8%8B/05%20OpenClaw%20%E4%B8%80%E7%AB%99%E5%BC%8F%E9%83%A8%E7%BD%B2%E5%B9%B3%E5%8F%B0%E5%A4%A7%E5%85%A8.md&quot; target=&quot;_blank&quot;&gt;原文 · 05 · GitHub&lt;/a&gt; · &lt;a href=&quot;https://ai.codefather.cn/library/2034903746290417666&quot; target=&quot;_blank&quot;&gt;系列总览点进本章&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;06 接入 QQ 和飞书&lt;/h2&gt;&lt;p&gt;把龙虾接到日常聊天软件，手机发消息就能下任务。这是「养虾」体感最强的一步；配对、权限、谁能对你说话，要一起配好。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/OpenClaw%20%E4%BF%9D%E5%A7%86%E7%BA%A7%E6%95%99%E7%A8%8B/06%20OpenClaw%20%E6%8E%A5%E5%85%A5%20QQ%20%E5%92%8C%E9%A3%9E%E4%B9%A6.md&quot; target=&quot;_blank&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;figure&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/OpenClaw%20%E4%BF%9D%E5%A7%86%E7%BA%A7%E6%95%99%E7%A8%8B/06%20OpenClaw%20%E6%8E%A5%E5%85%A5%20QQ%20%E5%92%8C%E9%A3%9E%E4%B9%A6.md&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;06 原文&quot; loading=&quot;lazy&quot; width=&quot;1344&quot; height=&quot;576&quot; src=&quot;/_astro/cite-06-im.Duiqfqc1_gDNl5.webp&quot; /&gt;&lt;figcaption&gt;06 原文&lt;/figcaption&gt;&lt;/a&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/OpenClaw%20%E4%BF%9D%E5%A7%86%E7%BA%A7%E6%95%99%E7%A8%8B/06%20OpenClaw%20%E6%8E%A5%E5%85%A5%20QQ%20%E5%92%8C%E9%A3%9E%E4%B9%A6.md&quot; target=&quot;_blank&quot;&gt;原文 · 06 · GitHub&lt;/a&gt; · &lt;a href=&quot;https://ai.codefather.cn/library/2034903746290417666&quot; target=&quot;_blank&quot;&gt;系列总览点进本章&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;07 初始化与基础使用&lt;/h2&gt;&lt;p&gt;取名、性格、常用斜杠命令。先把日常对话和审批习惯立住，再开危险工具。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/OpenClaw%20%E4%BF%9D%E5%A7%86%E7%BA%A7%E6%95%99%E7%A8%8B/07%20OpenClaw%20%E5%88%9D%E5%A7%8B%E5%8C%96%E5%92%8C%E5%9F%BA%E7%A1%80%E4%BD%BF%E7%94%A8.md&quot; target=&quot;_blank&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;figure&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/OpenClaw%20%E4%BF%9D%E5%A7%86%E7%BA%A7%E6%95%99%E7%A8%8B/07%20OpenClaw%20%E5%88%9D%E5%A7%8B%E5%8C%96%E5%92%8C%E5%9F%BA%E7%A1%80%E4%BD%BF%E7%94%A8.md&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;07 原文&quot; loading=&quot;lazy&quot; width=&quot;1344&quot; height=&quot;576&quot; src=&quot;/_astro/cite-07-init.88olJfOZ_Z13BrCX.webp&quot; /&gt;&lt;figcaption&gt;07 原文&lt;/figcaption&gt;&lt;/a&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/OpenClaw%20%E4%BF%9D%E5%A7%86%E7%BA%A7%E6%95%99%E7%A8%8B/07%20OpenClaw%20%E5%88%9D%E5%A7%8B%E5%8C%96%E5%92%8C%E5%9F%BA%E7%A1%80%E4%BD%BF%E7%94%A8.md&quot; target=&quot;_blank&quot;&gt;原文 · 07 · GitHub&lt;/a&gt; · &lt;a href=&quot;https://ai.codefather.cn/library/2034903746290417666&quot; target=&quot;_blank&quot;&gt;系列总览点进本章&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;08 模型选择与切换&lt;/h2&gt;&lt;p&gt;给龙虾换「脑子」：全局切换 vs 临时切换。成本、中文能力、工具调用稳定性，按场景选，别默认最贵。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/OpenClaw%20%E4%BF%9D%E5%A7%86%E7%BA%A7%E6%95%99%E7%A8%8B/08%20OpenClaw%20%E6%A8%A1%E5%9E%8B%E9%80%89%E6%8B%A9%E4%B8%8E%E5%88%87%E6%8D%A2.md&quot; target=&quot;_blank&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;figure&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/OpenClaw%20%E4%BF%9D%E5%A7%86%E7%BA%A7%E6%95%99%E7%A8%8B/08%20OpenClaw%20%E6%A8%A1%E5%9E%8B%E9%80%89%E6%8B%A9%E4%B8%8E%E5%88%87%E6%8D%A2.md&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;08 原文&quot; loading=&quot;lazy&quot; width=&quot;1344&quot; height=&quot;576&quot; src=&quot;/_astro/cite-08-models.CX_tKduj_Z1DUXy7.webp&quot; /&gt;&lt;figcaption&gt;08 原文&lt;/figcaption&gt;&lt;/a&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/OpenClaw%20%E4%BF%9D%E5%A7%86%E7%BA%A7%E6%95%99%E7%A8%8B/08%20OpenClaw%20%E6%A8%A1%E5%9E%8B%E9%80%89%E6%8B%A9%E4%B8%8E%E5%88%87%E6%8D%A2.md&quot; target=&quot;_blank&quot;&gt;原文 · 08 · GitHub&lt;/a&gt; · &lt;a href=&quot;https://ai.codefather.cn/library/2034903746290417666&quot; target=&quot;_blank&quot;&gt;系列总览点进本章&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;09 工具管理与多媒体&lt;/h2&gt;&lt;p&gt;浏览器、TTS、发图发视频等能力开关。原则：用什么开什么；只聊天就关掉 &lt;code&gt;exec&lt;/code&gt; / &lt;code&gt;write&lt;/code&gt; 这类高危工具。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/OpenClaw%20%E4%BF%9D%E5%A7%86%E7%BA%A7%E6%95%99%E7%A8%8B/09%20OpenClaw%20%E5%B7%A5%E5%85%B7%E7%AE%A1%E7%90%86%E4%B8%8E%E5%A4%9A%E5%AA%92%E4%BD%93%E8%83%BD%E5%8A%9B.md&quot; target=&quot;_blank&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;figure&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/OpenClaw%20%E4%BF%9D%E5%A7%86%E7%BA%A7%E6%95%99%E7%A8%8B/09%20OpenClaw%20%E5%B7%A5%E5%85%B7%E7%AE%A1%E7%90%86%E4%B8%8E%E5%A4%9A%E5%AA%92%E4%BD%93%E8%83%BD%E5%8A%9B.md&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;09 原文&quot; loading=&quot;lazy&quot; width=&quot;1344&quot; height=&quot;576&quot; src=&quot;/_astro/cite-09-tools.CScSg1A5_Z1cGpMy.webp&quot; /&gt;&lt;figcaption&gt;09 原文&lt;/figcaption&gt;&lt;/a&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/OpenClaw%20%E4%BF%9D%E5%A7%86%E7%BA%A7%E6%95%99%E7%A8%8B/09%20OpenClaw%20%E5%B7%A5%E5%85%B7%E7%AE%A1%E7%90%86%E4%B8%8E%E5%A4%9A%E5%AA%92%E4%BD%93%E8%83%BD%E5%8A%9B.md&quot; target=&quot;_blank&quot;&gt;原文 · 09 · GitHub&lt;/a&gt; · &lt;a href=&quot;https://ai.codefather.cn/library/2034903746290417666&quot; target=&quot;_blank&quot;&gt;系列总览点进本章&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;10 Skills 技能系统&lt;/h2&gt;&lt;p&gt;Skills = 能力扩展包；从发现到安装到自己写。第三方市场有恶意包先例，乱装等于给陌生人钥匙。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/OpenClaw%20%E4%BF%9D%E5%A7%86%E7%BA%A7%E6%95%99%E7%A8%8B/10%20OpenClaw%20Skills%20%E6%8A%80%E8%83%BD%E7%B3%BB%E7%BB%9F.md&quot; target=&quot;_blank&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;figure&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/OpenClaw%20%E4%BF%9D%E5%A7%86%E7%BA%A7%E6%95%99%E7%A8%8B/10%20OpenClaw%20Skills%20%E6%8A%80%E8%83%BD%E7%B3%BB%E7%BB%9F.md&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;10 原文&quot; loading=&quot;lazy&quot; width=&quot;1344&quot; height=&quot;576&quot; src=&quot;/_astro/cite-10-skills.2-OpkgFT_ZK3mTv.webp&quot; /&gt;&lt;figcaption&gt;10 原文&lt;/figcaption&gt;&lt;/a&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/OpenClaw%20%E4%BF%9D%E5%A7%86%E7%BA%A7%E6%95%99%E7%A8%8B/10%20OpenClaw%20Skills%20%E6%8A%80%E8%83%BD%E7%B3%BB%E7%BB%9F.md&quot; target=&quot;_blank&quot;&gt;原文 · 10 · GitHub&lt;/a&gt; · &lt;a href=&quot;https://ai.codefather.cn/library/2034903746290417666&quot; target=&quot;_blank&quot;&gt;系列总览点进本章&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;11 定时任务与自动化&lt;/h2&gt;&lt;p&gt;巡检、汇报、备份交给 cron 类能力。自动化越爽，误操作放大越狠；先小任务验证，再放大频率。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/OpenClaw%20%E4%BF%9D%E5%A7%86%E7%BA%A7%E6%95%99%E7%A8%8B/11%20OpenClaw%20%E5%AE%9A%E6%97%B6%E4%BB%BB%E5%8A%A1%E4%B8%8E%E8%87%AA%E5%8A%A8%E5%8C%96.md&quot; target=&quot;_blank&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;figure&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/OpenClaw%20%E4%BF%9D%E5%A7%86%E7%BA%A7%E6%95%99%E7%A8%8B/11%20OpenClaw%20%E5%AE%9A%E6%97%B6%E4%BB%BB%E5%8A%A1%E4%B8%8E%E8%87%AA%E5%8A%A8%E5%8C%96.md&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;11 原文&quot; loading=&quot;lazy&quot; width=&quot;1344&quot; height=&quot;576&quot; src=&quot;/_astro/cite-11-cron.BDV8507l_YRNb3.webp&quot; /&gt;&lt;figcaption&gt;11 原文&lt;/figcaption&gt;&lt;/a&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/OpenClaw%20%E4%BF%9D%E5%A7%86%E7%BA%A7%E6%95%99%E7%A8%8B/11%20OpenClaw%20%E5%AE%9A%E6%97%B6%E4%BB%BB%E5%8A%A1%E4%B8%8E%E8%87%AA%E5%8A%A8%E5%8C%96.md&quot; target=&quot;_blank&quot;&gt;原文 · 11 · GitHub&lt;/a&gt; · &lt;a href=&quot;https://ai.codefather.cn/library/2034903746290417666&quot; target=&quot;_blank&quot;&gt;系列总览点进本章&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;12 多 Agent 协作&lt;/h2&gt;&lt;p&gt;子 Agent / 多 Agent：拆活、分角色。复杂度上来后，路由和隔离比「再开一个」更重要。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/OpenClaw%20%E4%BF%9D%E5%A7%86%E7%BA%A7%E6%95%99%E7%A8%8B/12%20OpenClaw%20%E5%A4%9A%20Agent%20%E5%8D%8F%E4%BD%9C.md&quot; target=&quot;_blank&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;figure&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/OpenClaw%20%E4%BF%9D%E5%A7%86%E7%BA%A7%E6%95%99%E7%A8%8B/12%20OpenClaw%20%E5%A4%9A%20Agent%20%E5%8D%8F%E4%BD%9C.md&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;12 原文&quot; loading=&quot;lazy&quot; width=&quot;1344&quot; height=&quot;576&quot; src=&quot;/_astro/cite-12-agents.D1RolrMa_1S55v3.webp&quot; /&gt;&lt;figcaption&gt;12 原文&lt;/figcaption&gt;&lt;/a&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/OpenClaw%20%E4%BF%9D%E5%A7%86%E7%BA%A7%E6%95%99%E7%A8%8B/12%20OpenClaw%20%E5%A4%9A%20Agent%20%E5%8D%8F%E4%BD%9C.md&quot; target=&quot;_blank&quot;&gt;原文 · 12 · GitHub&lt;/a&gt; · &lt;a href=&quot;https://ai.codefather.cn/library/2034903746290417666&quot; target=&quot;_blank&quot;&gt;系列总览点进本章&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;13 记忆管理与成本控制&lt;/h2&gt;&lt;p&gt;记忆要管，账单更要管。对话自带系统提示和上下文，简单请求也能烧掉大量 Token；平台侧设每日上限，Git 备份工作区。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/OpenClaw%20%E4%BF%9D%E5%A7%86%E7%BA%A7%E6%95%99%E7%A8%8B/13%20OpenClaw%20%E8%AE%B0%E5%BF%86%E7%AE%A1%E7%90%86%E4%B8%8E%E6%88%90%E6%9C%AC%E6%8E%A7%E5%88%B6.md&quot; target=&quot;_blank&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;figure&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/OpenClaw%20%E4%BF%9D%E5%A7%86%E7%BA%A7%E6%95%99%E7%A8%8B/13%20OpenClaw%20%E8%AE%B0%E5%BF%86%E7%AE%A1%E7%90%86%E4%B8%8E%E6%88%90%E6%9C%AC%E6%8E%A7%E5%88%B6.md&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;13 原文&quot; loading=&quot;lazy&quot; width=&quot;1344&quot; height=&quot;576&quot; src=&quot;/_astro/cite-13-memory.D2MFcXbO_Z1phKkn.webp&quot; /&gt;&lt;figcaption&gt;13 原文&lt;/figcaption&gt;&lt;/a&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/OpenClaw%20%E4%BF%9D%E5%A7%86%E7%BA%A7%E6%95%99%E7%A8%8B/13%20OpenClaw%20%E8%AE%B0%E5%BF%86%E7%AE%A1%E7%90%86%E4%B8%8E%E6%88%90%E6%9C%AC%E6%8E%A7%E5%88%B6.md&quot; target=&quot;_blank&quot;&gt;原文 · 13 · GitHub&lt;/a&gt; · &lt;a href=&quot;https://ai.codefather.cn/library/2034903746290417666&quot; target=&quot;_blank&quot;&gt;系列总览点进本章&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;14 安全指南&lt;/h2&gt;&lt;p&gt;系列最硬的一篇。红线包括：不可逆操作二次确认、Token 上限、非管理员运行、别裸奔公网、别乱逛不明网页、别乱装第三方 Skills、密钥别明文、保持更新。光靠聊天里「叮嘱 AI」不够，上下文一压缩指令就可能丢。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/OpenClaw%20%E4%BF%9D%E5%A7%86%E7%BA%A7%E6%95%99%E7%A8%8B/14%20OpenClaw%20%E5%AE%89%E5%85%A8%E6%8C%87%E5%8D%97.md&quot; target=&quot;_blank&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;figure&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/OpenClaw%20%E4%BF%9D%E5%A7%86%E7%BA%A7%E6%95%99%E7%A8%8B/14%20OpenClaw%20%E5%AE%89%E5%85%A8%E6%8C%87%E5%8D%97.md&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;14 原文&quot; loading=&quot;lazy&quot; width=&quot;1344&quot; height=&quot;576&quot; src=&quot;/_astro/cite-14-security.C1Ahbyr9_NtCLl.webp&quot; /&gt;&lt;figcaption&gt;14 原文&lt;/figcaption&gt;&lt;/a&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/OpenClaw%20%E4%BF%9D%E5%A7%86%E7%BA%A7%E6%95%99%E7%A8%8B/14%20OpenClaw%20%E5%AE%89%E5%85%A8%E6%8C%87%E5%8D%97.md&quot; target=&quot;_blank&quot;&gt;原文 · 14 · GitHub（建议优先精读）&lt;/a&gt; · &lt;a href=&quot;https://ai.codefather.cn/library/2034903746290417666&quot; target=&quot;_blank&quot;&gt;系列总览点进本章&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;15 一键卸载&lt;/h2&gt;&lt;p&gt;玩腻了或翻车要止损：干净卸载 + 养虾报告。和安装脚本成对看。&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/OpenClaw%20%E4%BF%9D%E5%A7%86%E7%BA%A7%E6%95%99%E7%A8%8B/15%20OpenClaw%20%E4%B8%80%E9%94%AE%E5%8D%B8%E8%BD%BD%E8%84%9A%E6%9C%AC.md&quot; target=&quot;_blank&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;figure&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/OpenClaw%20%E4%BF%9D%E5%A7%86%E7%BA%A7%E6%95%99%E7%A8%8B/15%20OpenClaw%20%E4%B8%80%E9%94%AE%E5%8D%B8%E8%BD%BD%E8%84%9A%E6%9C%AC.md&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;15 原文&quot; loading=&quot;lazy&quot; width=&quot;1344&quot; height=&quot;576&quot; src=&quot;/_astro/cite-15-uninstall.D9LKxpO3_2aX4rQ.webp&quot; /&gt;&lt;figcaption&gt;15 原文&lt;/figcaption&gt;&lt;/a&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/OpenClaw%20%E4%BF%9D%E5%A7%86%E7%BA%A7%E6%95%99%E7%A8%8B/15%20OpenClaw%20%E4%B8%80%E9%94%AE%E5%8D%B8%E8%BD%BD%E8%84%9A%E6%9C%AC.md&quot; target=&quot;_blank&quot;&gt;原文 · 15 · GitHub&lt;/a&gt; · &lt;a href=&quot;https://ai.codefather.cn/library/2034903746290417666&quot; target=&quot;_blank&quot;&gt;系列总览点进本章&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;接入微信 / GLM-5 伴侣实战 / 番外&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;接入微信&lt;/strong&gt;：安卓 / iOS 养虾通道，和 QQ、飞书并列。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;GLM-5 AI 伴侣实战&lt;/strong&gt;：自拍、语音、干活一体的玩法向实战。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;番外 · 创始人故事&lt;/strong&gt;：Peter / ClawdBot 来历，拓展阅读。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;&lt;a href=&quot;https://ai.codefather.cn/library/2034903746290417666&quot; target=&quot;_blank&quot;&gt;&lt;/a&gt;&lt;/p&gt;&lt;figure&gt;&lt;a href=&quot;https://ai.codefather.cn/library/2034903746290417666&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;扩展阅读&quot; loading=&quot;lazy&quot; width=&quot;1344&quot; height=&quot;576&quot; src=&quot;/_astro/cite-ext-extra.CKdZ_Hte_1f4KIb.webp&quot; /&gt;&lt;figcaption&gt;扩展阅读&lt;/figcaption&gt;&lt;/a&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/OpenClaw%20%E4%BF%9D%E5%A7%86%E7%BA%A7%E6%95%99%E7%A8%8B/OpenClaw%20%E6%8E%A5%E5%85%A5%E5%BE%AE%E4%BF%A1%E4%BF%9D%E5%A7%86%E7%BA%A7%E6%95%99%E7%A8%8B.md&quot; target=&quot;_blank&quot;&gt;微信 · GitHub&lt;/a&gt; · &lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/OpenClaw%20%E4%BF%9D%E5%A7%86%E7%BA%A7%E6%95%99%E7%A8%8B/OpenClaw%20%E5%AE%9E%E6%88%98%20-%20%E7%94%A8%20GLM-5%20%E6%89%93%E9%80%A0%E4%BD%A0%E7%9A%84%20AI%20%E4%BC%B4%E4%BE%A3.md&quot; target=&quot;_blank&quot;&gt;GLM-5 实战 · GitHub&lt;/a&gt; · &lt;a href=&quot;https://github.com/liyupi/ai-guide/blob/main/OpenClaw%20%E4%BF%9D%E5%A7%86%E7%BA%A7%E6%95%99%E7%A8%8B/%E7%95%AA%E5%A4%96%20-%20OpenClaw%20%E5%88%9B%E5%A7%8B%E4%BA%BA%E7%9A%84%E6%95%85%E4%BA%8B.md&quot; target=&quot;_blank&quot;&gt;番外 · GitHub&lt;/a&gt; · &lt;a href=&quot;https://ai.codefather.cn/library/2034903746290417666&quot; target=&quot;_blank&quot;&gt;系列总览&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;出处与边界&lt;/h2&gt;
































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;项&lt;/th&gt;&lt;th&gt;说明&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;原作&lt;/td&gt;&lt;td&gt;程序员鱼皮 · &lt;a href=&quot;https://github.com/liyupi/ai-guide&quot; target=&quot;_blank&quot;&gt;ai-guide&lt;/a&gt; · &lt;a href=&quot;https://ai.codefather.cn&quot; target=&quot;_blank&quot;&gt;AI 导航&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;本篇&lt;/td&gt;&lt;td&gt;索引 + 精炼摘要；操作步骤以原文为准&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;呈现&lt;/td&gt;&lt;td&gt;每章小长条配图 + 原文链接（图可点）；封面另用 &lt;code&gt;cover.jpg&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;吉祥物参考&lt;/td&gt;&lt;td&gt;OpenClaw 官方矢量龙虾：&lt;a href=&quot;https://github.com/openclaw/openclaw/blob/main/ui/public/favicon.svg&quot; target=&quot;_blank&quot;&gt;GitHub favicon.svg&lt;/a&gt; · &lt;a href=&quot;https://openclaw.ai/favicon.svg&quot; target=&quot;_blank&quot;&gt;openclaw.ai/favicon.svg&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;未做&lt;/td&gt;&lt;td&gt;不镜像全文、不搬运图床整包&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;相关阅读&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;/posts/vibe-basics-index/&quot;&gt;入门坐标&lt;/a&gt; · &lt;a href=&quot;/posts/vibe-coding-tools-index/&quot;&gt;工具栈三岔&lt;/a&gt; · &lt;a href=&quot;/posts/vibe-coding-tips-index/&quot;&gt;对话与回路&lt;/a&gt; · &lt;a href=&quot;/posts/vibe-mcp-index/&quot;&gt;MCP 薄笔记&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;部分章节网站单篇 &lt;code&gt;library&lt;/code&gt; ID 未对齐时，同时挂 GitHub 深链与系列总览。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>博客桌宠搞成双 DeepSeek：浏览一只，进文换一只</title><link>https://fork-firefly.vercel.app/posts/dual-pet-deepseek/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/dual-pet-deepseek/</guid><description>Firefly 站内桌宠从 cc-haha 换成 Maid + OpenPet 双 DeepSeek：浏览态与文章页路由换皮，atlas 行数别搞错。</description><pubDate>Tue, 04 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;以前站里的桌宠是一套 cc-haha 四角色，看着热闹，跟现在写的东西却越来越不对味。&lt;/p&gt;
&lt;p&gt;我想要的其实很简单：首页闲逛时是一只 &lt;strong&gt;DeepSeek 鲸女仆&lt;/strong&gt;；真点进文章，再换成另一只 &lt;strong&gt;OpenPet DeepSeek&lt;/strong&gt;。同时只出现一只，别搞成侧栏两头各挂一个抢戏。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;先分清：这是 spritesheet 桌宠，不是 Live2D&lt;/h2&gt;&lt;p&gt;Firefly 里三种「站宠」互斥：&lt;strong&gt;SpritePet（spritesheet）&lt;/strong&gt;、Spine、Live2D。开了桌宠，后两者就不挂。&lt;/p&gt;&lt;p&gt;这次迁入的两只都是 Codex 系 atlas：&lt;/p&gt;

























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;角色&lt;/th&gt;&lt;th&gt;产品 ID&lt;/th&gt;&lt;th&gt;用在哪&lt;/th&gt;&lt;th&gt;Atlas&lt;/th&gt;&lt;th&gt;整图&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;Maid-DeepSeek-Whale&lt;/td&gt;&lt;td&gt;&lt;code&gt;maid-deepseek-whale&lt;/code&gt;&lt;/td&gt;&lt;td&gt;浏览态（非 &lt;code&gt;/posts/&lt;/code&gt;）&lt;/td&gt;&lt;td&gt;v2 · &lt;strong&gt;8×11&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;1536×2288&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;OpenPet DeepSeek&lt;/td&gt;&lt;td&gt;&lt;code&gt;openpet-deepseek&lt;/code&gt;&lt;/td&gt;&lt;td&gt;文章页 &lt;code&gt;/posts/*&lt;/code&gt;&lt;/td&gt;&lt;td&gt;classic · &lt;strong&gt;8×9&lt;/strong&gt;&lt;/td&gt;&lt;td&gt;1536×1872&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;格都是 192×208，九态动作行能对齐；差别在 Maid 多了第 9–10 行视线帧，OpenPet &lt;strong&gt;没有&lt;/strong&gt;。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;并排预览：左 Maid，右 OpenPet&quot; loading=&quot;lazy&quot; width=&quot;1440&quot; height=&quot;900&quot; src=&quot;/_astro/fig-preview.CsoYXjuM_1Xvvdx.webp&quot; /&gt;&lt;figcaption&gt;并排预览：左 Maid，右 OpenPet&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;左边那只蓝发鲸女仆，apron 上还有小鲸鱼；右边是蓝白裙 OpenPet。预览页只是对照沙盒，真正上站的资源在 &lt;code&gt;public/pets/&lt;/code&gt;。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Maid idle 单帧&quot; loading=&quot;lazy&quot; width=&quot;256&quot; height=&quot;272&quot; src=&quot;/_astro/fig-maid-idle.Buw4d1BD_Z2pjSrs.webp&quot; /&gt;&lt;figcaption&gt;Maid idle 单帧&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;OpenPet idle 单帧&quot; loading=&quot;lazy&quot; width=&quot;256&quot; height=&quot;272&quot; src=&quot;/_astro/fig-openpet-idle.SQGF9czQ_Y8T0D.webp&quot; /&gt;&lt;figcaption&gt;OpenPet idle 单帧&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;最容易踩的坑：行数搞错会整表错帧&lt;/h2&gt;&lt;p&gt;动画核以前默认按 11 行算 &lt;code&gt;background-size&lt;/code&gt;。OpenPet 只有 9 行，如果还按 11 行去切，纵向会被拉歪，动作全错位。&lt;/p&gt;&lt;p&gt;对策也很直白：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;Maid → &lt;code&gt;PET_ATLAS_V2&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;OpenPet → &lt;code&gt;PET_ATLAS_CLASSIC_8X9&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;OpenPet 运行时 &lt;strong&gt;强制关&lt;/strong&gt; &lt;code&gt;lookFollow&lt;/code&gt;（没有 look 行硬跟只会出鬼）&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;换皮只认 URL，不认卡片悬停&lt;/h2&gt;&lt;p&gt;站上只有一个 SpritePet 实例（Swup permanent）。判别就一条：&lt;/p&gt;&lt;p&gt;路径里有 &lt;code&gt;/posts/&lt;/code&gt; → OpenPet；否则 → Maid。&lt;/p&gt;&lt;p&gt;卡片悬停不预切换。你还在列表页，就是 Maid；落地进文，才淡换成 OpenPet。&lt;/p&gt;&lt;p&gt;手机也按场景拆：浏览态可见默认宠；文章页窄屏隐藏，免得挡正文和回顶。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;首页浏览态：Maid 贴在侧栏附近&quot; loading=&quot;lazy&quot; width=&quot;1440&quot; height=&quot;900&quot; src=&quot;/_astro/fig-site-browse.D3uk9jyA_1aj0FT.webp&quot; /&gt;&lt;figcaption&gt;首页浏览态：Maid 贴在侧栏附近&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;文章页：换成 OpenPet&quot; loading=&quot;lazy&quot; width=&quot;1440&quot; height=&quot;900&quot; src=&quot;/_astro/fig-site-post.KyfH0Ezr_Z1yIi1d.webp&quot; /&gt;&lt;figcaption&gt;文章页：换成 OpenPet&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;Maid 还会在「看得见的」侧栏卡之间逛&lt;/h2&gt;&lt;p&gt;文章页的 OpenPet 不游走。Maid 在浏览态会定时挪到当前视口里还露着的侧栏卡片旁（最新动态、公告、热门、统计、资料、标签、日历、时钟）。&lt;/p&gt;&lt;p&gt;硬约束只有一句：&lt;strong&gt;滚出屏幕的卡永不落点&lt;/strong&gt;。你一滚，锚点没了，它就改去仍可见的那张。拖过一次且开了 &lt;code&gt;pauseWhenPinned&lt;/code&gt;，自动游走会停，位置记在 &lt;code&gt;localStorage&lt;/code&gt;。&lt;/p&gt;&lt;p&gt;抓取时跳一下就够了，别让 idle 自己循环蹦——看着像抽风。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;许可黄线别装没事&lt;/h2&gt;
















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;包&lt;/th&gt;&lt;th&gt;现状&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;Maid&lt;/td&gt;&lt;td&gt;来源 codex-pets / aimcp，标注 &lt;strong&gt;unknown&lt;/strong&gt;（作者线索 DeaDumB）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;OpenPet&lt;/td&gt;&lt;td&gt;AwesomeHou/openpet-ai-girls，仓内 &lt;strong&gt;无 LICENSE&lt;/strong&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;站内自己试用可以接；&lt;strong&gt;公开再分发前先过授权&lt;/strong&gt;。旧的 cc-haha 四宠资源已经从 &lt;code&gt;public/pets&lt;/code&gt; 清掉了。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;想开的话&lt;/h2&gt;&lt;p&gt;&lt;code&gt;petConfig.ts&lt;/code&gt; 里把 &lt;code&gt;spritePetConfig.enable&lt;/code&gt; 设成 &lt;code&gt;true&lt;/code&gt;，Spine / Live2D 保持关。默认可调：&lt;code&gt;defaultPetId&lt;/code&gt; / &lt;code&gt;postPetId&lt;/code&gt; / &lt;code&gt;size&lt;/code&gt; / &lt;code&gt;lookFollow&lt;/code&gt; / &lt;code&gt;roam.*&lt;/code&gt;。&lt;/p&gt;&lt;p&gt;对我来说，这套比「全站一只固定皮」舒服多了：逛花园是鲸女仆，认真读文换成另一只 DeepSeek 娘——切页换皮，不抢戏。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>Windows 上把 Claude Code 调成赛博朋克风，也就五层配置的事</title><link>https://fork-firefly.vercel.app/posts/claude-code-windows-beautify/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/claude-code-windows-beautify/</guid><description>Windows 上把 Claude Code 调成赛博朋克风，其实是五层配置叠出来的：CC Switch 换 provider / tweakcc 改 cli.js / settings.json 管主题 HUD 快捷键 / Windows Terminal 做毛玻璃壁纸 / Maple Mono 字体。从安装到权限放权一次讲清，附踩坑速查。</description><pubDate>Tue, 04 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;这套界面你们可能在我截图里见过：紫边输入框、底部一行 &lt;code&gt;[Sonnet 4.6] | Lenovo | code less, architect more&lt;/code&gt;、毛玻璃后面垫着二次元壁纸，一眼赛博朋克。有人以为换张皮就完事，其实这玩意根本不是一张皮，是五层配置叠出来的，散在五个文件里。&lt;/p&gt;
&lt;p&gt;这篇就把本机这套配置整个拆开：每一层管什么、改哪个文件、踩过哪些坑。重装机器照着抄一遍就行。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;五层叠皮，缺一层都不对&lt;/h2&gt;&lt;p&gt;我盘了下，这套「皮」从上到下是五层：&lt;/p&gt;


































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;层&lt;/th&gt;&lt;th&gt;角色&lt;/th&gt;&lt;th&gt;配置文件&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;① Provider 切换&lt;/td&gt;&lt;td&gt;CC Switch 桌面端：换 API 中转 + 本地代理&lt;/td&gt;&lt;td&gt;&lt;code&gt;settings.json&lt;/code&gt; 的 &lt;code&gt;env&lt;/code&gt; 块&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;② Claude Code 本体&lt;/td&gt;&lt;td&gt;主题、HUD、快捷键、权限、hooks&lt;/td&gt;&lt;td&gt;&lt;code&gt;~/.claude/settings.json&lt;/code&gt; + &lt;code&gt;keybindings.json&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;③ 深度美化&lt;/td&gt;&lt;td&gt;tweakcc：直接改 Claude Code 的 &lt;code&gt;cli.js&lt;/code&gt;&lt;/td&gt;&lt;td&gt;&lt;code&gt;~/.tweakcc/config.json&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;④ 终端外观&lt;/td&gt;&lt;td&gt;毛玻璃、壁纸、字体&lt;/td&gt;&lt;td&gt;Windows Terminal 的 &lt;code&gt;settings.json&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;⑤ 素材层&lt;/td&gt;&lt;td&gt;桌面壁纸 + 已装字体&lt;/td&gt;&lt;td&gt;系统层&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;五层叠皮：改哪层失效就查哪层&quot; loading=&quot;lazy&quot; width=&quot;1280&quot; height=&quot;720&quot; src=&quot;/_astro/fig-layers.m22VIpKl_Z99zIo.webp&quot; /&gt;&lt;figcaption&gt;五层叠皮：改哪层失效就查哪层&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;为什么要分层想？因为&lt;strong&gt;每一层都有自己的配置文件和失效方式&lt;/strong&gt;。最常见的问题就是”改了一处不生效”，然后人懵了。先按层定位：是 provider 断了（401）、Claude 本体配置被冲了（功能消失）、tweakcc 补丁被升级覆盖了（美化没了）、还是终端外观没跟上（背景/字体不对）——大概率不是配置写错，是找错了层。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;从装到跑：官方安装 + 两个第三方工具&lt;/h2&gt;&lt;p&gt;Claude Code 在 Windows 上官方推荐的就一条命令（PowerShell）：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;Terminal window&lt;/span&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;irm https:&lt;/span&gt;&lt;span&gt;//&lt;/span&gt;&lt;span&gt;claude.ai&lt;/span&gt;&lt;span&gt;/&lt;/span&gt;&lt;span&gt;install.ps1 | iex&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;装完二进制落在 &lt;code&gt;%USERPROFILE%\.local\bin\claude.exe&lt;/code&gt;，原生安装后台会自动更新，&lt;code&gt;claude update&lt;/code&gt; 手动更新。想停自动更新就在 &lt;code&gt;settings.json&lt;/code&gt; 的 &lt;code&gt;env&lt;/code&gt; 里设 &lt;code&gt;DISABLE_AUTOUPDATER=1&lt;/code&gt;（只停后台检查，&lt;code&gt;claude update&lt;/code&gt; 还能用）。想彻底关用 &lt;code&gt;DISABLE_UPDATES&lt;/code&gt;。另外 &lt;code&gt;winget install Anthropic.ClaudeCode&lt;/code&gt; 也行，但那个不自动更新。&lt;/p&gt;&lt;p&gt;两个第三方工具是这套配置的骨架：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;tweakcc&lt;/strong&gt;（&lt;code&gt;npm install -g tweakcc&lt;/code&gt;，或 &lt;code&gt;npx tweakcc&lt;/code&gt;）：深度美化层，下文重点。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;CC Switch&lt;/strong&gt;（桌面应用，Tauri 写的）：管 provider 切换，内置本地代理。装完它在 &lt;code&gt;~/.claude/settings.json&lt;/code&gt; 的 &lt;code&gt;env&lt;/code&gt; 里写 &lt;code&gt;ANTHROPIC_BASE_URL=http://127.0.0.1:15721&lt;/code&gt; 和 &lt;code&gt;ANTHROPIC_AUTH_TOKEN=PROXY_MANAGED&lt;/code&gt;，把模型请求都走它的本地代理转发。模型映射（比如把 Sonnet 的请求映射到别的模型）也是它管的。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;验证一下装齐没有，&lt;code&gt;claude --version&lt;/code&gt; 会同时打印两层：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;2.1.220 (Claude Code)&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;4.3.2 (tweakcc)&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;tweakcc 连版本号都注进 claude 里了，一眼能看出补丁活着。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;tweakcc：把 cli.js 拆开、改完、再装回去&lt;/h2&gt;&lt;p&gt;tweakcc 不是”皮肤包”，它是&lt;strong&gt;直接改 Claude Code 的程序本体&lt;/strong&gt;。它把 minified 的 &lt;code&gt;cli.js&lt;/code&gt; 解出来打补丁，原生安装则用 node-lief 从二进制里抽 JS、patch、再重新打包。本机 &lt;code&gt;~/.tweakcc/&lt;/code&gt; 里躺着 &lt;code&gt;native-claudejs-orig.js&lt;/code&gt; / &lt;code&gt;native-claudejs-patched.js&lt;/code&gt;（各约 21MB）和一个 265MB 的 &lt;code&gt;native-binary.backup&lt;/code&gt;，全是它干活留下的。&lt;/p&gt;&lt;p&gt;因为动的是本体，&lt;strong&gt;Claude Code 一升级补丁就会被覆盖&lt;/strong&gt;，但配置还在——升级后重跑一遍 &lt;code&gt;npx tweakcc --apply&lt;/code&gt; 就行（它自己会先恢复备份，保证从干净状态重新 patch）。注意它官方验证过的版本是 2.1.162，现在跑在 2.1.220 上，个别非系统提示类的 patch 可能失效，得留意。&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;&lt;strong&gt;2026-08-09 实测更新&lt;/strong&gt;：文章发布没几天，Claude Code 悄悄升到 2.1.224，天气思考动画果然又没了。这次验证方法都齐了——&lt;code&gt;claude --version&lt;/code&gt; 只剩一行（没有 &lt;code&gt;(tweakcc)&lt;/code&gt; 注入的版本行），&lt;code&gt;~/.tweakcc/config.json&lt;/code&gt; 里的 &lt;code&gt;ccVersion&lt;/code&gt; 还停在 2.1.220，一眼确认补丁被覆盖。重跑 &lt;code&gt;npx tweakcc --apply&lt;/code&gt; 却报 &lt;code&gt;EBUSY：claude.exe locked&lt;/code&gt;——claude 本体正开着，Windows 锁住 exe 不让写。所以顺序很重要：&lt;strong&gt;先完全退出 Claude Code，再在新终端跑 apply&lt;/strong&gt;。跑完 &lt;code&gt;claude --version&lt;/code&gt; 恢复两行输出，天气动画和思考动词随机一起回来。&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;它到底能改什么？挑值钱的几个：&lt;/p&gt;&lt;p&gt;&lt;strong&gt;内置 7 套主题色&lt;/strong&gt;，截图里这套紫调对应 Dark mode。这套配色的逻辑很清晰：紫管结构（分隔线、提示符、autoAccept），蓝管身份（模型名、权限请求），橙管强调（Claude 品牌色、路径高亮），红管警示（错误、diff 删除）。&lt;/p&gt;














































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;语义&lt;/th&gt;&lt;th&gt;颜色&lt;/th&gt;&lt;th&gt;语义&lt;/th&gt;&lt;th&gt;颜色&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;autoAccept&lt;/td&gt;&lt;td&gt;紫 &lt;code&gt;rgb(175,135,255)&lt;/code&gt;&lt;/td&gt;&lt;td&gt;claude 品牌&lt;/td&gt;&lt;td&gt;橙 &lt;code&gt;rgb(215,119,87)&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;planMode&lt;/td&gt;&lt;td&gt;青 &lt;code&gt;rgb(72,150,140)&lt;/code&gt;&lt;/td&gt;&lt;td&gt;输入框边框&lt;/td&gt;&lt;td&gt;灰 &lt;code&gt;rgb(136,136,136)&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;正文&lt;/td&gt;&lt;td&gt;白 &lt;code&gt;rgb(255,255,255)&lt;/code&gt;&lt;/td&gt;&lt;td&gt;成功&lt;/td&gt;&lt;td&gt;绿 &lt;code&gt;rgb(78,186,101)&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;错误&lt;/td&gt;&lt;td&gt;红 &lt;code&gt;rgb(255,107,128)&lt;/code&gt;&lt;/td&gt;&lt;td&gt;警告&lt;/td&gt;&lt;td&gt;黄 &lt;code&gt;rgb(255,193,7)&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;diff 新增&lt;/td&gt;&lt;td&gt;深绿底 &lt;code&gt;rgb(34,92,43)&lt;/code&gt;&lt;/td&gt;&lt;td&gt;diff 删除&lt;/td&gt;&lt;td&gt;深红底 &lt;code&gt;rgb(122,41,54)&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;用户消息底&lt;/td&gt;&lt;td&gt;&lt;code&gt;rgb(55,55,55)&lt;/code&gt;&lt;/td&gt;&lt;td&gt;额度条已用&lt;/td&gt;&lt;td&gt;淡紫 &lt;code&gt;rgb(177,185,249)&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;strong&gt;思考动画&lt;/strong&gt;：把「Thinking…」换成一圈天气符号 ☀️→🌤→⛅️→🌥→☁️→🌧→🌨→⛈ 再倒着转回来，100ms 刷一次，很有”算力在涌”的既视感。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;思考动词随机&lt;/strong&gt;：三十多个动词轮着用——Thinking、Pondering、Brewing、Weaving、Distilling……不会再是千篇一律的 Thinking。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;输入框高亮&lt;/strong&gt;：正则把 URL（青）、路径（橙）、行内代码（粉）在输入时即时上色，多行贴代码时一眼能分清。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;其它开关&lt;/strong&gt;：会话标题、隐藏启动横幅、&lt;code&gt;mcpConnectionNonBlocking&lt;/code&gt;（MCP 连接不阻塞启动）、&lt;code&gt;enableSwarmMode&lt;/code&gt;、&lt;code&gt;enableVoiceMode&lt;/code&gt;、&lt;code&gt;enableSessionMemory&lt;/code&gt;，还有 &lt;code&gt;claudeMdAltNames&lt;/code&gt; 让它在项目里读 &lt;code&gt;AGENTS.md&lt;/code&gt; / &lt;code&gt;GEMINI.md&lt;/code&gt; / &lt;code&gt;QWEN.md&lt;/code&gt; 这些别名当指令文件。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;主题字段：custom 是另一层皮&lt;/h2&gt;&lt;p&gt;&lt;code&gt;settings.json&lt;/code&gt; 里还有一行 &lt;code&gt;&quot;theme&quot;: &quot;custom:dracula&quot;&lt;/code&gt;，这是&lt;strong&gt;另一套主题机制&lt;/strong&gt;——Claude Code 原生的插件主题，来自 &lt;code&gt;claude-themes&lt;/code&gt; 插件（本机同时启用了 dracula 和 tokyo-night 两个）。主题字段的取值有 &lt;code&gt;auto&lt;/code&gt; / &lt;code&gt;dark&lt;/code&gt; / &lt;code&gt;light&lt;/code&gt; 这几个内建档，&lt;code&gt;custom:&lt;/code&gt; 前缀指插件或自定义主题，主题文件是 JSON，放着 &lt;code&gt;base&lt;/code&gt; + &lt;code&gt;overrides&lt;/code&gt; 的颜色 token。&lt;/p&gt;&lt;p&gt;所以这台机器实际是&lt;strong&gt;两层主题同时存在&lt;/strong&gt;：tweakcc 改的是 Claude 程序内部渲染（思考动画、输入框、消息底色这些原生主题管不到的），&lt;code&gt;custom:dracula&lt;/code&gt; 管的是 Claude 原生 UI 的颜色 token。改色的时候想清楚改哪个，别在 tweakcc 里调半天发现被 settings 的 theme 盖着，反过来也一样。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;底部 HUD：statusLine 机制 + claude-hud 插件&lt;/h2&gt;&lt;p&gt;截图底部那条状态栏是 &lt;strong&gt;claude-hud 插件&lt;/strong&gt;（0.6.0）渲染的，走的是 Claude Code 原生的 &lt;code&gt;statusLine&lt;/code&gt; 机制：&lt;code&gt;settings.json&lt;/code&gt; 里配 &lt;code&gt;statusLine&lt;/code&gt; 的 &lt;code&gt;type: &quot;command&quot;&lt;/code&gt;，Claude 每次交互后把一个 JSON 从 stdin 喂给这个命令（里面有 &lt;code&gt;model.display_name&lt;/code&gt;、&lt;code&gt;workspace.current_dir&lt;/code&gt;、&lt;code&gt;context_window.used_percentage&lt;/code&gt;、&lt;code&gt;cost.total_cost_usd&lt;/code&gt;、&lt;code&gt;rate_limits&lt;/code&gt; 这些），命令把它渲染成一行字打印出来。&lt;/p&gt;&lt;p&gt;本机这条 statusLine 命令有三处值得抄：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;Terminal window&lt;/span&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;# 动态定位最新版插件目录，升级不用改配置&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;plugin_dir&lt;/span&gt;&lt;span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt;$(&lt;/span&gt;&lt;/span&gt;&lt;span&gt;ls&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;-1d&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&quot;&lt;/span&gt;&lt;span&gt;$CLAUDE_CONFIG_DIR&lt;/span&gt;&lt;span&gt;/plugins/cache&quot;/&lt;/span&gt;&lt;span&gt;*&lt;/span&gt;&lt;span&gt;/claude-hud/&lt;/span&gt;&lt;span&gt;*&lt;/span&gt;&lt;span&gt;/&lt;/span&gt;&lt;span&gt; | &lt;/span&gt;&lt;span&gt;sort&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;-V&lt;/span&gt;&lt;span&gt; | &lt;/span&gt;&lt;span&gt;tail&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;-1&lt;/span&gt;&lt;span&gt;)&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;# 用 nvm4w 的 node 跑插件入口&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;exec&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&quot;/c/nvm4w/nodejs/node&quot;&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&quot;&lt;/span&gt;&lt;span&gt;&lt;span&gt;${&lt;/span&gt;&lt;span&gt;plugin_dir&lt;/span&gt;&lt;span&gt;}&lt;/span&gt;&lt;/span&gt;&lt;span&gt;dist/index.js&quot;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;claude-hud 的具体显示在 &lt;code&gt;~/.claude/plugins/claude-hud/config.json&lt;/code&gt; 里配：&lt;code&gt;customLine&lt;/code&gt; 是那句格言 &lt;code&gt;code less, architect more --threetwoa ⌐■_■ノ♪&lt;/code&gt;，&lt;code&gt;showContextBar&lt;/code&gt; 开 Context 进度条，&lt;code&gt;modelFormat: &quot;compact&quot;&lt;/code&gt; 让模型名缩成 &lt;code&gt;[Sonnet 4.6]&lt;/code&gt;，还能显示 &lt;code&gt;1 CLAUDE.md | 22 MCPs | 2 hooks&lt;/code&gt; 这类配置计数。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;实际使用中的 HUD：模型 / 格言 / Context 40% / 工具计数 / bypass 权限红字&quot; loading=&quot;lazy&quot; width=&quot;1600&quot; height=&quot;955&quot; src=&quot;/_astro/fig-hud-real.0r5d9IpD_Z1KQtKB.webp&quot; /&gt;&lt;figcaption&gt;实际使用中的 HUD：模型 / 格言 / Context 40% / 工具计数 / bypass 权限红字&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;这套东西我恢复过不止一次，坑浓缩成三句：&lt;/p&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;坑&lt;/th&gt;&lt;th&gt;现象&lt;/th&gt;&lt;th&gt;解法&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;statusLine&lt;/code&gt; 只认 &lt;code&gt;command&lt;/code&gt; 类型&lt;/td&gt;&lt;td&gt;写 &lt;code&gt;type: &quot;default&quot;&lt;/code&gt; 直接被 schema 拒&lt;/td&gt;&lt;td&gt;只能 &lt;code&gt;type: &quot;command&quot;&lt;/code&gt; + &lt;code&gt;command&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;外层必须是 bash 语法&lt;/td&gt;&lt;td&gt;写裸 PowerShell &lt;code&gt;$var&lt;/code&gt; 被 bash 展开成空串，报错&lt;/td&gt;&lt;td&gt;外层 bash（Git Bash/Cygwin），PowerShell 内容塞引号里&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Node 路径会变&lt;/td&gt;&lt;td&gt;nvm4w 切版本或路径变更，HUD 静默消失&lt;/td&gt;&lt;td&gt;&lt;code&gt;statusLine.command&lt;/code&gt; 里同步更新 &lt;code&gt;/c/nvm4w/nodejs/node&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;另外一个外部因素：&lt;strong&gt;CC Switch 有时会整文件重写 &lt;code&gt;settings.json&lt;/code&gt;&lt;/strong&gt;，把 &lt;code&gt;statusLine&lt;/code&gt; / &lt;code&gt;enabledPlugins&lt;/code&gt; / &lt;code&gt;extraKnownMarketplaces&lt;/code&gt; 全冲掉。它只管 provider 的时候改 &lt;code&gt;env&lt;/code&gt; 块，但接管模式是整文件覆盖。HUD 消失先查这三个块在不在。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;顺手两件事：shift+enter 换行 和 权限放权&lt;/h2&gt;&lt;section&gt;&lt;h3&gt;换行键&lt;/h3&gt;&lt;p&gt;&lt;code&gt;~/.claude/keybindings.json&lt;/code&gt; 里我配了：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;{&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;&quot;bindings&quot;&lt;/span&gt;&lt;span&gt;: [&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;{ &lt;/span&gt;&lt;span&gt;&quot;context&quot;&lt;/span&gt;&lt;span&gt;: &lt;/span&gt;&lt;span&gt;&quot;Chat&quot;&lt;/span&gt;&lt;span&gt;, &lt;/span&gt;&lt;span&gt;&quot;bindings&quot;&lt;/span&gt;&lt;span&gt;: { &lt;/span&gt;&lt;span&gt;&quot;shift+enter&quot;&lt;/span&gt;&lt;span&gt;: &lt;/span&gt;&lt;span&gt;&quot;chat:newline&quot;&lt;/span&gt;&lt;span&gt;, &lt;/span&gt;&lt;span&gt;&quot;ctrl+enter&quot;&lt;/span&gt;&lt;span&gt;: &lt;/span&gt;&lt;span&gt;null&lt;/span&gt;&lt;span&gt; } }&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;&lt;code&gt;shift+enter&lt;/code&gt; 插换行、&lt;code&gt;ctrl+enter&lt;/code&gt; 置 null 取消默认提交，这样回车是发送、Shift+回车是换行，写多行提示词不别扭。注意一个版本坑：&lt;strong&gt;现在官方文档里 &lt;code&gt;chat:newline&lt;/code&gt; 的默认键其实是 Ctrl+J&lt;/strong&gt;（早期版本才是 shift+enter），想用 shift+enter 就得像我这样显式绑。值设 &lt;code&gt;null&lt;/code&gt; 就是取消默认绑定，改完热加载不用重启。Ctrl+C / Ctrl+D / Ctrl+M 和 Caps Lock 不可重绑。&lt;/p&gt;&lt;p&gt;另外 Windows Terminal 这层我还挂了个 &lt;code&gt;ShiftEnterNewline&lt;/code&gt; 快捷键，往终端发 &lt;code&gt;\u001b[13;2u&lt;/code&gt;（Shift+Enter 的 CSI 转义），等于终端和 Claude 两层都认这个键。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;权限放权&lt;/h3&gt;&lt;p&gt;截图里启动命令是 &lt;code&gt;claude --dangerously-skip-permissions&lt;/code&gt;。这个 flag 等于 &lt;code&gt;--permission-mode bypassPermissions&lt;/code&gt;，把所有权限确认和安全检查全关了，跑起来最顺。配合的机制：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Shift+Tab 循环权限模式&lt;/strong&gt;：默认只在 &lt;code&gt;default → acceptEdits → plan&lt;/code&gt; 之间切；&lt;code&gt;bypassPermissions&lt;/code&gt; 得先激活（用 flag 或 &lt;code&gt;--allow-dangerously-skip-permissions&lt;/code&gt; 只入环不激活）才会进循环。状态栏那个红字 &lt;code&gt;bypass permissions on (shift+tab to cycle)&lt;/code&gt; 就是提示这个。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;&lt;code&gt;/permissions&lt;/code&gt;&lt;/strong&gt;：管理 allow / deny / ask 规则，还能看 “Recently denied” 列表一键重试。&lt;/li&gt;
&lt;li&gt;&lt;code&gt;settings.json&lt;/code&gt; 里 &lt;code&gt;skipDangerousModePermissionPrompt: true&lt;/code&gt; 会跳过首次启用 bypass 时的一次性责任确认弹窗（我就是这么关掉的）。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;安全提醒照实说：bypass 模式官方口径是”只该在容器 / VM / 隔离环境用”，对 prompt injection 毫无防护。我自己的判断是——&lt;strong&gt;自己这台机器、自己信任的会话里图方便没问题，但别在有敏感数据或共享终端的环境里裸奔&lt;/strong&gt;，也别把依赖它的命令写进会被复制的脚本里。&lt;/p&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;Git Bash：hooks 和 statusLine 都走它&lt;/h2&gt;&lt;p&gt;Windows 上 Claude Code 的 bash 工具、shell 形式的 hooks、statusLine，默认走的是 Git Bash——&lt;code&gt;settings.json&lt;/code&gt; 的 &lt;code&gt;env&lt;/code&gt; 里设 &lt;code&gt;CLAUDE_CODE_GIT_BASH_PATH&lt;/code&gt; 指向它：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&quot;CLAUDE_CODE_GIT_BASH_PATH&quot;&lt;/span&gt;&lt;span&gt;: &lt;/span&gt;&lt;span&gt;&quot;C:&lt;/span&gt;&lt;span&gt;\\&lt;/span&gt;&lt;span&gt;Program Files&lt;/span&gt;&lt;span&gt;\\&lt;/span&gt;&lt;span&gt;Git&lt;/span&gt;&lt;span&gt;\\&lt;/span&gt;&lt;span&gt;usr&lt;/span&gt;&lt;span&gt;\\&lt;/span&gt;&lt;span&gt;bin&lt;/span&gt;&lt;span&gt;\\&lt;/span&gt;&lt;span&gt;bash.exe&quot;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;不设的话，它找不到 Git Bash 会退到 PowerShell 工具。设了之后，&lt;strong&gt;所有 shell-form hooks / statusLine 命令都由 Git Bash 执行，cmd.exe 永不参与&lt;/strong&gt;。&lt;/p&gt;&lt;p&gt;本机的 hooks 就两个：Notification 和 Stop 事件都触发同一个 PowerShell 脚本 &lt;code&gt;claude-hook-toast.ps1&lt;/code&gt;，在 Windows 弹原生 Toast 通知（任务完成提醒）。脚本里还做了个判断，区分是不是 Cursor 在调它，避免误弹。&lt;/p&gt;&lt;p&gt;写这种跨 shell 的 command 有一个特别容易踩的坑：&lt;strong&gt;外层命令是 bash 语法，就必须用正斜杠全路径、禁 &lt;code&gt;%VAR%&lt;/code&gt;、禁 &lt;code&gt;cmd /c&lt;/code&gt; 包装、禁反斜杠路径&lt;/strong&gt;（反斜杠会被 bash 转义吞字符，甚至建出 &lt;code&gt;nul&lt;/code&gt; 残留文件）。正确姿势长这样：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&quot;command&quot;&lt;/span&gt;&lt;span&gt;: &lt;/span&gt;&lt;span&gt;&quot;powershell -NoProfile -ExecutionPolicy Bypass -File C:/Users/Lenovo/.claude/claude-hook-toast.ps1&quot;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;终端那层：毛玻璃 + 壁纸 + Maple Mono&lt;/h2&gt;&lt;p&gt;界面最外层的观感是 Windows Terminal 给的。截图那个 PowerShell profile 的关键配置：&lt;/p&gt;







































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;配置&lt;/th&gt;&lt;th&gt;值&lt;/th&gt;&lt;th&gt;作用&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;backgroundImage&lt;/code&gt;&lt;/td&gt;&lt;td&gt;&lt;code&gt;&quot;desktopWallpaper&quot;&lt;/code&gt;&lt;/td&gt;&lt;td&gt;直接把当前桌面壁纸当终端背景&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;backgroundImageOpacity&lt;/code&gt;&lt;/td&gt;&lt;td&gt;&lt;code&gt;0.21&lt;/code&gt;&lt;/td&gt;&lt;td&gt;背景图压暗到 21%&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;useAcrylic&lt;/code&gt;&lt;/td&gt;&lt;td&gt;&lt;code&gt;true&lt;/code&gt; + &lt;code&gt;opacity: 15&lt;/code&gt;&lt;/td&gt;&lt;td&gt;亚克力毛玻璃，透明度 15%&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;font.face&lt;/code&gt;&lt;/td&gt;&lt;td&gt;&lt;code&gt;Maple Mono NF CN&lt;/code&gt;，13pt，medium&lt;/td&gt;&lt;td&gt;带中文的 Nerd Font&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;colorScheme&lt;/code&gt;&lt;/td&gt;&lt;td&gt;&lt;code&gt;Dark+&lt;/code&gt;&lt;/td&gt;&lt;td&gt;终端配色&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;cursorColor&lt;/code&gt;&lt;/td&gt;&lt;td&gt;&lt;code&gt;#E5E510&lt;/code&gt;&lt;/td&gt;&lt;td&gt;黄色光标&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;几个取舍和坑：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;&lt;code&gt;desktopWallpaper&lt;/code&gt; 是个彩蛋&lt;/strong&gt;：&lt;code&gt;backgroundImage&lt;/code&gt; 填这个特殊值就直接垫桌面壁纸，换壁纸终端跟着变。壁纸 + 毛玻璃可以共存（背景图画在 acrylic 之上，&lt;code&gt;useAcrylic:false&lt;/code&gt; 只有 Win11 支持纯透明无磨砂）。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;中文等宽必须用带 CJK 的字体&lt;/strong&gt;。Maple Mono NF CN 是开源的圆角编程字体（仓库 subframe7536/maple-font），「NF」= Nerd Font 图标补丁版，「CN」= 内嵌中文字形（思源圆体底子），中英文按 &lt;strong&gt;2&amp;lt;1&amp;gt; 对齐&lt;/strong&gt;（一个汉字正好两个西文字宽），多语言混排和 Markdown 表格不会错位。Caskaydia Cove Nerd Font（Cascadia Code 打的 NF 补丁）&lt;strong&gt;不含中文字形&lt;/strong&gt;，中文只能走系统 fallback——fallback 字体的字宽行高和主字体不一致，混排必错位。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;终端不支持自定义 fallback 字体列表&lt;/strong&gt;（这个功能在官方 backlog 里躺很久了），所以最省事的办法就是主字体直接用自带 CJK 的：Maple Mono NF CN、Sarasa Term SC 这类。&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;改了一处不生效？按层对号入座&lt;/h2&gt;
































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;现象&lt;/th&gt;&lt;th&gt;先查哪层&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;HUD 消失&lt;/td&gt;&lt;td&gt;② &lt;code&gt;statusLine&lt;/code&gt; / &lt;code&gt;enabledPlugins&lt;/code&gt; / &lt;code&gt;extraKnownMarketplaces&lt;/code&gt; 三个块 + node 路径&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;401 / 连接失败&lt;/td&gt;&lt;td&gt;① CC Switch 代理 + &lt;code&gt;env&lt;/code&gt; 的 base_url / token&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;美化效果全没了&lt;/td&gt;&lt;td&gt;③ Claude 升级了，重跑 &lt;code&gt;npx tweakcc --apply&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;颜色不对 / 被盖住&lt;/td&gt;&lt;td&gt;② &lt;code&gt;settings.json&lt;/code&gt; 的 &lt;code&gt;theme&lt;/code&gt; 和 ③ tweakcc 主题，搞清楚谁在起作用&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;中文乱 / 字符被吞&lt;/td&gt;&lt;td&gt;④ hooks 外层 shell 语法（反斜杠、&lt;code&gt;%VAR%&lt;/code&gt;、&lt;code&gt;cmd /c&lt;/code&gt;）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;终端字混排错位&lt;/td&gt;&lt;td&gt;⑤ 字体没中文字形 → 换 Maple Mono NF CN 这类带 CN 的&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;p&gt;这套配置最值钱的认知就一句话：&lt;strong&gt;漂亮是结果，分层是原因&lt;/strong&gt;。五层各管各的，改哪儿查哪儿，比对着网上”复制这段配置”的教程靠谱得多。重装时按这个顺序抄：装 claude → 装 tweakcc 跑 &lt;code&gt;--apply&lt;/code&gt; → 配 CC Switch → 写 settings.json（env / theme / statusLine / hooks）→ 调 Windows Terminal 外观 → 收工 ☕(￣▽￣)ノ&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>论 AI Coding 的奇淫技巧👿</title><link>https://fork-firefly.vercel.app/posts/ai-coding-save-money/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/ai-coding-save-money/</guid><description>咸鱼租号、中转倍率、已知羊毛与订阅号池管理——一套务实的 AI Coding 省钱渠道与技巧笔记。</description><pubDate>Sun, 02 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;section&gt;&lt;h2&gt;渠道&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;咸鱼&lt;/strong&gt;:  &lt;a href=&quot;https://www.goofish.com/&quot; target=&quot;_blank&quot;&gt;https://www.goofish.com/&lt;/a&gt;
租号, 速刷, 日抛等..(如 plus速刷, kiro拼车, cursor auto等)&lt;/p&gt;&lt;p&gt;&lt;strong&gt;QQ群&lt;/strong&gt;: 中转,号商,群友集结地, 各种渠道, bug放出的消息(也可以蹲 &lt;a href=&quot;https://linux.do/&quot; target=&quot;_blank&quot;&gt;l站&lt;/a&gt; )&lt;/p&gt;&lt;p&gt;&lt;strong&gt;官网&lt;/strong&gt;(挑有性价比的)优惠:
一般是首月优惠, 或者 0 月绑卡适用, 白夜间福利, 新模型测评低倍率,0倍率
当前推荐(opencode go, cursor 半价(需要符合资格号), gpt plus)&lt;/p&gt;&lt;p&gt;&lt;strong&gt;中转:&lt;/strong&gt; l站 / b站 / 社区论坛看 0.0x的倍率中转, 挑测试稳定, 福利多的&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;目前已知的bug / 羊毛&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;cursor
&lt;ul&gt;
&lt;li&gt;卡mcp (正存活):&lt;/li&gt;
&lt;li&gt;超额流 (已修复)&lt;/li&gt;
&lt;li&gt;卡半价的半价(不太清楚): 例如 首月6$&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;kiro
&lt;ul&gt;
&lt;li&gt;企业号拼车&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;qoder&lt;/li&gt;
&lt;li&gt;trae&lt;/li&gt;
&lt;li&gt;gpt
&lt;ul&gt;
&lt;li&gt;k12&lt;/li&gt;
&lt;li&gt;日抛周额度 plus&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;推荐&lt;/h2&gt;&lt;ol&gt;
&lt;li&gt;opencode go 路由到 ccswitch 蹬 deepseek v4 flash&lt;/li&gt;
&lt;/ol&gt;&lt;blockquote&gt;&lt;p&gt;35块 蹬 75e+ 的v4f(正式版)&lt;/p&gt;&lt;/blockquote&gt;&lt;ol&gt;
&lt;li&gt;qq 群里面找 号商买 临期的 cursor auto的号 蹬 grok4.5 high fast&lt;/li&gt;
&lt;/ol&gt;&lt;blockquote&gt;&lt;p&gt;pro auto: 2e, pro+3倍, ultra 20倍&lt;/p&gt;&lt;/blockquote&gt;&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;买 日抛的周额度plus号 / 配合中转蹬 00x倍率的 性价比模型&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;咸鱼拼车minimax / glm / kimi 订阅车, 30-40一月&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;&lt;blockquote&gt;&lt;p&gt;参考订阅(MiniMax MAX, glm 老lite, kimi Allerogtto)&lt;/p&gt;&lt;/blockquote&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;技巧&lt;/h2&gt;&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;使用  &lt;a href=&quot;https://github.com/jlcodes99/cockpit-tools/releases&quot; target=&quot;_blank&quot;&gt;cockpit tools&lt;/a&gt;  管理各个类型的订阅号池, 可以保存登录态&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;邪修 AI Coding 省钱-2&quot; loading=&quot;lazy&quot; width=&quot;1920&quot; height=&quot;1200&quot; src=&quot;/_astro/ai-coding-2.COYhfAWW_eD5O7.webp&quot; /&gt;&lt;figcaption&gt;邪修 AI Coding 省钱-2&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;使用claude code cli 做轻量任务, cursor ide 配套维护重型任务,复杂操作(如e2e测试, 文件索引拖拽, 内置浏览器div选择..)&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;&lt;/section&gt;</content:encoded></item><item><title>Engineering Type</title><link>https://fork-firefly.vercel.app/posts/engineering-type/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/engineering-type/</guid><description>Prompt / Context / Harness / Loop / Graph——把模型外壳当一等工程对象的概念地图。</description><pubDate>Sun, 02 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;(prompt, context, Harness, Loop, Graph)&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Prompt&lt;/strong&gt;  -&amp;gt; 模型「做什么」 , &lt;strong&gt;Context&lt;/strong&gt;  -&amp;gt; 模型「知道什么」, &lt;strong&gt;Loop&lt;/strong&gt;  -&amp;gt; 模型能「持续行动」, &lt;strong&gt;Graph&lt;/strong&gt;  -&amp;gt; 让多个行动能「协作」  &lt;strong&gt;Harness&lt;/strong&gt; 把以上全部打包成可运行的系统
&lt;strong&gt;Harness Engineering&lt;/strong&gt; 则是把这个系统当成正经工程来做。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;Engineering（Harness Engineering）&lt;/h2&gt;&lt;p&gt;这是目前社区正在形成的一个新学科概念：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;&lt;strong&gt;Harness Engineering&lt;/strong&gt; = 把围绕模型的整套脚手架（Prompt、Context、Loop、工具、权限、记忆、Graph……）当成一等工程对象来设计和演进。&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;以前大家主要在比「哪个模型更强」。&lt;br /&gt;
现在越来越多人意识到：&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;同一个模型，换不同 Harness，表现可以差出一截。&lt;br /&gt;
真正决定长期生产力的，往往是 Harness 的工程质量，而不是模型本身。&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;所以 Engineering 在这里的意思是：&lt;br /&gt;
&lt;strong&gt;主动设计、迭代、约束这套「外壳」&lt;/strong&gt;，让模型的能力被稳定、可预期地释放出来，而不是靠运气 prompt。&lt;/p&gt;&lt;hr /&gt;&lt;section&gt;&lt;h3&gt;Prompt Engineering&lt;/h3&gt;&lt;p&gt;Prompt 就是你丢给模型的「指令文本」。最原始的形态只是一句话。
但在真正的 Agent 系统里，Prompt 已经远远不止「用户输入」了, 而是：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;系统提示词（System Prompt）&lt;/li&gt;
&lt;li&gt;项目级规则（CLAUDE.md / AGENTS.md）&lt;/li&gt;
&lt;li&gt;Skills / 自定义指令&lt;/li&gt;
&lt;li&gt;当前任务描述&lt;/li&gt;
&lt;li&gt;工具返回的结果回填&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;Prompt 是模型「看到」的全部输入。它是决定了模型当下的思考方向的，但&lt;strong&gt;本身不负责执行&lt;/strong&gt;。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Engineering Type&quot; loading=&quot;lazy&quot; width=&quot;1024&quot; height=&quot;572&quot; src=&quot;/_astro/engineering-type.Dl7XzXkQ_Zv9oAG.webp&quot; /&gt;&lt;figcaption&gt;Engineering Type&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;Context Engineering&lt;/h3&gt;&lt;p&gt;Context 是模型「当前能看到的信息窗口」。
包括：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;对话历史&lt;/li&gt;
&lt;li&gt;项目文件内容&lt;/li&gt;
&lt;li&gt;工具执行结果&lt;/li&gt;
&lt;li&gt;记忆文件&lt;/li&gt;
&lt;li&gt;系统状态&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;Context 是有限的（有 token 上限），所以如何管理它（压缩、选择性加载、长期记忆外部化）直接决定 Agent 能不能跑长任务而不「失忆」。
简单说：Prompt 是「说了什么」，Context 是「它现在能记住什么」。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Engineering Type-1&quot; loading=&quot;lazy&quot; width=&quot;1536&quot; height=&quot;1024&quot; src=&quot;/_astro/engineering-type-1.Ca6I9XbA_1iPKUm.webp&quot; /&gt;&lt;figcaption&gt;Engineering Type-1&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;Harness Engineering&lt;/h3&gt;&lt;p&gt;Harness 是把模型包起来的整套运行机制 + 生态。现在社区（包括 Anthropic 自己、Addy Osmani、研究论文）已经把这个词用得比较固定了, 可以把它理解成「AI 编程工具本身的机制与生态」,  &lt;strong&gt;Agent = Model + Harness&lt;/strong&gt;, 有人做过逆向：Claude Code 源码里大概 &lt;strong&gt;98% 是 harness&lt;/strong&gt;，真正「模型决策逻辑」只占很小一部分。 所以它确实是「让大模型放进去之后，能力能被尽情发挥出来的那套外壳和土壤」。
纯模型只是一个会预测下一个 token 的东西。 &lt;strong&gt;Harness&lt;/strong&gt; 就是把模型包起来的那一整套「运行机制 + 生态」：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;工具层（读文件、写文件、跑终端、浏览器、搜索……）&lt;/li&gt;
&lt;li&gt;Agent Loop（思考 → 调工具 → 看结果 → 再思考的循环）&lt;/li&gt;
&lt;li&gt;权限与沙箱（哪些命令能直接跑，哪些要确认）&lt;/li&gt;
&lt;li&gt;上下文/记忆管理（CLAUDE.md、AGENTS.md、自动压缩、项目级记忆）&lt;/li&gt;
&lt;li&gt;子 Agent / 多 Agent 协作&lt;/li&gt;
&lt;li&gt;Hooks、Skills、插件、恢复机制&lt;/li&gt;
&lt;li&gt;错误处理与自我纠正&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;&lt;strong&gt;Agent = Model + Harness&lt;/strong&gt;&lt;br /&gt;
没有 Harness，模型只是会说话的文本预测器。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Engineering Type-2&quot; loading=&quot;lazy&quot; width=&quot;1841&quot; height=&quot;935&quot; src=&quot;/_astro/engineering-type-2.DQ3HOpKu_Z2inETR.webp&quot; /&gt;&lt;figcaption&gt;Engineering Type-2&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;Loop Engineering&lt;/h3&gt;&lt;p&gt;Loop 就是 Agent 的核心工作循环：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;思考 → 决定调用哪个工具 → 执行工具 → 拿到结果 → 再思考 → ……&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;直到任务完成或达到停止条件。&lt;/p&gt;&lt;p&gt;一个好的 Loop 必须包含：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;可靠的工具执行&lt;/li&gt;
&lt;li&gt;结果回传机制&lt;/li&gt;
&lt;li&gt;失败重试 / 自我纠正&lt;/li&gt;
&lt;li&gt;上下文更新&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;Loop 是 Harness 最核心的运行时部分。没有稳定的 Loop，再强的模型也只能做一次性回答。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Engineering Type&quot; loading=&quot;lazy&quot; width=&quot;1280&quot; height=&quot;720&quot; src=&quot;/_astro/engineering-type.UVmKopAZ_q8F6H.webp&quot; /&gt;&lt;figcaption&gt;Engineering Type&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;Graph Engineering&lt;/h3&gt;&lt;p&gt;Graph（通常指 Agent Graph / 工作流图）是把多个 Agent 或步骤组织起来的结构。&lt;/p&gt;&lt;p&gt;从简单到复杂可以是：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;线性：A → B → C&lt;/li&gt;
&lt;li&gt;带条件分支&lt;/li&gt;
&lt;li&gt;多 Agent 并行 + 汇总&lt;/li&gt;
&lt;li&gt;动态生成子任务图&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;Graph 解决的是「复杂任务如何被拆解、调度、协作」的问题。&lt;br /&gt;
当单 Agent 的 Loop 不够用时，就需要 Graph 来编排多个 Loop。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Engineering Type-3&quot; loading=&quot;lazy&quot; width=&quot;1400&quot; height=&quot;764&quot; src=&quot;/_astro/engineering-type-3.CbHa2wHZ_24lo1w.webp&quot; /&gt;&lt;figcaption&gt;Engineering Type-3&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;</content:encoded></item><item><title>Firefly 代码块示例</title><link>https://fork-firefly.vercel.app/posts/code-examples/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/code-examples/</guid><description>在Firefly中使用表达性代码的代码块在 Markdown 中的外观。</description><pubDate>Sat, 01 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;在这里，我们将探索如何使用 &lt;a href=&quot;https://expressive-code.com/&quot; target=&quot;_blank&quot;&gt;Expressive Code&lt;/a&gt; 展示代码块。提供的示例基于官方文档，您可以参考以获取更多详细信息。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;表达性代码&lt;/h2&gt;&lt;section&gt;&lt;h3&gt;语法高亮&lt;/h3&gt;&lt;p&gt;&lt;a href=&quot;https://expressive-code.com/key-features/syntax-highlighting/&quot; target=&quot;_blank&quot;&gt;语法高亮&lt;/a&gt;&lt;/p&gt;&lt;section&gt;&lt;h4&gt;常规语法高亮&lt;/h4&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;console&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;span&gt;log&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;&apos;此代码有语法高亮!&apos;&lt;/span&gt;&lt;span&gt;)&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/section&gt;&lt;section&gt;&lt;h4&gt;渲染 ANSI 转义序列&lt;/h4&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;Terminal window&lt;/span&gt;&lt;span&gt;展开&lt;/span&gt;&lt;span&gt;收起&lt;/span&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;Standard ANSI colors:&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;- Dimmed:     &lt;/span&gt;&lt;span&gt; Black &lt;/span&gt;&lt;span&gt; Red &lt;/span&gt;&lt;span&gt; Green &lt;/span&gt;&lt;span&gt; Yellow &lt;/span&gt;&lt;span&gt; Blue &lt;/span&gt;&lt;span&gt; Magenta &lt;/span&gt;&lt;span&gt; Cyan &lt;/span&gt;&lt;span&gt; White &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;- Foreground: &lt;/span&gt;&lt;span&gt; Black &lt;/span&gt;&lt;span&gt; Red &lt;/span&gt;&lt;span&gt; Green &lt;/span&gt;&lt;span&gt; Yellow &lt;/span&gt;&lt;span&gt; Blue &lt;/span&gt;&lt;span&gt; Magenta &lt;/span&gt;&lt;span&gt; Cyan &lt;/span&gt;&lt;span&gt; White &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;- Background: &lt;/span&gt;&lt;span&gt; Black &lt;/span&gt;&lt;span&gt; Red &lt;/span&gt;&lt;span&gt; Green &lt;/span&gt;&lt;span&gt; Yellow &lt;/span&gt;&lt;span&gt; Blue &lt;/span&gt;&lt;span&gt; Magenta &lt;/span&gt;&lt;span&gt; Cyan &lt;/span&gt;&lt;span&gt; White &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;- Reversed:   &lt;/span&gt;&lt;span&gt; Black &lt;/span&gt;&lt;span&gt; Red &lt;/span&gt;&lt;span&gt; Green &lt;/span&gt;&lt;span&gt; Yellow &lt;/span&gt;&lt;span&gt; Blue &lt;/span&gt;&lt;span&gt; Magenta &lt;/span&gt;&lt;span&gt; Cyan &lt;/span&gt;&lt;span&gt; White &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;8-bit colors (showing colors 160-171 as an example):&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;8&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;- Dimmed:     &lt;/span&gt;&lt;span&gt; 160 &lt;/span&gt;&lt;span&gt; 161 &lt;/span&gt;&lt;span&gt; 162 &lt;/span&gt;&lt;span&gt; 163 &lt;/span&gt;&lt;span&gt; 164 &lt;/span&gt;&lt;span&gt; 165 &lt;/span&gt;&lt;span&gt; 166 &lt;/span&gt;&lt;span&gt; 167 &lt;/span&gt;&lt;span&gt; 168 &lt;/span&gt;&lt;span&gt; 169 &lt;/span&gt;&lt;span&gt; 170 &lt;/span&gt;&lt;span&gt; 171 &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;9&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;- Foreground: &lt;/span&gt;&lt;span&gt; 160 &lt;/span&gt;&lt;span&gt; 161 &lt;/span&gt;&lt;span&gt; 162 &lt;/span&gt;&lt;span&gt; 163 &lt;/span&gt;&lt;span&gt; 164 &lt;/span&gt;&lt;span&gt; 165 &lt;/span&gt;&lt;span&gt; 166 &lt;/span&gt;&lt;span&gt; 167 &lt;/span&gt;&lt;span&gt; 168 &lt;/span&gt;&lt;span&gt; 169 &lt;/span&gt;&lt;span&gt; 170 &lt;/span&gt;&lt;span&gt; 171 &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;10&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;- Background: &lt;/span&gt;&lt;span&gt; 160 &lt;/span&gt;&lt;span&gt; 161 &lt;/span&gt;&lt;span&gt; 162 &lt;/span&gt;&lt;span&gt; 163 &lt;/span&gt;&lt;span&gt; 164 &lt;/span&gt;&lt;span&gt; 165 &lt;/span&gt;&lt;span&gt; 166 &lt;/span&gt;&lt;span&gt; 167 &lt;/span&gt;&lt;span&gt; 168 &lt;/span&gt;&lt;span&gt; 169 &lt;/span&gt;&lt;span&gt; 170 &lt;/span&gt;&lt;span&gt; 171 &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;11&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;- Reversed:   &lt;/span&gt;&lt;span&gt; 160 &lt;/span&gt;&lt;span&gt; 161 &lt;/span&gt;&lt;span&gt; 162 &lt;/span&gt;&lt;span&gt; 163 &lt;/span&gt;&lt;span&gt; 164 &lt;/span&gt;&lt;span&gt; 165 &lt;/span&gt;&lt;span&gt; 166 &lt;/span&gt;&lt;span&gt; 167 &lt;/span&gt;&lt;span&gt; 168 &lt;/span&gt;&lt;span&gt; 169 &lt;/span&gt;&lt;span&gt; 170 &lt;/span&gt;&lt;span&gt; 171 &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;12&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;13&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;24-bit colors (full RGB):&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;14&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;- Dimmed:     &lt;/span&gt;&lt;span&gt; ForestGreen - RGB(34,139,34) &lt;/span&gt;&lt;span&gt; RebeccaPurple - RGB(102,51,153) &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;15&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;- Foreground: &lt;/span&gt;&lt;span&gt; ForestGreen - RGB(34,139,34) &lt;/span&gt;&lt;span&gt; RebeccaPurple - RGB(102,51,153) &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;16&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;- Background: &lt;/span&gt;&lt;span&gt; ForestGreen - RGB(34,139,34) &lt;/span&gt;&lt;span&gt; RebeccaPurple - RGB(102,51,153) &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;17&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;- Reversed:   &lt;/span&gt;&lt;span&gt; ForestGreen - RGB(34,139,34) &lt;/span&gt;&lt;span&gt; RebeccaPurple - RGB(102,51,153) &lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;18&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;19&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;Font styles:&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;20&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;- Default&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;21&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;- &lt;/span&gt;&lt;span&gt;Bold&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;22&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;- &lt;/span&gt;&lt;span&gt;Dimmed&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;23&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;- &lt;/span&gt;&lt;span&gt;Italic&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;24&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;- &lt;/span&gt;&lt;span&gt;Underline&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;25&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;- &lt;/span&gt;&lt;span&gt;Reversed&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;26&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;- &lt;/span&gt;&lt;span&gt;Strikethrough&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;span&gt;展开&lt;/span&gt;&lt;span&gt;收起&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/section&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;编辑器和终端框架&lt;/h3&gt;&lt;p&gt;&lt;a href=&quot;https://expressive-code.com/key-features/frames/&quot; target=&quot;_blank&quot;&gt;编辑器和终端框架&lt;/a&gt;&lt;/p&gt;&lt;section&gt;&lt;h4&gt;代码编辑器框架&lt;/h4&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;span&gt;my-test-file.js&lt;/span&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;console&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;span&gt;log&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;&apos;标题属性示例&apos;&lt;/span&gt;&lt;span&gt;)&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;hr /&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;span&gt;src/content/index.html&lt;/span&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;span&gt;div&lt;/span&gt;&lt;span&gt;&amp;gt;文件名注释示例&amp;lt;/&lt;/span&gt;&lt;span&gt;div&lt;/span&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/section&gt;&lt;section&gt;&lt;h4&gt;终端框架&lt;/h4&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;Terminal window&lt;/span&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;echo&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&quot;此终端框架没有标题&quot;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;hr /&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;span&gt;PowerShell 终端示例&lt;/span&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;Write-Output&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&quot;这个有标题!&quot;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/section&gt;&lt;section&gt;&lt;h4&gt;覆盖框架类型&lt;/h4&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;echo&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&quot;看，没有框架!&quot;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;hr /&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;span&gt;PowerShell Profile.ps1&lt;/span&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;# 如果不覆盖，这将是一个终端框架&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;function&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;Watch-Tail&lt;/span&gt;&lt;span&gt; { &lt;/span&gt;&lt;span&gt;Get-Content&lt;/span&gt;&lt;span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt;Tail &lt;/span&gt;&lt;/span&gt;&lt;span&gt;20&lt;/span&gt;&lt;span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;-&lt;/span&gt;&lt;span&gt;Wait $args }&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;New-Alias&lt;/span&gt;&lt;span&gt; tail &lt;/span&gt;&lt;span&gt;Watch-Tail&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/section&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;文本和行标记&lt;/h3&gt;&lt;p&gt;&lt;a href=&quot;https://expressive-code.com/key-features/text-markers/&quot; target=&quot;_blank&quot;&gt;文本和行标记&lt;/a&gt;&lt;/p&gt;&lt;section&gt;&lt;h4&gt;标记整行和行范围&lt;/h4&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;// 第1行 - 通过行号定位&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;// 第2行&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;// 第3行&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;// 第4行 - 通过行号定位&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;// 第5行&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;// 第6行&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;// 第7行 - 通过范围 &quot;7-8&quot; 定位&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;8&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;// 第8行 - 通过范围 &quot;7-8&quot; 定位&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/section&gt;&lt;section&gt;&lt;h4&gt;选择行标记类型 (mark, ins, del)&lt;/h4&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;span&gt;line-markers.js&lt;/span&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;function&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;demo&lt;/span&gt;&lt;span&gt;() {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;console&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;span&gt;log&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;&apos;此行标记为已删除&apos;&lt;/span&gt;&lt;span&gt;)&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;// 此行和下一行标记为已插入&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;console&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;span&gt;log&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;&apos;这是第二个插入行&apos;&lt;/span&gt;&lt;span&gt;)&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;return&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&apos;此行使用中性默认标记类型&apos;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/section&gt;&lt;section&gt;&lt;h4&gt;为行标记添加标签&lt;/h4&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;span&gt;labeled-line-markers.jsx&lt;/span&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;span&gt;button&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;role&lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt;&quot;button&quot;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;{&lt;/span&gt;&lt;span&gt;...&lt;/span&gt;&lt;span&gt;props&lt;/span&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;value&lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt;{&lt;/span&gt;&lt;span&gt;value&lt;/span&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;className&lt;/span&gt;&lt;span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt;{&lt;/span&gt;&lt;span&gt;buttonClassName&lt;/span&gt;&lt;span&gt;}&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;disabled&lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt;{&lt;/span&gt;&lt;span&gt;disabled&lt;/span&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;active&lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt;{&lt;/span&gt;&lt;span&gt;active&lt;/span&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;8&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;9&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;{&lt;/span&gt;&lt;span&gt;children&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&amp;amp;&amp;amp;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;10&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;!&lt;/span&gt;&lt;span&gt;active&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&amp;amp;&amp;amp;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;11&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;/span&gt;&lt;span&gt;typeof&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;children&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;===&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&apos;string&apos;&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;?&lt;/span&gt;&lt;span&gt; &amp;lt;&lt;/span&gt;&lt;span&gt;span&lt;/span&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;span&gt;{&lt;/span&gt;&lt;span&gt;children&lt;/span&gt;&lt;span&gt;}&lt;/span&gt;&lt;span&gt;&amp;lt;/&lt;/span&gt;&lt;span&gt;span&lt;/span&gt;&lt;span&gt;&amp;gt; &lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;children&lt;/span&gt;&lt;span&gt;)&lt;/span&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;12&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;lt;/&lt;/span&gt;&lt;span&gt;button&lt;/span&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/section&gt;&lt;section&gt;&lt;h4&gt;在单独行上添加长标签&lt;/h4&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;span&gt;labeled-line-markers.jsx&lt;/span&gt;&lt;span&gt;展开&lt;/span&gt;&lt;span&gt;收起&lt;/span&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;span&gt;button&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;role&lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt;&quot;button&quot;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;{&lt;/span&gt;&lt;span&gt;...&lt;/span&gt;&lt;span&gt;props&lt;/span&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;value&lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt;{&lt;/span&gt;&lt;span&gt;value&lt;/span&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;className&lt;/span&gt;&lt;span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt;{&lt;/span&gt;&lt;span&gt;buttonClassName&lt;/span&gt;&lt;span&gt;}&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;8&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;disabled&lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt;{&lt;/span&gt;&lt;span&gt;disabled&lt;/span&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;9&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;active&lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt;{&lt;/span&gt;&lt;span&gt;active&lt;/span&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;10&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;11&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;12&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;{&lt;/span&gt;&lt;span&gt;children&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&amp;amp;&amp;amp;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;13&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;!&lt;/span&gt;&lt;span&gt;active&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&amp;amp;&amp;amp;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;14&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;/span&gt;&lt;span&gt;typeof&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;children&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;===&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&apos;string&apos;&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;?&lt;/span&gt;&lt;span&gt; &amp;lt;&lt;/span&gt;&lt;span&gt;span&lt;/span&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;span&gt;{&lt;/span&gt;&lt;span&gt;children&lt;/span&gt;&lt;span&gt;}&lt;/span&gt;&lt;span&gt;&amp;lt;/&lt;/span&gt;&lt;span&gt;span&lt;/span&gt;&lt;span&gt;&amp;gt; &lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;children&lt;/span&gt;&lt;span&gt;)&lt;/span&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;15&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;lt;/&lt;/span&gt;&lt;span&gt;button&lt;/span&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;span&gt;展开&lt;/span&gt;&lt;span&gt;收起&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/section&gt;&lt;section&gt;&lt;h4&gt;使用类似 diff 的语法&lt;/h4&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;此行将标记为已插入&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;此行将标记为已删除&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;这是常规行&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;hr /&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;--- a/README.md&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;+++ b/README.md&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;@@ -1,3 +1,4 @@&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;+this is an actual diff file&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;-all contents will remain unmodified&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt; &lt;/span&gt;&lt;/span&gt;&lt;span&gt;no whitespace will be removed either&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/section&gt;&lt;section&gt;&lt;h4&gt;结合语法高亮和类似 diff 的语法&lt;/h4&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;function&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;thisIsJavaScript&lt;/span&gt;&lt;span&gt;() {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;// 整个块都会以 JavaScript 高亮显示，&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;// 并且我们仍然可以为其添加 diff 标记！&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;console&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;span&gt;log&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;&apos;要删除的旧代码&apos;&lt;/span&gt;&lt;span&gt;)&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;console&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;span&gt;log&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;&apos;新的闪亮代码！&apos;&lt;/span&gt;&lt;span&gt;)&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/section&gt;&lt;section&gt;&lt;h4&gt;标记行内的单独文本&lt;/h4&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;function&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;demo&lt;/span&gt;&lt;span&gt;() {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;// 标记行内的任何给定文本&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;return&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&apos;支持给定文本的多个匹配项&apos;&lt;/span&gt;&lt;span&gt;;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/section&gt;&lt;section&gt;&lt;h4&gt;正则表达式&lt;/h4&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;console&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;span&gt;log&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;&apos;单词 &lt;/span&gt;&lt;mark&gt;&lt;span&gt;yes&lt;/span&gt;&lt;/mark&gt;&lt;span&gt; 和 &lt;/span&gt;&lt;mark&gt;&lt;span&gt;yep&lt;/span&gt;&lt;/mark&gt;&lt;span&gt; 将被标记。&apos;&lt;/span&gt;&lt;span&gt;)&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/section&gt;&lt;section&gt;&lt;h4&gt;转义正斜杠&lt;/h4&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;Terminal window&lt;/span&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;echo&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&quot;Test&quot;&lt;/span&gt;&lt;span&gt; &amp;gt; &lt;/span&gt;&lt;mark&gt;&lt;span&gt;/home/&lt;/span&gt;&lt;/mark&gt;&lt;span&gt;test.txt&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/section&gt;&lt;section&gt;&lt;h4&gt;选择内联标记类型 (mark, ins, del)&lt;/h4&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;function&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;demo&lt;/span&gt;&lt;span&gt;() {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;console&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;span&gt;log&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;&apos;这些是插入和删除的标记类型&apos;&lt;/span&gt;&lt;span&gt;);&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;// return 语句使用默认标记类型&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;mark&gt;&lt;span&gt;return&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;true&lt;/span&gt;&lt;span&gt;;&lt;/span&gt;&lt;/mark&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/section&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;自动换行&lt;/h3&gt;&lt;p&gt;&lt;a href=&quot;https://expressive-code.com/key-features/word-wrap/&quot; target=&quot;_blank&quot;&gt;自动换行&lt;/a&gt;&lt;/p&gt;&lt;section&gt;&lt;h4&gt;为每个块配置自动换行&lt;/h4&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;// 启用换行的示例&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;function&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;getLongString&lt;/span&gt;&lt;span&gt;() {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;return&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&apos;这是一个非常长的字符串，除非容器极宽，否则很可能无法适应可用空间&apos;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;hr /&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;// wrap=false 的示例&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;function&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;getLongString&lt;/span&gt;&lt;span&gt;() {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;return&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&apos;这是一个非常长的字符串，除非容器极宽，否则很可能无法适应可用空间&apos;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/section&gt;&lt;section&gt;&lt;h4&gt;配置换行的缩进&lt;/h4&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;// preserveIndent 示例（默认启用）&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;function&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;getLongString&lt;/span&gt;&lt;span&gt;() {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;return&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&apos;这是一个非常长的字符串，除非容器极宽，否则很可能无法适应可用空间&apos;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;hr /&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;// preserveIndent=false 的示例&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;function&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;getLongString&lt;/span&gt;&lt;span&gt;() {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;return&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&apos;这是一个非常长的字符串，除非容器极宽，否则很可能无法适应可用空间&apos;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/section&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;可折叠部分&lt;/h2&gt;&lt;p&gt;&lt;a href=&quot;https://expressive-code.com/plugins/collapsible-sections/&quot; target=&quot;_blank&quot;&gt;可折叠部分&lt;/a&gt;&lt;/p&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;5 collapsed lines&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;// 所有这些样板设置代码将被折叠&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;import&lt;/span&gt;&lt;span&gt; { &lt;/span&gt;&lt;span&gt;someBoilerplateEngine&lt;/span&gt;&lt;span&gt; } &lt;/span&gt;&lt;span&gt;from&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&apos;@example/some-boilerplate&apos;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;import&lt;/span&gt;&lt;span&gt; { &lt;/span&gt;&lt;span&gt;evenMoreBoilerplate&lt;/span&gt;&lt;span&gt; } &lt;/span&gt;&lt;span&gt;from&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&apos;@example/even-more-boilerplate&apos;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;const&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;engine&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;someBoilerplateEngine&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;evenMoreBoilerplate&lt;/span&gt;&lt;span&gt;())&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;// 这部分代码默认可见&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;8&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;engine&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;span&gt;doSomething&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;1&lt;/span&gt;&lt;span&gt;, &lt;/span&gt;&lt;span&gt;2&lt;/span&gt;&lt;span&gt;, &lt;/span&gt;&lt;span&gt;3&lt;/span&gt;&lt;span&gt;&lt;span&gt;, &lt;/span&gt;&lt;span&gt;calcFn&lt;/span&gt;&lt;span&gt;)&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;9&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;10&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;function&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;calcFn&lt;/span&gt;&lt;span&gt;() {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;11&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;// 您可以有多个折叠部分&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;3 collapsed lines&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;12&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;const&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;a&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;1&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;13&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;const&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;b&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;2&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;14&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;const&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;c&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;a&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;/span&gt;&lt;span&gt;+&lt;/span&gt;&lt;span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;b&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;15&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;16&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;// 这将保持可见&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;17&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;console&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;span&gt;log&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;`计算结果: &lt;/span&gt;&lt;span&gt;${&lt;/span&gt;&lt;span&gt;a&lt;/span&gt;&lt;span&gt;}&lt;/span&gt;&lt;span&gt; + &lt;/span&gt;&lt;span&gt;${&lt;/span&gt;&lt;span&gt;b&lt;/span&gt;&lt;span&gt;}&lt;/span&gt;&lt;span&gt; = &lt;/span&gt;&lt;span&gt;${&lt;/span&gt;&lt;span&gt;c&lt;/span&gt;&lt;span&gt;}&lt;/span&gt;&lt;span&gt;`&lt;/span&gt;&lt;span&gt;)&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;18&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;return&lt;/span&gt;&lt;span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;c&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;19&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;20&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;4 collapsed lines&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;21&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;// 直到块末尾的所有代码将再次被折叠&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;22&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;engine&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;span&gt;closeConnection&lt;/span&gt;&lt;span&gt;()&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;23&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;engine&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;span&gt;freeMemory&lt;/span&gt;&lt;span&gt;()&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;24&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;engine&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;span&gt;shutdown&lt;/span&gt;&lt;span&gt;({ &lt;/span&gt;&lt;span&gt;reason&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&apos;示例样板代码结束&apos;&lt;/span&gt;&lt;span&gt; })&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;span&gt;展开&lt;/span&gt;&lt;span&gt;收起&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;行号&lt;/h2&gt;&lt;p&gt;&lt;a href=&quot;https://expressive-code.com/plugins/line-numbers/&quot; target=&quot;_blank&quot;&gt;行号&lt;/a&gt;&lt;/p&gt;&lt;section&gt;&lt;h3&gt;为每个块显示行号&lt;/h3&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;// 此代码块将显示行号&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;console&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;span&gt;log&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;&apos;来自第2行的问候!&apos;&lt;/span&gt;&lt;span&gt;)&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;console&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;span&gt;log&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;&apos;我在第3行&apos;&lt;/span&gt;&lt;span&gt;)&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;hr /&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;span&gt;// 此块禁用行号&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;console&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;span&gt;log&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;&apos;你好?&apos;&lt;/span&gt;&lt;span&gt;)&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;console&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;span&gt;log&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;&apos;抱歉，你知道我在第几行吗?&apos;&lt;/span&gt;&lt;span&gt;)&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;更改起始行号&lt;/h3&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;console&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;span&gt;log&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;&apos;来自第5行的问候!&apos;&lt;/span&gt;&lt;span&gt;)&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;console&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;span&gt;log&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;&apos;我在第6行&apos;&lt;/span&gt;&lt;span&gt;)&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;Tab 代码块&lt;/h2&gt;&lt;p&gt;由 &lt;a href=&quot;https://github.com/ITZSHOAIB/rehype-code-group&quot; target=&quot;_blank&quot;&gt;rehype-code-group&lt;/a&gt; 提供，语法与 &lt;a href=&quot;https://vitepress.dev/guide/markdown#code-groups&quot; target=&quot;_blank&quot;&gt;VitePress 代码组&lt;/a&gt; 一致：用 &lt;code&gt;::: code-group labels=[...]&lt;/code&gt; 包裹多个代码块，即可合并成一组标签页。&lt;/p&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;Note&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;p&gt;&lt;code&gt;labels=[...]&lt;/code&gt; 中的标签按顺序对应组内的代码块，用英文逗号分隔；&lt;code&gt;:::&lt;/code&gt; 与 &lt;code&gt;code-group&lt;/code&gt; 之间的空格不能省略。&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;section&gt;&lt;h3&gt;基本用法&lt;/h3&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;::: code-group labels=[code.js, code.py, code.html]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;```js&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;export&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;function&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;greet&lt;/span&gt;&lt;span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;name&lt;/span&gt;&lt;span&gt;) {&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;return&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;`Hello, &lt;/span&gt;&lt;span&gt;${&lt;/span&gt;&lt;span&gt;name&lt;/span&gt;&lt;span&gt;}&lt;/span&gt;&lt;span&gt;!`&lt;/span&gt;&lt;span&gt;;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;```&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;8&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;9&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;```py&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;10&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;def&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;greet&lt;/span&gt;&lt;span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;name&lt;/span&gt;&lt;span&gt;):&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;11&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;    &lt;/span&gt;&lt;span&gt;return&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;f&lt;/span&gt;&lt;span&gt;&quot;Hello, &lt;/span&gt;&lt;span&gt;{&lt;/span&gt;&lt;span&gt;name&lt;/span&gt;&lt;span&gt;}&lt;/span&gt;&lt;span&gt;!&quot;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;12&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;```&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;13&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;14&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;```html&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;15&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;span&gt;p&lt;/span&gt;&lt;span&gt;&amp;gt;Hello, world!&amp;lt;/&lt;/span&gt;&lt;span&gt;p&lt;/span&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;16&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;```&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;17&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;18&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;:::&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;span&gt;展开&lt;/span&gt;&lt;span&gt;收起&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;p&gt;渲染效果：&lt;/p&gt;&lt;div&gt;&lt;div&gt;code.jscode.pycode.html&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;export&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;function&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;greet&lt;/span&gt;&lt;span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;name&lt;/span&gt;&lt;span&gt;) {&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;return&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;`Hello, &lt;/span&gt;&lt;span&gt;${&lt;/span&gt;&lt;span&gt;name&lt;/span&gt;&lt;span&gt;}&lt;/span&gt;&lt;span&gt;!`&lt;/span&gt;&lt;span&gt;;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;def&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;greet&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;name&lt;/span&gt;&lt;span&gt;):&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;    &lt;/span&gt;&lt;span&gt;return&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;f&lt;/span&gt;&lt;span&gt;&quot;Hello, &lt;/span&gt;&lt;span&gt;{&lt;/span&gt;&lt;span&gt;name&lt;/span&gt;&lt;span&gt;}&lt;/span&gt;&lt;span&gt;!&quot;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;lt;&lt;/span&gt;&lt;span&gt;p&lt;/span&gt;&lt;span&gt;&amp;gt;Hello, world!&amp;lt;/&lt;/span&gt;&lt;span&gt;p&lt;/span&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;标签中使用 Emoji&lt;/h3&gt;&lt;p&gt;标签支持 &lt;a href=&quot;https://github.com/omnidan/node-emoji#readme&quot; target=&quot;_blank&quot;&gt;emoji 短代码&lt;/a&gt;，构建时会自动转换成 emoji：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;::: code-group labels=[:package: npm, :package: pnpm, :yarn: yarn]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;📦 npm📦 pnpm🧶 yarn&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;Terminal window&lt;/span&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;npm&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;create&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;astro@latest&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;Terminal window&lt;/span&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;pnpm&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;create&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;astro@latest&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;Terminal window&lt;/span&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;yarn&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;create&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;astro&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;与其他代码块特性组合&lt;/h3&gt;&lt;p&gt;组内仍是普通的 Expressive Code 代码块，标题、行号、行标记、折叠、终端框架等特性都可以照常使用。&lt;/p&gt;&lt;div&gt;&lt;div&gt;配置文件终端折叠&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;span&gt;astro.config.mjs&lt;/span&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;export&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;default&lt;/span&gt;&lt;span&gt; {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;theme&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&quot;firefly&quot;&lt;/span&gt;&lt;span&gt;,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;codeGroup&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;true&lt;/span&gt;&lt;span&gt;,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;};&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;span&gt;部署&lt;/span&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;pnpm&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;build&lt;/span&gt;&lt;span&gt; &amp;amp;&amp;amp; &lt;/span&gt;&lt;span&gt;pnpm&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;preview&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;3 collapsed lines&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;// 这三行默认折叠&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;import&lt;/span&gt;&lt;span&gt; { &lt;/span&gt;&lt;span&gt;a&lt;/span&gt;&lt;span&gt; } &lt;/span&gt;&lt;span&gt;from&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&quot;a&quot;&lt;/span&gt;&lt;span&gt;;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;import&lt;/span&gt;&lt;span&gt; { &lt;/span&gt;&lt;span&gt;b&lt;/span&gt;&lt;span&gt; } &lt;/span&gt;&lt;span&gt;from&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&quot;b&quot;&lt;/span&gt;&lt;span&gt;;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;console&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;/span&gt;&lt;span&gt;log&lt;/span&gt;&lt;span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;a&lt;/span&gt;&lt;span&gt;, &lt;/span&gt;&lt;span&gt;b&lt;/span&gt;&lt;span&gt;);&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;不止是代码块&lt;/h3&gt;&lt;p&gt;标签页内可以放任意内容，例如文字、列表或图片：&lt;/p&gt;&lt;div&gt;&lt;div&gt;说明列表&lt;/div&gt;&lt;div&gt;&lt;p&gt;这是一段普通的段落内容。&lt;/p&gt;&lt;/div&gt;&lt;div&gt;&lt;ul&gt;
&lt;li&gt;列表项一&lt;/li&gt;
&lt;li&gt;列表项二&lt;/li&gt;
&lt;/ul&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;Tip&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;p&gt;标签栏在构建期生成，默认展开第一项；支持鼠标点击与键盘 &lt;kbd&gt;←&lt;/kbd&gt; / &lt;kbd&gt;→&lt;/kbd&gt; / &lt;kbd&gt;Home&lt;/kbd&gt; / &lt;kbd&gt;End&lt;/kbd&gt; 切换。&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/section&gt;&lt;/section&gt;</content:encoded></item><item><title>Firefly 文章加密</title><link>https://fork-firefly.vercel.app/posts/encrypted-demo/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/encrypted-demo/</guid><description>这是一篇密码保护的示例文章，用于演示文章加密功能。</description><pubDate>Sat, 01 Aug 2026 00:00:00 GMT</pubDate><content:encoded>本文已加密保护，请访问网站查看。</content:encoded></item><item><title>Firefly 一款清新美观的 Astro 博客主题模板</title><link>https://fork-firefly.vercel.app/posts/firefly/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/firefly/</guid><description>Firefly 是一款基于 Astro 框架和 Fuwari 模板开发的清新美观且现代化个人博客主题模板，专为技术爱好者和内容创作者设计。该主题融合了现代 Web 技术栈，提供了丰富的功能模块和高度可定制的界面，让您能够轻松打造出专业且美观的个人博客网站。</description><pubDate>Sat, 01 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;section&gt;&lt;h2&gt;🌟 项目概述&lt;/h2&gt;&lt;p&gt;&lt;strong&gt;Firefly&lt;/strong&gt; 是一款基于 Astro 框架和 Fuwari 模板开发的清新美观且现代化个人博客主题模板，专为技术爱好者和内容创作者设计。该主题融合了现代 Web 技术栈，提供了丰富的功能模块和高度可定制的界面，让您能够轻松打造出专业且美观的个人博客网站。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;🖥️主题上游预览： &lt;a href=&quot;https://firefly.cuteleaf.cn/&quot; target=&quot;_blank&quot;&gt;Firefly Demo&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;🏠本站： &lt;a href=&quot;https://fork-firefly.vercel.app/&quot;&gt;https://fork-firefly.vercel.app&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;📝Firefly使用文档： &lt;a href=&quot;https://docs-firefly.cuteleaf.cn/&quot; target=&quot;_blank&quot;&gt;https://docs-firefly.cuteleaf.cn&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;⭐Firefly开源地址：&lt;a href=&quot;https://github.com/CuteLeaf/Firefly&quot; target=&quot;_blank&quot;&gt;https://github.com/CuteLeaf/Firefly&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;⭐Fuwari开源地址：&lt;a href=&quot;https://github.com/saicaca/fuwari&quot; target=&quot;_blank&quot;&gt;https://github.com/saicaca/fuwari&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&lt;a href=&quot;https://github.com/Aafff623/fork-Firefly&quot; target=&quot;_blank&quot;&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;Aafff623&lt;/div&gt;&lt;/div&gt;&lt;div&gt;/&lt;/div&gt;&lt;div&gt;fork-Firefly&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;Waiting for api.github.com...&lt;/div&gt;&lt;div&gt;&lt;div&gt;00K&lt;/div&gt;&lt;div&gt;0K&lt;/div&gt;&lt;div&gt;0K&lt;/div&gt;&lt;span&gt;Waiting...&lt;/span&gt;&lt;/div&gt;&lt;/a&gt;&lt;a href=&quot;https://github.com/saicaca/fuwari&quot; target=&quot;_blank&quot;&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;saicaca&lt;/div&gt;&lt;/div&gt;&lt;div&gt;/&lt;/div&gt;&lt;div&gt;fuwari&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;Waiting for api.github.com...&lt;/div&gt;&lt;div&gt;&lt;div&gt;00K&lt;/div&gt;&lt;div&gt;0K&lt;/div&gt;&lt;div&gt;0K&lt;/div&gt;&lt;span&gt;Waiting...&lt;/span&gt;&lt;/div&gt;&lt;/a&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Firefly&quot; loading=&quot;lazy&quot; width=&quot;2192&quot; height=&quot;1233&quot; src=&quot;/_astro/1.BQ4-k1kz_Z17x8Xz.webp&quot; /&gt;&lt;figcaption&gt;Firefly&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;🚀 技术架构&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;静态站点生成&lt;/strong&gt;: 基于 Astro ，提供极快的加载速度和优秀的 SEO 优化&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;TypeScript 支持&lt;/strong&gt;: 完整的类型安全，提升开发体验和代码质量&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;响应式设计&lt;/strong&gt;: 使用 Tailwind CSS 构建，完美适配桌面端和移动端&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;组件化开发&lt;/strong&gt;: 支持 Astro、Svelte 组件，灵活可扩展&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;📖 配置说明&lt;/h2&gt;&lt;blockquote&gt;&lt;p&gt;📚 &lt;strong&gt;详细配置文档&lt;/strong&gt;: 查看 &lt;a href=&quot;https://docs-firefly.cuteleaf.cn/&quot; target=&quot;_blank&quot;&gt;Firefly 使用文档&lt;/a&gt; 获取完整的配置指南&lt;/p&gt;&lt;/blockquote&gt;&lt;/section&gt;</content:encoded></item><item><title>Firefly 简单使用指南</title><link>https://fork-firefly.vercel.app/posts/guide/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/guide/</guid><description>如何使用 Firefly 博客模板。</description><pubDate>Sat, 01 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;这个博客模板是基于 &lt;a href=&quot;https://astro.build/&quot; target=&quot;_blank&quot;&gt;Astro&lt;/a&gt; 构建的。对于本指南中未提及的内容，您可以在 &lt;a href=&quot;https://docs.astro.build/&quot; target=&quot;_blank&quot;&gt;Astro 文档&lt;/a&gt; 中找到答案。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;文章的 Front-matter&lt;/h2&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;---&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;title&lt;/span&gt;&lt;span&gt;: &lt;/span&gt;&lt;span&gt;我的第一篇博客文章&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;published&lt;/span&gt;&lt;span&gt;: &lt;/span&gt;&lt;span&gt;2023-09-09&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;description&lt;/span&gt;&lt;span&gt;: &lt;/span&gt;&lt;span&gt;这是我新 Astro 博客的第一篇文章。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;image&lt;/span&gt;&lt;span&gt;: &lt;/span&gt;&lt;span&gt;./cover.jpg&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;tags&lt;/span&gt;&lt;span&gt;: [&lt;/span&gt;&lt;span&gt;前端&lt;/span&gt;&lt;span&gt;, &lt;/span&gt;&lt;span&gt;开发&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;category&lt;/span&gt;&lt;span&gt;: &lt;/span&gt;&lt;span&gt;前端开发&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;8&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;draft&lt;/span&gt;&lt;span&gt;: &lt;/span&gt;&lt;span&gt;false&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;9&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;---&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;
















































































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;属性&lt;/th&gt;&lt;th&gt;描述&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;title&lt;/code&gt;&lt;/td&gt;&lt;td&gt;文章标题。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;published&lt;/code&gt;&lt;/td&gt;&lt;td&gt;文章发布日期。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;updated&lt;/code&gt;&lt;/td&gt;&lt;td&gt;文章更新日期。如果未设置，将默认使用发布日期。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;pinned&lt;/code&gt;&lt;/td&gt;&lt;td&gt;设为 &lt;code&gt;true&lt;/code&gt; 时为&lt;strong&gt;常驻置顶&lt;/strong&gt;。未常驻时，站点会把「发布时间 / 更新时间」最新的一篇自动标为&lt;strong&gt;默认置顶&lt;/strong&gt;。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;description&lt;/code&gt;&lt;/td&gt;&lt;td&gt;文章的简短描述。显示在首页上。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;image&lt;/code&gt;&lt;/td&gt;&lt;td&gt;文章封面图片路径。&lt;br /&gt;1. 以 &lt;code&gt;http://&lt;/code&gt; 或 &lt;code&gt;https://&lt;/code&gt; 开头：使用网络图片&lt;br /&gt;2. 以 &lt;code&gt;/&lt;/code&gt; 开头：&lt;code&gt;public&lt;/code&gt; 目录中的图片&lt;br /&gt;3. 不带任何前缀：相对于 markdown 文件的路径&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;tags&lt;/code&gt;&lt;/td&gt;&lt;td&gt;文章标签。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;category&lt;/code&gt;&lt;/td&gt;&lt;td&gt;文章分类。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;lang&lt;/code&gt;&lt;/td&gt;&lt;td&gt;文章语言代码（如 &lt;code&gt;zh-CN&lt;/code&gt;）。仅当文章语言与站点默认语言不同时设置。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;licenseName&lt;/code&gt;&lt;/td&gt;&lt;td&gt;文章内容的许可证名称。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;licenseUrl&lt;/code&gt;&lt;/td&gt;&lt;td&gt;文章内容的许可证链接。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;author&lt;/code&gt;&lt;/td&gt;&lt;td&gt;文章作者。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;sourceLink&lt;/code&gt;&lt;/td&gt;&lt;td&gt;文章内容的来源链接或参考。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;draft&lt;/code&gt;&lt;/td&gt;&lt;td&gt;如果这篇文章仍是草稿，则不会显示。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;comment&lt;/code&gt;&lt;/td&gt;&lt;td&gt;是否启用此文章的评论功能。默认为 &lt;code&gt;true&lt;/code&gt;。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;slug&lt;/code&gt;&lt;/td&gt;&lt;td&gt;自定义文章 URL 路径。如果不设置，将使用文件名作为 URL。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;password&lt;/code&gt;&lt;/td&gt;&lt;td&gt;文章密码。设置后文章内容将被 AES-256-GCM 加密，访客需输入密码才能查看。&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;code&gt;passwordHint&lt;/code&gt;&lt;/td&gt;&lt;td&gt;密码提示。显示在密码输入框上方，帮助访客回忆密码，也可以不加。&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;文章文件的放置位置&lt;/h2&gt;&lt;p&gt;您的文章文件应放置在 &lt;code&gt;src/content/posts/&lt;/code&gt; 目录中。您也可以创建子目录来更好地组织您的文章和资源。&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;src/content/posts/&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;├── post-1.md&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;└── post-2/&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;├── cover.png&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;└── index.md&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;自定义文章 URL (Slug)&lt;/h2&gt;&lt;section&gt;&lt;h3&gt;什么是 Slug？&lt;/h3&gt;&lt;p&gt;Slug 是文章 URL 路径的自定义部分。如果不设置 slug，系统将使用文件名作为 URL。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;Slug 使用示例&lt;/h3&gt;&lt;section&gt;&lt;h4&gt;示例 1：使用文件名作为 URL&lt;/h4&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;---&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;title&lt;/span&gt;&lt;span&gt;: &lt;/span&gt;&lt;span&gt;我的第一篇博客文章&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;published&lt;/span&gt;&lt;span&gt;: &lt;/span&gt;&lt;span&gt;2023-09-09&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;---&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;文件：&lt;code&gt;src/content/posts/my-first-blog-post.md&lt;/code&gt;&lt;/p&gt;&lt;p&gt;URL：&lt;code&gt;/posts/my-first-blog-post&lt;/code&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h4&gt;示例 2：自定义 Slug&lt;/h4&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;---&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;title&lt;/span&gt;&lt;span&gt;: &lt;/span&gt;&lt;span&gt;我的第一篇博客文章&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;published&lt;/span&gt;&lt;span&gt;: &lt;/span&gt;&lt;span&gt;2023-09-09&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;slug&lt;/span&gt;&lt;span&gt;: &lt;/span&gt;&lt;span&gt;hello-world&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;---&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;文件：&lt;code&gt;src/content/posts/my-first-blog-post.md&lt;/code&gt;&lt;/p&gt;&lt;p&gt;URL：&lt;code&gt;/posts/hello-world&lt;/code&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h4&gt;示例 3：其他语言文件名使用Slug&lt;/h4&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;---&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;title&lt;/span&gt;&lt;span&gt;: &lt;/span&gt;&lt;span&gt;如何使用 Firefly 博客主题&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;published&lt;/span&gt;&lt;span&gt;: &lt;/span&gt;&lt;span&gt;2023-09-09&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;slug&lt;/span&gt;&lt;span&gt;: &lt;/span&gt;&lt;span&gt;how-to-use-firefly-blog-theme&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;---&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;文件：&lt;code&gt;src/content/posts/如何使用Firefly博客主题.md&lt;/code&gt;&lt;/p&gt;&lt;p&gt;URL：&lt;code&gt;/posts/how-to-use-firefly-blog-theme&lt;/code&gt;&lt;/p&gt;&lt;/section&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;Slug 使用建议&lt;/h3&gt;&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;使用英文和连字符&lt;/strong&gt;：&lt;code&gt;my-awesome-post&lt;/code&gt; 而不是 &lt;code&gt;my awesome post&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;保持简洁&lt;/strong&gt;：避免过长的 slug&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;具有描述性&lt;/strong&gt;：让 URL 能够反映文章内容&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;避免特殊字符&lt;/strong&gt;：只使用字母、数字和连字符&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;保持一致性&lt;/strong&gt;：在整个博客中使用相似的命名模式&lt;/li&gt;
&lt;/ol&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;注意事项&lt;/h3&gt;&lt;ul&gt;
&lt;li&gt;Slug 一旦设置并发布，建议不要随意更改，以免影响 SEO 和已存在的链接&lt;/li&gt;
&lt;li&gt;如果多个文章使用相同的 slug，后面的文章会覆盖前面的&lt;/li&gt;
&lt;li&gt;Slug 会自动转换为小写&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;&lt;/section&gt;</content:encoded></item><item><title>Firefly 布局系统详解</title><link>https://fork-firefly.vercel.app/posts/guide/firefly-layout-system/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/guide/firefly-layout-system/</guid><description>深入了解 Firefly 的布局系统，包括侧边栏布局（左侧/双侧）和文章列表布局（列表/网格），以及自适应网格列数。</description><pubDate>Sat, 01 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;section&gt;&lt;h2&gt;📖 概述&lt;/h2&gt;&lt;p&gt;Firefly 提供了灵活的布局系统，允许您根据内容需求和个人喜好自定义博客的视觉呈现方式。布局系统主要包括&lt;strong&gt;侧边栏布局&lt;/strong&gt;和&lt;strong&gt;文章列表布局&lt;/strong&gt;两个维度，它们相互配合，共同决定了页面的整体结构。&lt;/p&gt;&lt;p&gt;本文将详细介绍 Firefly 的各种布局模式、它们的特点、使用场景，以及不同布局组合的效果。&lt;/p&gt;&lt;hr /&gt;&lt;div&gt;&lt;figure&gt;&lt;img alt=&quot;左侧边栏+列表布局&quot; loading=&quot;lazy&quot; width=&quot;2192&quot; height=&quot;1233&quot; src=&quot;/_astro/left-list.CdJfuugk_23fiFf.webp&quot; /&gt;&lt;figcaption&gt;左侧边栏+列表布局&lt;/figcaption&gt;&lt;/figure&gt;&lt;figure&gt;&lt;img alt=&quot;右侧边栏+网格布局&quot; loading=&quot;lazy&quot; width=&quot;2192&quot; height=&quot;1233&quot; src=&quot;/_astro/right-grid2.BDLeNFG9_Z1Ypd95.webp&quot; /&gt;&lt;figcaption&gt;右侧边栏+网格布局&lt;/figcaption&gt;&lt;/figure&gt;&lt;figure&gt;&lt;img alt=&quot;左侧边栏+三列网格布局&quot; loading=&quot;lazy&quot; width=&quot;2192&quot; height=&quot;1233&quot; src=&quot;/_astro/left-grid3.DCIbm9j3_Z5Vd5j.webp&quot; /&gt;&lt;figcaption&gt;左侧边栏+三列网格布局&lt;/figcaption&gt;&lt;/figure&gt;&lt;/div&gt;&lt;div&gt;&lt;figure&gt;&lt;img alt=&quot;双侧边栏+列表布局&quot; loading=&quot;lazy&quot; width=&quot;2192&quot; height=&quot;1233&quot; src=&quot;/_astro/both-list.CybtDZTU_xxVkb.webp&quot; /&gt;&lt;figcaption&gt;双侧边栏+列表布局&lt;/figcaption&gt;&lt;/figure&gt;&lt;figure&gt;&lt;img alt=&quot;双侧边栏+网格布局&quot; loading=&quot;lazy&quot; width=&quot;2192&quot; height=&quot;1233&quot; src=&quot;/_astro/both-grid.B-BFe9Al_1g1tLj.webp&quot; /&gt;&lt;figcaption&gt;双侧边栏+网格布局&lt;/figcaption&gt;&lt;/figure&gt;&lt;figure&gt;&lt;img alt=&quot;双侧边栏+网格瀑布流布局&quot; loading=&quot;lazy&quot; width=&quot;2192&quot; height=&quot;1233&quot; src=&quot;/_astro/masonry.BgzRsBcp_2mfpqn.webp&quot; /&gt;&lt;figcaption&gt;双侧边栏+网格瀑布流布局&lt;/figcaption&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;一、侧边栏布局系统&lt;/h2&gt;&lt;p&gt;侧边栏是博客页面的重要组成部分，用于展示导航、分类、标签、统计信息等辅助内容。Firefly 支持两种侧边栏布局模式。&lt;/p&gt;&lt;section&gt;&lt;h3&gt;1.1 单侧边栏模式&lt;/h3&gt;&lt;section&gt;&lt;h4&gt;左侧边栏 (position: “left”)&lt;/h4&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;左侧边栏布局&quot; loading=&quot;lazy&quot; width=&quot;2192&quot; height=&quot;1233&quot; src=&quot;/_astro/left-list.CdJfuugk_23fiFf.webp&quot; /&gt;&lt;figcaption&gt;左侧边栏布局&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h4&gt;右侧边栏 (position: “right”)&lt;/h4&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;右侧边栏布局&quot; loading=&quot;lazy&quot; width=&quot;2192&quot; height=&quot;1233&quot; src=&quot;/_astro/right-grid2.BDLeNFG9_Z1Ypd95.webp&quot; /&gt;&lt;figcaption&gt;右侧边栏布局&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h4&gt;特点&lt;/h4&gt;&lt;ul&gt;
&lt;li&gt;侧边栏固定在页面其中一侧&lt;/li&gt;
&lt;li&gt;文章阅读区域体验更佳，更宽敞&lt;/li&gt;
&lt;li&gt;更加简约，没有那么紧凑&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;&lt;section&gt;&lt;h4&gt;适用场景&lt;/h4&gt;&lt;ul&gt;
&lt;li&gt;传统博客风格&lt;/li&gt;
&lt;li&gt;强调导航和分类的博客&lt;/li&gt;
&lt;li&gt;需要突出用户资料的个人博客&lt;/li&gt;
&lt;li&gt;内容为主，辅助信息次之的场景&lt;/li&gt;
&lt;/ul&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;Tip&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;p&gt;可以通过showBothSidebarsOnPostPage配置是否在文章详情页显示双侧边栏&lt;/p&gt;&lt;p&gt;当position为left或right时开启此项后，文章详情页将显示双侧边栏，主页等其他页面保持单侧边栏&lt;/p&gt;&lt;p&gt;适用在只想用单侧栏，但在文章详情页想用对侧栏的目录等组件的场景&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/section&gt;&lt;section&gt;&lt;h4&gt;配置示例&lt;/h4&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;span&gt;src/config/sidebarConfig.ts&lt;/span&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;export&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;const&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;sidebarLayoutConfig&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;SidebarLayoutConfig&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt; {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;enable&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;true&lt;/span&gt;&lt;span&gt;,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;position&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&quot;left&quot;&lt;/span&gt;&lt;span&gt;, &lt;/span&gt;&lt;span&gt;// 左侧边栏&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;showBothSidebarsOnPostPage&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;true&lt;/span&gt;&lt;span&gt;, &lt;/span&gt;&lt;span&gt;// 是否在文章详情页显示双侧边栏&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;};&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;1.2 双侧边栏模式 (position: “both”)&lt;/h3&gt;&lt;section&gt;&lt;h4&gt;特点&lt;/h4&gt;&lt;ul&gt;
&lt;li&gt;左右两侧同时存在侧边栏&lt;/li&gt;
&lt;li&gt;主内容区域位于中间&lt;/li&gt;
&lt;li&gt;最大化利用屏幕空间&lt;/li&gt;
&lt;li&gt;可以展示更多辅助信息&lt;/li&gt;
&lt;li&gt;适合宽屏显示器&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;&lt;section&gt;&lt;h4&gt;布局结构&lt;/h4&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;双侧边栏+列表布局&quot; loading=&quot;lazy&quot; width=&quot;2192&quot; height=&quot;1233&quot; src=&quot;/_astro/both-list.CybtDZTU_xxVkb.webp&quot; /&gt;&lt;figcaption&gt;双侧边栏+列表布局&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;双侧边栏+网格布局&quot; loading=&quot;lazy&quot; width=&quot;2192&quot; height=&quot;1233&quot; src=&quot;/_astro/both-grid.B-BFe9Al_1g1tLj.webp&quot; /&gt;&lt;figcaption&gt;双侧边栏+网格布局&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h4&gt;适用场景&lt;/h4&gt;&lt;ul&gt;
&lt;li&gt;宽屏桌面端浏览&lt;/li&gt;
&lt;li&gt;信息密集型博客&lt;/li&gt;
&lt;li&gt;需要展示大量辅助内容&lt;/li&gt;
&lt;li&gt;专业性强的技术博客&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;&lt;section&gt;&lt;h4&gt;配置示例&lt;/h4&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;span&gt;src/config/sidebarConfig.ts&lt;/span&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;export&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;const&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;sidebarLayoutConfig&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;SidebarLayoutConfig&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt; {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;enable&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;true&lt;/span&gt;&lt;span&gt;,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;position&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&quot;both&quot;&lt;/span&gt;&lt;span&gt;, &lt;/span&gt;&lt;span&gt;// 双侧边栏&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;二、文章列表布局系统&lt;/h2&gt;&lt;p&gt;文章列表是博客首页和归档页的核心内容，Firefly 提供两种展示方式，并支持多种网格配置。&lt;/p&gt;&lt;section&gt;&lt;h3&gt;2.1 列表模式 (defaultMode: “list”)&lt;/h3&gt;&lt;section&gt;&lt;h4&gt;特点&lt;/h4&gt;&lt;ul&gt;
&lt;li&gt;单列纵向排列&lt;/li&gt;
&lt;li&gt;显示文章封面图&lt;/li&gt;
&lt;li&gt;展示更多文章摘要&lt;/li&gt;
&lt;li&gt;适合深度阅读&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;&lt;section&gt;&lt;h4&gt;列表布局结构&lt;/h4&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;列表模式布局&quot; loading=&quot;lazy&quot; width=&quot;2192&quot; height=&quot;1233&quot; src=&quot;/_astro/left-list.CdJfuugk_23fiFf.webp&quot; /&gt;&lt;figcaption&gt;列表模式布局&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h4&gt;优点&lt;/h4&gt;&lt;ul&gt;
&lt;li&gt;✅ 视觉冲击力强，封面图吸引眼球&lt;/li&gt;
&lt;li&gt;✅ 可以展示更多文章信息（摘要、标签等）&lt;/li&gt;
&lt;li&gt;✅ 适合图片内容丰富的博客&lt;/li&gt;
&lt;li&gt;✅ 移动端友好，单列更易阅读&lt;/li&gt;
&lt;li&gt;✅ 兼容所有侧边栏配置（单侧、双侧）&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;&lt;section&gt;&lt;h4&gt;配置示例&lt;/h4&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;span&gt;src/config/siteConfig.ts&lt;/span&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;export&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;const&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;siteConfig&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;SiteConfig&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt; {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;postListLayout&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;    &lt;/span&gt;&lt;span&gt;defaultMode&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&quot;list&quot;&lt;/span&gt;&lt;span&gt;, &lt;/span&gt;&lt;span&gt;// 列表模式&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;    &lt;/span&gt;&lt;span&gt;allowSwitch&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;true&lt;/span&gt;&lt;span&gt;,   &lt;/span&gt;&lt;span&gt;// 允许用户切换&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;},&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;};&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;2.2 网格模式 (defaultMode: “grid”)&lt;/h3&gt;&lt;section&gt;&lt;h4&gt;特点&lt;/h4&gt;&lt;ul&gt;
&lt;li&gt;自适应列数，根据浏览器宽度自动调整&lt;/li&gt;
&lt;li&gt;紧凑布局，信息密度高&lt;/li&gt;
&lt;li&gt;适合快速浏览&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;&lt;section&gt;&lt;h4&gt;自适应网格&lt;/h4&gt;&lt;p&gt;网格模式通过 &lt;code&gt;columnWidth&lt;/code&gt; 配置卡片的最小宽度（单位 px），浏览器会根据容器可用宽度自动计算能容纳多少列。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;网格布局&quot; loading=&quot;lazy&quot; width=&quot;2192&quot; height=&quot;1233&quot; src=&quot;/_astro/left-grid3.DCIbm9j3_Z5Vd5j.webp&quot; /&gt;&lt;figcaption&gt;网格布局&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h4&gt;配置示例&lt;/h4&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;span&gt;src/config/siteConfig.ts&lt;/span&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;export&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;const&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;siteConfig&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;SiteConfig&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt; {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;postListLayout&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;    &lt;/span&gt;&lt;span&gt;defaultMode&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&quot;grid&quot;&lt;/span&gt;&lt;span&gt;,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;    &lt;/span&gt;&lt;span&gt;allowSwitch&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;true&lt;/span&gt;&lt;span&gt;,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;    &lt;/span&gt;&lt;span&gt;grid&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;      &lt;/span&gt;&lt;span&gt;masonry&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;true&lt;/span&gt;&lt;span&gt;,      &lt;/span&gt;&lt;span&gt;// 开启瀑布流&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;      &lt;/span&gt;&lt;span&gt;columnWidth&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;320&lt;/span&gt;&lt;span&gt;,   &lt;/span&gt;&lt;span&gt;// 卡片最小宽度(px)，浏览器自动计算列数&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;8&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;},&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;9&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;},&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;10&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;};&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;2.3 瀑布流布局 (Masonry)&lt;/h3&gt;&lt;p&gt;Firefly 的网格模式内置了智能瀑布流布局支持，解决了网格布局中因图文混合文章导致的卡片高度不一致导致的空白问题。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;瀑布流布局&quot; loading=&quot;lazy&quot; width=&quot;2192&quot; height=&quot;1233&quot; src=&quot;/_astro/masonry.BgzRsBcp_2mfpqn.webp&quot; /&gt;&lt;figcaption&gt;瀑布流布局&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;智能排版&lt;/strong&gt;：自动将卡片放置到最短的列，最大化利用垂直空间。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;消除空白&lt;/strong&gt;：通过绝对定位精确计算每个卡片的位置，让卡片紧贴上方卡片，消除垂直方向的空白间隙。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;自适应列数&lt;/strong&gt;：瀑布流同样根据 &lt;code&gt;columnWidth&lt;/code&gt; 和容器宽度动态计算列数，无需固定配置。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;配置灵活&lt;/strong&gt;：您可以在 &lt;code&gt;siteConfig.ts&lt;/code&gt; 中通过 &lt;code&gt;postListLayout.grid.masonry&lt;/code&gt; 选项自由开启或关闭此功能。&lt;/li&gt;
&lt;/ul&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;三、布局组合指南&lt;/h2&gt;&lt;p&gt;Firefly 允许您自由组合侧边栏和文章列表布局。以下是各种组合的效果说明。&lt;/p&gt;


































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;侧边栏模式&lt;/th&gt;&lt;th&gt;文章列表模式&lt;/th&gt;&lt;th&gt;推荐度&lt;/th&gt;&lt;th&gt;适用场景&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;单侧边栏&lt;/td&gt;&lt;td&gt;列表模式&lt;/td&gt;&lt;td&gt;⭐⭐⭐⭐⭐&lt;/td&gt;&lt;td&gt;摄影、设计、生活类博客，强调图片和沉浸感&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;单侧边栏&lt;/td&gt;&lt;td&gt;网格模式&lt;/td&gt;&lt;td&gt;⭐⭐⭐⭐⭐&lt;/td&gt;&lt;td&gt;技术、笔记类博客，平衡阅读与检索效率&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;双侧边栏&lt;/td&gt;&lt;td&gt;列表模式&lt;/td&gt;&lt;td&gt;⭐⭐⭐⭐⭐&lt;/td&gt;&lt;td&gt;需要展示大量侧边栏信息的站点&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;双侧边栏&lt;/td&gt;&lt;td&gt;网格模式&lt;/td&gt;&lt;td&gt;⭐⭐⭐⭐⭐&lt;/td&gt;&lt;td&gt;极客风格，追求最高信息密度&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;四、响应式布局行为&lt;/h2&gt;&lt;p&gt;Firefly 的布局系统具有智能的响应式设计，会根据屏幕尺寸自动调整。&lt;/p&gt;&lt;p&gt;为了保证最佳阅读体验，系统会在屏幕变窄时自动调整布局：&lt;/p&gt;&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;网格列数自动减少&lt;/strong&gt;：网格模式的列数由 &lt;code&gt;columnWidth&lt;/code&gt; 和容器宽度自动决定，屏幕越窄列数越少。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;列表模式 -&amp;gt; 网格模式&lt;/strong&gt;：当屏幕宽度小于 380px（超小屏设备）时，列表模式会自动切换为网格模式，以保证卡片内容的可读性。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;双侧边栏 -&amp;gt; 单侧边栏&lt;/strong&gt;：当屏幕宽度小于 1280px 时，会根据&lt;code&gt;tabletSidebar&lt;/code&gt;配置显示单侧边栏，隐藏其中一个侧边栏，文章目录导航会切换成浮动目录导航。&lt;/li&gt;
&lt;/ol&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;五、常见问题&lt;/h2&gt;&lt;section&gt;&lt;h3&gt;Q1: 如何调整网格列数？&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;A&lt;/strong&gt;: 通过 &lt;code&gt;columnWidth&lt;/code&gt; 配置卡片最小宽度即可。值越小，同等宽度下列数越多；值越大，列数越少。浏览器会自动根据可用宽度计算最佳列数。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;六、总结&lt;/h2&gt;&lt;p&gt;Firefly 的布局系统给予了您更大的自由度，您都可以通过简单的配置实现。&lt;/p&gt;&lt;p&gt;我们建议您根据自己的内容类型和目标读者的设备偏好，尝试不同的组合，找到最适合您的博客形态。&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;相关链接&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;📚 &lt;a href=&quot;https://docs-firefly.cuteleaf.cn/config/sidebarConfig-usage/&quot; target=&quot;_blank&quot;&gt;侧边栏配置文档&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;📚 &lt;a href=&quot;https://docs-firefly.cuteleaf.cn/config/siteConfig-usage/&quot; target=&quot;_blank&quot;&gt;站点配置文档&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;🏠 &lt;a href=&quot;https://docs-firefly.cuteleaf.cn/&quot; target=&quot;_blank&quot;&gt;Firefly 官方文档&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;⭐ &lt;a href=&quot;https://github.com/CuteLeaf/Firefly&quot; target=&quot;_blank&quot;&gt;Firefly GitHub&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;</content:encoded></item><item><title>Firefly Wiki Link 内部链接示例</title><link>https://fork-firefly.vercel.app/posts/guide/firefly-wiki-link/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/guide/firefly-wiki-link/</guid><description>在 Firefly 文章中使用 Obsidian 风格的 Wiki Link 内部链接，并自动生成文章链接卡片。</description><pubDate>Sat, 01 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;Firefly 支持在 Markdown、MDX 文章中使用 Obsidian 风格的 Wiki Link 内部链接。链接目标填写文章的 slug 或文件路径，都不需要包含扩展名，具体匹配规则见下文「链接目标的三种写法」。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;文章链接卡片&lt;/h2&gt;&lt;p&gt;&lt;code&gt;[[slug]]&lt;/code&gt; 单独成段时，会自动读取目标文章的标题、描述、发布时间、分类、标签和封面，渲染为链接卡片：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;firefly&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;guide/index&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;markdown-extended&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;a href=&quot;/posts/firefly/&quot;&gt;&lt;div&gt;&lt;div&gt;Firefly 一款清新美观的 Astro 博客主题模板&lt;/div&gt;&lt;div&gt;Firefly 是一款基于 Astro 框架和 Fuwari 模板开发的清新美观且现代化个人博客主题模板，专为技术爱好者和内容创作者设计。该主题融合了现代 Web 技术栈，提供了丰富的功能模块和高度可定制的界面，让您能够轻松打造出专业且美观的个人博客网站。&lt;/div&gt;&lt;div&gt;&lt;span&gt;2026-08-01&lt;/span&gt;&lt;span&gt;功能&lt;/span&gt;&lt;span&gt;&lt;span&gt;#Firefly&lt;/span&gt;&lt;span&gt;#Astro&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;img alt=&quot;&quot; loading=&quot;lazy&quot; width=&quot;480&quot; height=&quot;480&quot; src=&quot;/_astro/v2-firefly.DRKOZJ2e_YvX3t.webp&quot; /&gt;&lt;/div&gt;&lt;/a&gt;&lt;a href=&quot;/posts/guide/&quot;&gt;&lt;div&gt;&lt;div&gt;Firefly 简单使用指南&lt;/div&gt;&lt;div&gt;如何使用 Firefly 博客模板。&lt;/div&gt;&lt;div&gt;&lt;span&gt;2026-08-01&lt;/span&gt;&lt;span&gt;指南&lt;/span&gt;&lt;span&gt;&lt;span&gt;#Firefly&lt;/span&gt;&lt;span&gt;#Markdown&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;img alt=&quot;&quot; loading=&quot;lazy&quot; width=&quot;480&quot; height=&quot;480&quot; src=&quot;/_astro/v2-guide.Bc57OOx__ZUjT1F.webp&quot; /&gt;&lt;/div&gt;&lt;/a&gt;&lt;a href=&quot;/posts/markdown-extended/&quot;&gt;&lt;div&gt;&lt;div&gt;Markdown 扩展功能&lt;/div&gt;&lt;div&gt;了解 Firefly 中的 Markdown 功能&lt;/div&gt;&lt;div&gt;&lt;span&gt;2026-08-01&lt;/span&gt;&lt;span&gt;写作&lt;/span&gt;&lt;span&gt;&lt;span&gt;#Firefly&lt;/span&gt;&lt;span&gt;#Markdown&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;img alt=&quot;&quot; loading=&quot;lazy&quot; width=&quot;480&quot; height=&quot;480&quot; src=&quot;/_astro/v2-markdown.B9KD3G9L_Zagq3f.webp&quot; /&gt;&lt;/div&gt;&lt;/a&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;行内链接&lt;/h2&gt;&lt;p&gt;&lt;code&gt;[[slug]]&lt;/code&gt; 出现在正文中间时，渲染为普通链接，链接文字自动使用目标文章的标题&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;请参阅 [&lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;firefly&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt;] 了解主题特性。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;请参阅 &lt;a href=&quot;/posts/firefly/&quot;&gt;Firefly 一款清新美观的 Astro 博客主题模板&lt;/a&gt; 了解主题特性。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;自定义显示标题&lt;/h2&gt;&lt;p&gt;在 &lt;code&gt;|&lt;/code&gt; 后填写链接的显示文字。行内链接会用它替换文章标题；单独成段时依然渲染为卡片，卡片标题使用自定义文字，描述、时间、分类、标签和封面仍然读取目标文章：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;请参阅 [&lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;firefly|主题介绍&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt;] 了解主题特性。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;[[firefly|Firefly 主题介绍]]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;请参阅 &lt;a href=&quot;/posts/firefly/&quot;&gt;主题介绍&lt;/a&gt; 了解主题特性。&lt;/p&gt;&lt;a href=&quot;/posts/firefly/&quot;&gt;&lt;div&gt;&lt;div&gt;Firefly 主题介绍&lt;/div&gt;&lt;div&gt;Firefly 是一款基于 Astro 框架和 Fuwari 模板开发的清新美观且现代化个人博客主题模板，专为技术爱好者和内容创作者设计。该主题融合了现代 Web 技术栈，提供了丰富的功能模块和高度可定制的界面，让您能够轻松打造出专业且美观的个人博客网站。&lt;/div&gt;&lt;div&gt;&lt;span&gt;2026-08-01&lt;/span&gt;&lt;span&gt;功能&lt;/span&gt;&lt;span&gt;&lt;span&gt;#Firefly&lt;/span&gt;&lt;span&gt;#Astro&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;img alt=&quot;&quot; loading=&quot;lazy&quot; width=&quot;480&quot; height=&quot;480&quot; src=&quot;/_astro/v2-firefly.DRKOZJ2e_YvX3t.webp&quot; /&gt;&lt;/div&gt;&lt;/a&gt;&lt;p&gt;一个例外：如果 &lt;code&gt;|&lt;/code&gt; 后的文字只是把链接目标又抄了一遍（&lt;code&gt;[[guide/index|index]]&lt;/code&gt;），会被当作无效别名忽略，仍然显示文章标题。Obsidian 在插入的链接时会自动补上这样的别名，避免笔记里显示一长串路径，这个例外就是为它准备的。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;链接目标的三种写法&lt;/h2&gt;&lt;p&gt;用 Obsidian 管理文章时，把 &lt;code&gt;src/content/posts&lt;/code&gt; 目录本身作为 Obsidian 仓库（vault）打开。下文提到的「仓库根目录」都指这个目录，它正好也是 Firefly 解析链接路径的起点。&lt;/p&gt;&lt;p&gt;链接目标按以下顺序匹配：&lt;/p&gt;
























&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;写法&lt;/th&gt;&lt;th&gt;示例&lt;/th&gt;&lt;th&gt;在 Obsidian 中&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;frontmatter 的 &lt;code&gt;slug&lt;/code&gt;&lt;/td&gt;&lt;td&gt;&lt;code&gt;[[firefly-wiki-link]]&lt;/code&gt;&lt;/td&gt;&lt;td&gt;✗ 不支持&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;文件路径（相对仓库根目录）&lt;/td&gt;&lt;td&gt;&lt;code&gt;[[guide/firefly-layout-system]]&lt;/code&gt;&lt;/td&gt;&lt;td&gt;✓ 需改设置（推荐）&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;裸文件名（仓库内唯一时）&lt;/td&gt;&lt;td&gt;&lt;code&gt;[[firefly-layout-system]]&lt;/code&gt;&lt;/td&gt;&lt;td&gt;✓ 默认即是&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;section&gt;&lt;h3&gt;第一种：slug&lt;/h3&gt;&lt;p&gt;&lt;code&gt;slug&lt;/code&gt; 写法在 Obsidian 中不支持，&lt;code&gt;slug&lt;/code&gt; 是 Firefly 自己的概念，Obsidian 不读取 frontmatter 里的 &lt;code&gt;slug&lt;/code&gt;，所以按 slug 写的链接在 Obsidian 里既不会自动补全，也点不动，只有构建出的站点上能正常跳转。如果你主要在 Obsidian 里写作，用下面两种写法。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;第二种：文件路径（推荐）&lt;/h3&gt;&lt;p&gt;文件路径写法需要改 Obsidian 设置，在 &lt;code&gt;设置 → 文件与链接 → 链接 → 内部链接类型&lt;/code&gt; 中选择&lt;strong&gt;基于仓库根目录的绝对路径&lt;/strong&gt;，Obsidian 插入的链接才会带上目录：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;guide/firefly-layout-system|firefly-layout-system&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;a href=&quot;/posts/guide/firefly-layout-system/&quot;&gt;&lt;div&gt;&lt;div&gt;Firefly 布局系统详解&lt;/div&gt;&lt;div&gt;深入了解 Firefly 的布局系统，包括侧边栏布局（左侧/双侧）和文章列表布局（列表/网格），以及自适应网格列数。&lt;/div&gt;&lt;div&gt;&lt;span&gt;2026-08-01&lt;/span&gt;&lt;span&gt;指南&lt;/span&gt;&lt;span&gt;&lt;span&gt;#Firefly&lt;/span&gt;&lt;span&gt;#布局&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;img alt=&quot;&quot; loading=&quot;lazy&quot; width=&quot;480&quot; height=&quot;480&quot; src=&quot;/_astro/v2-layout.C5HV7-gU_ZdeXTD.webp&quot; /&gt;&lt;/div&gt;&lt;/a&gt;&lt;p&gt;因为仓库根目录就是 &lt;code&gt;src/content/posts&lt;/code&gt;，Obsidian 写出的这个路径和 Firefly 需要的路径完全一致，不需要任何额外转换。&lt;/p&gt;&lt;p&gt;上面这行末尾的 &lt;code&gt;|firefly-layout-system&lt;/code&gt; 是 Obsidian 自动补的别名，Firefly 会忽略它，卡片标题仍然取文章的 title，除非你把它修改和文件名不一致，才会变成你修改后的别名。&lt;/p&gt;&lt;p&gt;内部链接类型下拉框里的&lt;strong&gt;基于当前笔记的相对路径&lt;/strong&gt;只在同目录内可用：它给同目录文章生成的是裸文件名，能正常匹配；但跨目录时会生成 &lt;code&gt;../&lt;/code&gt; 前缀，Firefly 无法解析，链接会按原文显示。&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;第三种：裸文件名&lt;/h3&gt;&lt;p&gt;「内部链接类型」的默认值就是&lt;strong&gt;尽可能简短的形式&lt;/strong&gt;：只要文件名在整个仓库里唯一，Obsidian 插入的链接就只有文件名，不带目录。这种写法不需要改任何设置，效果和写完整路径完全一致：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;firefly-layout-system&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;a href=&quot;/posts/guide/firefly-layout-system/&quot;&gt;&lt;div&gt;&lt;div&gt;Firefly 布局系统详解&lt;/div&gt;&lt;div&gt;深入了解 Firefly 的布局系统，包括侧边栏布局（左侧/双侧）和文章列表布局（列表/网格），以及自适应网格列数。&lt;/div&gt;&lt;div&gt;&lt;span&gt;2026-08-01&lt;/span&gt;&lt;span&gt;指南&lt;/span&gt;&lt;span&gt;&lt;span&gt;#Firefly&lt;/span&gt;&lt;span&gt;#布局&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;img alt=&quot;&quot; loading=&quot;lazy&quot; width=&quot;480&quot; height=&quot;480&quot; src=&quot;/_astro/v2-layout.C5HV7-gU_ZdeXTD.webp&quot; /&gt;&lt;/div&gt;&lt;/a&gt;&lt;p&gt;文件名重名时这种写法会失效，构建日志里会给出提示，改用完整文件路径即可，所以推荐直接修改 Obsidian 内部链接类型设置为&lt;strong&gt;基于仓库根目录的绝对路径&lt;/strong&gt;，使用第二种文件路径写法，一劳永逸&lt;/p&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;链接到其他文章的标题&lt;/h2&gt;&lt;p&gt;在文章 slug 后添加 &lt;code&gt;#标题&lt;/code&gt;。带标题锚点的链接始终渲染为普通链接：&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;/posts/code-examples/#%E8%AF%AD%E6%B3%95%E9%AB%98%E4%BA%AE&quot;&gt;查看代码块语法高亮&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;/posts/guide/firefly-layout-system/#%E7%9B%B8%E5%85%B3%E9%93%BE%E6%8E%A5&quot;&gt;Firefly 布局系统详解#相关链接&lt;/a&gt;&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;code-examples#语法高亮|查看代码块语法高亮&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;guide/firefly-layout-system#相关链接|firefly-layout-system&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;标题锚点使用与页面标题相同的 slug 规则，因此中文、空格和大小写都会按页面实际生成的 ID 处理。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;链接到本页标题&lt;/h2&gt;&lt;p&gt;省略文章 slug，只填写标题即可链接到当前文章：&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;#%E6%9C%AC%E9%A1%B5%E7%9B%AE%E6%A0%87&quot;&gt;跳转到本页目标&lt;/a&gt;&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;#本页目标|跳转到本页目标&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;本页目标&lt;/h2&gt;&lt;p&gt;这是本页 Wiki Link 指向的标题。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;不支持附件嵌入&lt;/h2&gt;&lt;p&gt;附件嵌入语法目前不会被转换，会按原文显示：&lt;/p&gt;&lt;p&gt;![[image.png]]&lt;/p&gt;&lt;p&gt;行内代码和代码块中的 &lt;code&gt;[[firefly]]&lt;/code&gt; 也不会被转换。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>KaTeX 数学公式示例</title><link>https://fork-firefly.vercel.app/posts/katex-math-example/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/katex-math-example/</guid><description>展示 Firefly 主题对 KaTeX 数学公式的支持，包括行内公式、块级公式和复杂数学符号。</description><pubDate>Sat, 01 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;本文展示了 &lt;a href=&quot;https://github.com/CuteLeaf/Firefly&quot; target=&quot;_blank&quot;&gt;Firefly&lt;/a&gt; 主题对 KaTeX 数学公式的渲染支持。&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;行内公式 (Inline)&lt;/h2&gt;&lt;p&gt;行内公式使用单个 &lt;code&gt;$&lt;/code&gt; 符号包裹。&lt;/p&gt;&lt;p&gt;例如：欧拉公式 &lt;span&gt;&lt;span&gt;eiπ+1=0e^{i\pi} + 1 = 0&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;e&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;iπ&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;+&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;1&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;0&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt; 是数学中最优美的公式之一。&lt;/p&gt;&lt;p&gt;质能方程 &lt;span&gt;&lt;span&gt;E=mc2E = mc^2&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;E&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;m&lt;/span&gt;&lt;span&gt;&lt;span&gt;c&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;2&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt; 也是家喻户晓。&lt;/p&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;块级公式 (Block)&lt;/h2&gt;&lt;p&gt;块级公式使用两个 &lt;code&gt;$$&lt;/code&gt; 符号包裹，会居中显示。&lt;/p&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;∫−∞∞e−x2dx=π\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;∫&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;−&lt;/span&gt;&lt;span&gt;∞&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;∞&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;​&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;e&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;−&lt;/span&gt;&lt;span&gt;&lt;span&gt;x&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;2&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;d&lt;/span&gt;&lt;span&gt;x&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;π&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;​&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;x=−b±b2−4ac2ax = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;x&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;2&lt;/span&gt;&lt;span&gt;a&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;−&lt;/span&gt;&lt;span&gt;b&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;±&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;b&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;2&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;−&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;4&lt;/span&gt;&lt;span&gt;a&lt;/span&gt;&lt;span&gt;c&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;​&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;​&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;复杂示例&lt;/h2&gt;&lt;section&gt;&lt;h3&gt;矩阵 (Matrices)&lt;/h3&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;(abcd)(αβγδ)=(aα+bγaβ+bδcα+dγcβ+dδ)\begin{pmatrix}
a &amp;amp; b \\
c &amp;amp; d
\end{pmatrix}
\begin{pmatrix}
\alpha &amp;amp; \beta \\
\gamma &amp;amp; \delta
\end{pmatrix} =
\begin{pmatrix}
a\alpha + b\gamma &amp;amp; a\beta + b\delta \\
c\alpha + d\gamma &amp;amp; c\beta + d\delta
\end{pmatrix}&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;(&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;a&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;c&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;​&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;b&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;d&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;​&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;)&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;(&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;α&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;γ&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;​&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;β&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;δ&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;​&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;)&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;(&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;a&lt;/span&gt;&lt;span&gt;α&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;+&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;bγ&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;c&lt;/span&gt;&lt;span&gt;α&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;+&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;d&lt;/span&gt;&lt;span&gt;γ&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;​&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;a&lt;/span&gt;&lt;span&gt;β&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;+&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;b&lt;/span&gt;&lt;span&gt;δ&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;c&lt;/span&gt;&lt;span&gt;β&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;+&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;d&lt;/span&gt;&lt;span&gt;δ&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;​&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;)&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;极限与求和 (Limits and Sums)&lt;/h3&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;∑n=1∞1n2=π26\sum_{n=1}^{\infty} \frac{1}{n^2} = \frac{\pi^2}{6}&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;n&lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt;1&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;∑&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;∞&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;​&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;n&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;2&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;1&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;​&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;6&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;π&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;2&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;​&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;lim⁡x→0sin⁡xx=1\lim_{x \to 0} \frac{\sin x}{x} = 1&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;x&lt;/span&gt;&lt;span&gt;→&lt;/span&gt;&lt;span&gt;0&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;lim&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;​&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;x&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;sin&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;x&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;​&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;1&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;麦克斯韦方程组 (Maxwell’s Equations)&lt;/h3&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;∇⋅E=ρε0∇⋅B=0∇×E=−∂B∂t∇×B=μ0J+μ0ε0∂E∂t\begin{aligned}
\nabla \cdot \mathbf{E} &amp;amp;= \frac{\rho}{\varepsilon_0} \\
\nabla \cdot \mathbf{B} &amp;amp;= 0 \\
\nabla \times \mathbf{E} &amp;amp;= -\frac{\partial \mathbf{B}}{\partial t} \\
\nabla \times \mathbf{B} &amp;amp;= \mu_0\mathbf{J} + \mu_0\varepsilon_0\frac{\partial \mathbf{E}}{\partial t}
\end{aligned}&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;∇&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;⋅&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;E&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;∇&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;⋅&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;B&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;∇&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;×&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;E&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;∇&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;×&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;B&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;​&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;ε&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;0&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;​&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;ρ&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;​&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;0&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;−&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;∂&lt;/span&gt;&lt;span&gt;t&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;∂&lt;/span&gt;&lt;span&gt;B&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;​&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;μ&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;0&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;​&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;J&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;+&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;μ&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;0&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;​&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;ε&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;0&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;​&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;∂&lt;/span&gt;&lt;span&gt;t&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;∂&lt;/span&gt;&lt;span&gt;E&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;​&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span&gt;​&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;化学方程式 (Chemical Equations)&lt;/h3&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;\ceCH4+2O2−&amp;gt;CO2+2H2O\ce{CH4 + 2O2 -&amp;gt; CO2 + 2H2O}&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;\ce&lt;/span&gt;&lt;/span&gt;&lt;span&gt;&lt;span&gt;C&lt;/span&gt;&lt;span&gt;H&lt;/span&gt;&lt;span&gt;4&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;+&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;2&lt;/span&gt;&lt;span&gt;O&lt;/span&gt;&lt;span&gt;2&lt;/span&gt;&lt;span&gt;−&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;C&lt;/span&gt;&lt;span&gt;O&lt;/span&gt;&lt;span&gt;2&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;+&lt;/span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;2&lt;/span&gt;&lt;span&gt;H&lt;/span&gt;&lt;span&gt;2&lt;/span&gt;&lt;span&gt;O&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;更多符号&lt;/h2&gt;












































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;符号&lt;/th&gt;&lt;th&gt;代码&lt;/th&gt;&lt;th&gt;渲染结果&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;Alpha&lt;/td&gt;&lt;td&gt;&lt;code&gt;\alpha&lt;/code&gt;&lt;/td&gt;&lt;td&gt;&lt;span&gt;&lt;span&gt;α\alpha&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;α&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Beta&lt;/td&gt;&lt;td&gt;&lt;code&gt;\beta&lt;/code&gt;&lt;/td&gt;&lt;td&gt;&lt;span&gt;&lt;span&gt;β\beta&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;β&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Gamma&lt;/td&gt;&lt;td&gt;&lt;code&gt;\Gamma&lt;/code&gt;&lt;/td&gt;&lt;td&gt;&lt;span&gt;&lt;span&gt;Γ\Gamma&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;Γ&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Pi&lt;/td&gt;&lt;td&gt;&lt;code&gt;\pi&lt;/code&gt;&lt;/td&gt;&lt;td&gt;&lt;span&gt;&lt;span&gt;π\pi&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;π&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Infinity&lt;/td&gt;&lt;td&gt;&lt;code&gt;\infty&lt;/code&gt;&lt;/td&gt;&lt;td&gt;&lt;span&gt;&lt;span&gt;∞\infty&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;∞&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Right Arrow&lt;/td&gt;&lt;td&gt;&lt;code&gt;\rightarrow&lt;/code&gt;&lt;/td&gt;&lt;td&gt;&lt;span&gt;&lt;span&gt;→\rightarrow&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;→&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;Partial&lt;/td&gt;&lt;td&gt;&lt;code&gt;\partial&lt;/code&gt;&lt;/td&gt;&lt;td&gt;&lt;span&gt;&lt;span&gt;∂\partial&lt;/span&gt;&lt;span&gt;&lt;span&gt;&lt;span&gt;&lt;/span&gt;&lt;span&gt;∂&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;更多 KaTeX 语法请参考 &lt;a href=&quot;https://katex.org/docs/supported.html&quot; target=&quot;_blank&quot;&gt;KaTeX Supported Functions&lt;/a&gt;。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>Markdown 扩展功能</title><link>https://fork-firefly.vercel.app/posts/markdown-extended/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/markdown-extended/</guid><description>了解 Firefly 中的 Markdown 功能</description><pubDate>Sat, 01 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;section&gt;&lt;h2&gt;GitHub 仓库卡片&lt;/h2&gt;&lt;p&gt;您可以添加链接到 GitHub 仓库的动态卡片，在页面加载时，仓库信息会从 GitHub API 获取。&lt;/p&gt;&lt;a href=&quot;https://github.com/Aafff623/fork-Firefly&quot; target=&quot;_blank&quot;&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;Aafff623&lt;/div&gt;&lt;/div&gt;&lt;div&gt;/&lt;/div&gt;&lt;div&gt;fork-Firefly&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;Waiting for api.github.com...&lt;/div&gt;&lt;div&gt;&lt;div&gt;00K&lt;/div&gt;&lt;div&gt;0K&lt;/div&gt;&lt;div&gt;0K&lt;/div&gt;&lt;span&gt;Waiting...&lt;/span&gt;&lt;/div&gt;&lt;/a&gt;&lt;p&gt;使用代码 &lt;code&gt;::github{repo=&quot;Aafff623/fork-Firefly&quot;}&lt;/code&gt; 创建 GitHub 仓库卡片。&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;::github{repo=&quot;Aafff623/fork-Firefly&quot;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;提醒框(Admonitions)配置&lt;/h2&gt;&lt;p&gt;Firefly 采用了 &lt;a href=&quot;https://github.com/lin-stephanie/rehype-callouts&quot; target=&quot;_blank&quot;&gt;rehype-callouts&lt;/a&gt; 插件，支持了四种风格的提醒框主题：&lt;code&gt;GitHub&lt;/code&gt;、&lt;code&gt;Obsidian&lt;/code&gt;、&lt;code&gt;VitePress&lt;/code&gt; 和 &lt;code&gt;Docusaurus&lt;/code&gt;。您可以在 &lt;code&gt;src/config/siteConfig.ts&lt;/code&gt; 中进行配置：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;span&gt;src/config/siteConfig.ts&lt;/span&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;export&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;const&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;siteConfig&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;SiteConfig&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt; {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;// ...&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;rehypeCallouts&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;    &lt;/span&gt;&lt;span&gt;// 选项: &quot;github&quot; | &quot;obsidian&quot; | &quot;vitepress&quot; | &quot;docusaurus&quot;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;    &lt;/span&gt;&lt;span&gt;theme&lt;/span&gt;&lt;span&gt;:&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;&quot;github&quot;&lt;/span&gt;&lt;span&gt;,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;},&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;  &lt;/span&gt;&lt;span&gt;// ...&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;8&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;};&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;注意：&lt;strong&gt;更改配置后需要重启开发服务器才能生效。&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;以下是各个主题支持的类型列表，每个主题风格和语法不同，可根据喜好选择。&lt;/p&gt;&lt;section&gt;&lt;h3&gt;1. GitHub 主题风格&lt;/h3&gt;&lt;p&gt;这是 GitHub 官方支持的 5 种基本类型。&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;GitHub&quot; loading=&quot;lazy&quot; width=&quot;2144&quot; height=&quot;1086&quot; src=&quot;/_astro/github.urcbElKG_Z1bC9wS.webp&quot; /&gt;&lt;figcaption&gt;GitHub&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;基本语法&lt;/strong&gt;&lt;/p&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; &lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;!NOTE&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt; NOTE&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; 突出显示用户应该考虑的信息。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; &lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;!TIP&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt; TIP&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; 可选信息，帮助用户更成功。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; &lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;!IMPORTANT&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt; IMPORTANT&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;8&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; 用户成功所必需的关键信息。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;9&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;10&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; &lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;!WARNING&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt; WARNING&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;11&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; 关键内容，需要立即注意。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;12&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;13&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; &lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;!CAUTION&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt; CAUTION&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;14&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; 行动的负面潜在后果。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;15&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;16&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; &lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;!NOTE&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt; 自定义标题&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;17&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; 这是一个带有自定义标题的示例。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;span&gt;展开&lt;/span&gt;&lt;span&gt;收起&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;hr /&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;2. Obsidian 主题风格&lt;/h3&gt;&lt;p&gt;&lt;a href=&quot;https://obsidian.md/&quot; target=&quot;_blank&quot;&gt;Obsidian&lt;/a&gt; 风格支持非常丰富的类型和别名。&lt;/p&gt;
点击展开 Obsidian 语法列表&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; &lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;!NOTE&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt; NOTE&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; 通用的笔记块。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; &lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;!ABSTRACT&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt; ABSTRACT&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; 文章的摘要。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; &lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;!SUMMARY&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt; SUMMARY&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;8&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; 文章的总结（同 Abstract）。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;9&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;10&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; &lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;!TLDR&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt; TLDR&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;11&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; 太长不看（同 Abstract）。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;12&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;13&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; &lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;!INFO&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt; INFO&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;14&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; 提供额外信息。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;15&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;16&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; &lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;!TODO&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt; TODO&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;17&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; 需要完成的事项。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;18&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;19&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; &lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;!TIP&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt; TIP&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;20&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; 实用技巧或提示。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;21&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;22&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; &lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;!HINT&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt; HINT&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;23&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; 暗示（同 Tip）。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;24&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;25&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; &lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;!IMPORTANT&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt; IMPORTANT&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;26&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; 重要信息（Obsidian 风格通常使用类似的图标）。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;27&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;28&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; &lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;!SUCCESS&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt; SUCCESS&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;29&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; 操作成功。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;30&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;31&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; &lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;!CHECK&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt; CHECK&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;32&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; 检查通过（同 Success）。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;33&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;34&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; &lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;!DONE&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt; DONE&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;35&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; 已完成（同 Success）。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;36&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;37&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; &lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;!QUESTION&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt; QUESTION&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;38&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; 提出问题。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;39&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;40&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; &lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;!HELP&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt; HELP&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;41&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; 寻求帮助（同 Question）。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;42&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;43&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; &lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;!FAQ&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt; FAQ&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;44&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; 常见问题（同 Question）。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;45&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;46&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; &lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;!WARNING&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt; WARNING&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;47&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; 警告信息。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;48&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;49&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; &lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;!CAUTION&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt; CAUTION&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;50&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; 注意事项（同 Warning）。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;51&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;52&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; &lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;!ATTENTION&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt; ATTENTION&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;53&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; 引起注意（同 Warning）。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;54&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;55&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; &lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;!FAILURE&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt; FAILURE&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;56&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; 操作失败。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;57&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;58&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; &lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;!FAIL&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt; FAIL&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;59&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; 失败（同 Failure）。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;60&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;61&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; &lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;!MISSING&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt; MISSING&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;62&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; 缺失内容（同 Failure）。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;63&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;64&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; &lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;!DANGER&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt; DANGER&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;65&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; 危险操作警告。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;66&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;67&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; &lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;!ERROR&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt; ERROR&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;68&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; 错误信息（同 Danger）。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;69&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;70&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; &lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;!BUG&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt; BUG&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;71&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; 报告软件缺陷。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;72&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;73&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; &lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;!EXAMPLE&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt; EXAMPLE&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;74&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; 展示一个例子。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;75&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;76&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; &lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;!QUOTE&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt; QUOTE&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;77&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; 引用一段话。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;78&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;79&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; &lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;!CITE&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt; CITE&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;80&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; 引证（同 Quote）。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;81&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;82&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; &lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;!NOTE&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt; 自定义标题&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;83&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; 这是一个带有自定义标题的示例。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;span&gt;展开&lt;/span&gt;&lt;span&gt;收起&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Obsidian&quot; loading=&quot;lazy&quot; width=&quot;2144&quot; height=&quot;1320&quot; src=&quot;/_astro/obsidian.Cwb2iYzd_1I7Wom.webp&quot; /&gt;&lt;figcaption&gt;Obsidian&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;3. VitePress 主题风格&lt;/h3&gt;&lt;p&gt;&lt;a href=&quot;https://vitepress.dev/&quot; target=&quot;_blank&quot;&gt;VitePress&lt;/a&gt; 风格提供了一套现代化的、扁平的默认样式。目前仅包含与 GitHub 一致的 &lt;strong&gt;5 种&lt;/strong&gt; 基础类型。&lt;/p&gt;
点击展开 VitePress 语法列表&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; &lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;!NOTE&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt; NOTE&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; 对应 GitHub 的 Note。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; &lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;!TIP&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt; TIP&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; 对应 GitHub 的 Tip。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; &lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;!IMPORTANT&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt; IMPORTANT&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;8&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; 对应 GitHub 的 Important。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;9&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;10&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; &lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;!WARNING&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt; WARNING&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;11&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; 对应 GitHub 的 Warning。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;12&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;13&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; &lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;!CAUTION&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt; CAUTION&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;14&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; 对应 GitHub 的 Caution。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;15&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;16&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; &lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;!TIP&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt; 自定义标题&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;17&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; VitePress 风格同样支持自定义标题。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;span&gt;展开&lt;/span&gt;&lt;span&gt;收起&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;VitePress&quot; loading=&quot;lazy&quot; width=&quot;2144&quot; height=&quot;1318&quot; src=&quot;/_astro/vitepress.D2YnjBWE_Z1rUl1H.webp&quot; /&gt;&lt;figcaption&gt;VitePress&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;4. Docusaurus 主题风格&lt;/h3&gt;&lt;p&gt;&lt;a href=&quot;https://docusaurus.io/docs/markdown-features/admonitions&quot; target=&quot;_blank&quot;&gt;Docusaurus&lt;/a&gt; 风格提供了一套现代化的提醒框样式，支持 5 种类型。&lt;/p&gt;
点击展开 Docusaurus 语法列表 &lt;p&gt;支持以下类型的提醒框：&lt;code&gt;note&lt;/code&gt; &lt;code&gt;tip&lt;/code&gt; &lt;code&gt;info&lt;/code&gt; &lt;code&gt;warning&lt;/code&gt; &lt;code&gt;danger&lt;/code&gt;&lt;/p&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;:::note&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;突出显示用户应该考虑的信息，即使在快速浏览时也是如此。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;:::&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;:::tip&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;可选信息，帮助用户更成功。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;:::&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;8&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;9&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;:::info&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;10&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;一般信息。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;11&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;:::&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;12&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;13&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;:::warning&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;14&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;由于潜在风险需要用户立即注意的关键内容。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;15&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;:::&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;16&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;17&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;:::danger&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;18&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;行动的负面潜在后果。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;19&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;:::&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;20&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;21&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;:::tip&lt;/span&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;自定义标题&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;22&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;可选信息，帮助用户更成功。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;23&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;:::&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;span&gt;展开&lt;/span&gt;&lt;span&gt;收起&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img alt=&quot;Docusaurus&quot; loading=&quot;lazy&quot; width=&quot;2158&quot; height=&quot;1394&quot; src=&quot;/_astro/docusaurus.Cu-On_k2_Zy4rHX.webp&quot; /&gt;&lt;figcaption&gt;Docusaurus&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;剧透&lt;/h2&gt;&lt;p&gt;您可以为文本添加剧透。文本也支持 &lt;strong&gt;Markdown&lt;/strong&gt; 语法。&lt;/p&gt;&lt;p&gt;内容 被隐藏了 &lt;strong&gt;哈哈&lt;/strong&gt;！&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;内容 :spoiler[被隐藏了 &lt;/span&gt;&lt;span&gt;**哈哈**&lt;/span&gt;&lt;span&gt;]！&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;图片画廊网格 (Image Grid)&lt;/h2&gt;&lt;p&gt;您可以使用 &lt;code&gt;[grid]&lt;/code&gt; 和 &lt;code&gt;[/grid]&lt;/code&gt; 标签将多张图片纵向并排展示。这对于展示照片画廊或对比图非常有用。系统会自动根据包裹在其中的图片数量（最多支持并排展示4张）以响应式网格进行布局。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;自动补齐图片高度：&lt;/strong&gt; 同一排中如果有高度、大小或者比例不一的图片，会像「九宫格画廊相册」一样自动撑满。较短或不协调的图片会自动使用 object-cover 进行完美中心裁剪补充视野。图片边框水平彻底对齐无缝隙，但被裁剪后，只有点击图片通过灯箱才能查看完整图片，所以建议尽量避免使用长宽比例不一致的图片在同一排中。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;图注恒定底端对齐：&lt;/strong&gt; 不论上面的图片长宽如何变化，在同一行的所有图像解释文字（图注）都会对标到一条完美的水平基线上了。&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;img alt=&quot;示例图片一&quot; loading=&quot;lazy&quot; width=&quot;3328&quot; height=&quot;1872&quot; src=&quot;/_astro/firefly1.CZCuCN4V_1dgNYg.webp&quot; /&gt;&lt;figcaption&gt;示例图片一&lt;/figcaption&gt;&lt;/figure&gt;&lt;figure&gt;&lt;img alt=&quot;示例图片二&quot; loading=&quot;lazy&quot; width=&quot;4096&quot; height=&quot;2212&quot; src=&quot;/_astro/cover.dxmXG905_Z2orucd.webp&quot; /&gt;&lt;figcaption&gt;示例图片二&lt;/figcaption&gt;&lt;/figure&gt;&lt;figure&gt;&lt;img alt=&quot;示例图片二&quot; loading=&quot;lazy&quot; width=&quot;3840&quot; height=&quot;2160&quot; src=&quot;/_astro/firefly3.CGzFXcxi_Z1Lz6q8.webp&quot; /&gt;&lt;figcaption&gt;示例图片二&lt;/figcaption&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;&lt;strong&gt;基本语法&lt;/strong&gt;&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;grid&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;![&lt;/span&gt;&lt;span&gt;示例图片一&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;./images/firefly1.avif&lt;/span&gt;&lt;span&gt;)&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;![&lt;/span&gt;&lt;span&gt;示例图片二&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;./images/firefly2.avif&lt;/span&gt;&lt;span&gt;)&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;![&lt;/span&gt;&lt;span&gt;示例图片二&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;./images/firefly3.avif&lt;/span&gt;&lt;span&gt;)&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;[&lt;/span&gt;&lt;span&gt;/grid&lt;/span&gt;&lt;span&gt;]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;hr /&gt;&lt;/section&gt;</content:encoded></item><item><title>Markdown Mermaid 图表</title><link>https://fork-firefly.vercel.app/posts/markdown-mermaid/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/markdown-mermaid/</guid><description>一个包含 Mermaid 的 Markdown 博客文章简单示例。</description><pubDate>Sat, 01 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;section&gt;&lt;h2&gt;Markdown 中 Mermaid 图表完整指南&lt;/h2&gt;&lt;p&gt;本文演示如何在 Markdown 文档中使用 Mermaid 创建各种复杂图表，包括流程图、时序图、ER 图、类图、状态图、XY 图、甘特图、思维导图等。&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;Mermaid 图表由 &lt;a href=&quot;https://github.com/Latias94/merman&quot; target=&quot;_blank&quot;&gt;Merman&lt;/a&gt; 实现。Firefly 在 Astro 构建阶段生成亮色和深色两套静态 SVG，无需在浏览器中加载 Mermaid 渲染运行时。可以前往 &lt;a href=&quot;http://frankorz.com/merman/&quot; target=&quot;_blank&quot;&gt;Merman Playground&lt;/a&gt; 实时编辑语法并预览渲染结果。&lt;/p&gt;&lt;/blockquote&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;流程图示例&lt;/h2&gt;&lt;p&gt;流程图非常适合表示流程或算法步骤。&lt;/p&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;时序图示例&lt;/h2&gt;&lt;p&gt;时序图显示对象之间随时间的交互。&lt;/p&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;ER 图示例&lt;/h2&gt;&lt;p&gt;ER 图（实体关系图）非常适合表示数据库结构。&lt;/p&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;类图示例&lt;/h2&gt;&lt;p&gt;类图显示系统的静态结构，包括类、属性、方法及其关系。&lt;/p&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;状态图示例&lt;/h2&gt;&lt;p&gt;状态图显示对象在其生命周期中经历的状态序列。&lt;/p&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;XY 图示例&lt;/h2&gt;&lt;p&gt;XY 图表非常适合展示趋势和对比数据。&lt;/p&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;饼图示例&lt;/h2&gt;&lt;p&gt;饼图适合直观展示各部分在整体中的占比。&lt;/p&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;甘特图示例&lt;/h2&gt;&lt;p&gt;甘特图可以按时间轴展示项目阶段、任务依赖和当前进度。&lt;/p&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;思维导图示例&lt;/h2&gt;&lt;p&gt;思维导图适合梳理主题层级和知识结构。&lt;/p&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;时间线示例&lt;/h2&gt;&lt;p&gt;时间线用于按年份或阶段呈现项目的重要事件。&lt;/p&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;用户旅程图示例&lt;/h2&gt;&lt;p&gt;用户旅程图能够描述用户在不同阶段的行为和体验评分。&lt;/p&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;Git 图示例&lt;/h2&gt;&lt;p&gt;Git 图可以清晰展示分支、提交和合并历史。&lt;/p&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;看板示例&lt;/h2&gt;&lt;p&gt;看板适合展示任务在不同工作阶段之间的分布。&lt;/p&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;Sankey 图示例&lt;/h2&gt;&lt;p&gt;Sankey 图通过连线宽度展示流量在不同节点之间的流向。&lt;/p&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;总结&lt;/h2&gt;&lt;p&gt;Mermaid 是在 Markdown 文档中创建各种类型图表的强大工具。本文演示了流程图、时序图、ER 图、类图、状态图、XY 图、饼图、甘特图、思维导图、时间线、用户旅程图、Git 图、看板和 Sankey 图。这些图表可以帮助您更清晰地表达复杂的概念、流程和数据结构。&lt;/p&gt;&lt;p&gt;要使用 Mermaid，只需在代码块中指定 mermaid 语言，并使用简洁的文本语法描述图表。图表会在构建时自动渲染为 SVG，无需客户端 JavaScript 加载。&lt;/p&gt;&lt;p&gt;可以前往 &lt;a href=&quot;http://frankorz.com/merman/&quot; target=&quot;_blank&quot;&gt;Merman Playground&lt;/a&gt; 尝试更多语法，再将图表代码粘贴到文章中。&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>Markdown PlantUML 图表</title><link>https://fork-firefly.vercel.app/posts/markdown-plantuml/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/markdown-plantuml/</guid><description>用于验证 Firefly 中 PlantUML 插件渲染、主题切换与交互能力的示例文章。</description><pubDate>Sat, 01 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;section&gt;&lt;h2&gt;Markdown 中 PlantUML 图表指南&lt;/h2&gt;&lt;p&gt;PlantUML 是一种使用纯文本描述图表的工具。你只需要写一段结构化语法，就可以生成时序图、类图、用例图、活动图等常见工程图。&lt;/p&gt;&lt;p&gt;它特别适合写在技术博客和项目文档里：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;图表和正文一起版本管理，便于协作与审阅&lt;/li&gt;
&lt;li&gt;修改图只需要改文本，适合频繁迭代&lt;/li&gt;
&lt;li&gt;能和 Markdown 无缝结合，保持文档统一&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;在 Firefly 中，&lt;code&gt;plantuml&lt;/code&gt; 代码块会在构建阶段编码并生成服务器 SVG 地址，页面端再根据亮暗主题自动切换图源，并支持缩放、拖拽和全屏交互。&lt;/p&gt;&lt;p&gt;如果你想快速上手，可以记住这个最小模板：&lt;/p&gt;&lt;div&gt;&lt;div&gt;&lt;img alt=&quot;@startuml
Alice -&amp;gt; Bob: Hello
Bob --&amp;gt; Alice: Hi
@enduml&quot; src=&quot;https://www.plantuml.com/plantuml/svg/SoWkIImgAStDuNBCoKnELT2rKt3AJx9Iy4ZDoSddSifFKj3LjLC0orafU6HoEQJcfPJcvW00&quot; loading=&quot;lazy&quot; /&gt;&lt;/div&gt;&lt;/div&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;活动图示例&lt;/h2&gt;&lt;div&gt;&lt;div&gt;&lt;img alt=&quot;@startuml
start
:用户提交订单;
if (库存充足?) then (是)
	:冻结库存;
	:创建支付单;
	if (支付成功?) then (是)
		:生成发货单;
		:通知仓库拣货;
	else (否)
		:取消订单;
		:释放库存;
	endif
else (否)
	:提示缺货;
endif
stop
@enduml&quot; src=&quot;https://www.plantuml.com/plantuml/svg/NOuz2i9048NhtLEaZ5VO57eLmHM56CN4taODYYHYbA15mFz6BHI5ZNYQp6oyXMI38dRpcFTzl9BjbDjEfs5ITL0cWmEwT_JyH6pIqmh6CuFMgveEOWh747gzz7Of5ZIdnYrDn_1Se8H1FvRnD6yOMNQN40iCpaaSAW7937b6ruTXz6SWJ0PHzl4cwNMV8uIzkWiPRHDbnj4wlUuDIhXfSqq7VwSmyEPuSpyxCsOmnE3vdSAjIhrAVnc6dYytGZw4ykK5sscsQ8bRbKx3V0C0&quot; loading=&quot;lazy&quot; /&gt;&lt;/div&gt;&lt;/div&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;状态图示例&lt;/h2&gt;&lt;div&gt;&lt;div&gt;&lt;img alt=&quot;@startuml
[*] --&amp;gt; 草稿

草稿 --&amp;gt; 待审核 : 提交
待审核 --&amp;gt; 草稿 : 驳回
待审核 --&amp;gt; 已发布 : 审核通过
已发布 --&amp;gt; 已归档 : 到期归档
已发布 --&amp;gt; 草稿 : 撤回修改

state 已发布 {
	[*] --&amp;gt; 可见
	可见 --&amp;gt; 隐藏 : 手动隐藏
	隐藏 --&amp;gt; 可见 : 恢复展示
}

已归档 --&amp;gt; [*]
@enduml&quot; src=&quot;https://www.plantuml.com/plantuml/svg/SoWkIImgAStDuOhMYbNGrRLJUD7R-Np5VYuk20qMUhglzUcwXSyMx52mKdZMF-79hYLS22647WKhXPShDp-TFGzDzkdsJK_x9pxTqQnWfG0HVjamwyN-TYw414pPtadF5Yu6AUlOy6pEV0WNJHdShcUJbZoTFU_9_dNFfkpauYekIIn9HRAgceiJvgEd_UjVB6_aueJGOA6NioQycDuFCgIp-sdN2WYNYnCgZD04Kj6uwEcItgSRfpvViekhbeiBuKoGicYjM2w7rBoKqjmS0000&quot; loading=&quot;lazy&quot; /&gt;&lt;/div&gt;&lt;/div&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;用例图示例&lt;/h2&gt;&lt;div&gt;&lt;div&gt;&lt;img alt=&quot;@startuml
left to right direction
actor 游客
actor 用户
actor 管理员

rectangle 博客系统 {
	usecase &amp;quot;浏览文章&amp;quot; as UC1
	usecase &amp;quot;搜索内容&amp;quot; as UC2
	usecase &amp;quot;发表评论&amp;quot; as UC3
	usecase &amp;quot;点赞收藏&amp;quot; as UC4
	usecase &amp;quot;审核评论&amp;quot; as UC5
	usec&quot; src=&quot;https://www.plantuml.com/plantuml/svg/PP3BJi9058RNdASuOSz2Raj3uZFm09CoOfFI9krqPTm88XjJI8WQGv1s8ud9i02qoFFCvJ6CCf8EBh_pvJyvvsz5Z8GixddWqKk6BC3GxLunxBWXTPWR-40S5eGeyrpmp82QBkNeymzugiP3CNa6-8aGl-jH50ylWcTglLVxLxo6KXnHXqGKotARwBUHVBnNxuioaWZR5sT5FPwfJIQ6TuBlZAuMj4WcEbtgrK3pBwDh1QrkTtexbzCF_PGONI-cUIeNkPLksCj5thTEQy8DmE5rh5JEVu-ri0g7BexMmXDRix4En-hCfF5lqeGMzJjnp_i6&quot; loading=&quot;lazy&quot; /&gt;&lt;/div&gt;&lt;/div&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;组件图示例&lt;/h2&gt;&lt;div&gt;&lt;div&gt;&lt;img alt=&quot;@startuml
package &amp;quot;Firefly Site&amp;quot; {
	[Astro App] as App
	[Markdown Parser] as Parser
	[PlantUML Encoder] as Encoder
	[Theme Switcher] as Theme
	[Search Indexer] as Search
}

cloud &amp;quot;PlantUML Server&amp;quot; as &quot; src=&quot;https://www.plantuml.com/plantuml/svg/JL51QiCm43nxNp7u7dht8IIK5WeD15oVJ0-oj8sDPKcLvAIbzEz5YX9wqZ2pxCoiTY4A7zT5anDo5YT6_Jnv_j3VQAV8DNwewlSXUekzS-yG8RrKzGVXPsKl1aVX0_kiN25L_L4B4xl3AvwCjAge1LFLlusyCDhB5ELOn4nHrRSil1pnOXH_5UbAqI-Hr7PLgE_RM_PdzdMsxaY9A0OH6FMZDP5DH1kjvomNXcZl73QRROcA1Yu1BAKD5JwDbBnem1d19TzrqHYqbNEWsq3Urw61vy-LGqGud-v6rwuDGcuB9VpyeAVJ616yl4-LsWs6TT8ABdt4b6xmFz2jLZ8I2iw666Z7HgsB_WC0&quot; loading=&quot;lazy&quot; /&gt;&lt;/div&gt;&lt;/div&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;部署图示例&lt;/h2&gt;&lt;div&gt;&lt;div&gt;&lt;img alt=&quot;@startuml
node &amp;quot;User Device&amp;quot; {
	artifact &amp;quot;Browser&amp;quot;
}

node &amp;quot;CDN / Edge&amp;quot; {
	artifact &amp;quot;Static Assets&amp;quot;
}

node &amp;quot;Cloudflare Worker&amp;quot; {
	artifact &amp;quot;SSR Handler&amp;quot;
}

node &amp;quot;PlantUML Service&amp;quot; {
	artifact &amp;quot;SVG Re&quot; src=&quot;https://www.plantuml.com/plantuml/svg/ROz1Jy9044RFxg_uqZlfdOD1WS11r53Hyz2TraAxYpDJE1Z_kqb3J6azxtkpxvkfaLZRr2v4pqXsoe85dwkS4toxEnAh2ieDoQF4Yx8axiTTsVdY6IcMlXoYcP5LEHvKsRGlrB7rHKt2-8XoP1bwsHPh2hw--UQrfc2xpHCobd-wilSLjXmyozNoPBGdPIGl-mFdXioYq2XoGtBqyH8mZy4uMEV-hSHaSZySWYbMopSSDCrLqwefHtYl7rC8VxMiXXELx6uVEtnKq3daSOfgezlzcPYYOCi_uIigXHhekNGp3hvjwby0&quot; loading=&quot;lazy&quot; /&gt;&lt;/div&gt;&lt;/div&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;ER 图示例&lt;/h2&gt;&lt;div&gt;&lt;div&gt;&lt;img alt=&quot;@startuml
entity User {
	*id : uuid &amp;lt;&amp;lt;PK&amp;gt;&amp;gt;
	--
	username : varchar
	email : varchar
	created_at : datetime
}

entity Post {
	*id : uuid &amp;lt;&amp;lt;PK&amp;gt;&amp;gt;
	--
	author_id : uuid &amp;lt;&amp;lt;FK&amp;gt;&amp;gt;
	title : varchar
	content : &quot; src=&quot;https://www.plantuml.com/plantuml/svg/VP2x2W9134NhoLUa5lO71X51iB6niPRiJc07vY6JZ0_KVvTTKHGVRKwIavkvA1MjCG0dzNh2ZN31CvY9TsYnLkzmEbslPZCmJGEc2fT4aT7YdahNKm73aNnuBNI5ITbjIT6Y8sNraU4A3ySwY_vnKDK-b-qhN8vGlOOtSvUJSXeioaS5iwjjyDB_KIzoZCF4R_ikYtvn3y6_bDliJa_zpzpZKo-NfiddUtYBX-ALvOqyRhDuNoGmzdxGdWJcd5oDuGO0&quot; loading=&quot;lazy&quot; /&gt;&lt;/div&gt;&lt;/div&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;时序图示例（登录与刷新令牌）&lt;/h2&gt;&lt;div&gt;&lt;div&gt;&lt;img alt=&quot;@startuml
autonumber
actor User as 用户
participant Web as 前端页面
participant API as 网关接口
participant Auth as 认证服务
database Redis as 会话缓存

用户 -&amp;gt; 前端页面 : 输入账号密码并提交
前端页面 -&amp;gt; 网关接口 : POST /login
网关接口 -&amp;gt; 认证服务 : &quot; src=&quot;https://www.plantuml.com/plantuml/svg/bP3BJi9068NtynJ_thGIbrqqk7GbyHANPYYZ4A4bxVG1M70D5GrAn42u2CPee2HUY0BwCioql8L1t0ma1jVVEJFVVu8MnIQr4t64RMheTY9CJ8GrQfXmQ14Ji0NUrGFF3L4IcpIcnP9Oft14mdF2yextvCvQhxDwM-3RePsVvkIIfP_vUPULxaHkq-WyuFSxlflYDOSLMYY2AGvZYy0UYSIiEPwERtstxetBh7U3qC8395Nu5nJmFyiitVLVxbbfoDoCrqonzpTUkfX-T90GbLH12HG8xUuVm6RSE8tfI42IAiY10hpPcZqMMRR7dJuIcAGAfg00orHPkWicEJ695JscnXdHbpghBbZJY6Kjmh2nL1RbLZVO2WJ0guxOv9hdBbYXWP0io-AJ_bUMrneWop9QRvPVW_M6-VFObO7yIPyxxNyEn2i3uQArHk6LmNJKyV9552Hwn4x4lm40&quot; loading=&quot;lazy&quot; /&gt;&lt;/div&gt;&lt;/div&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;C4 风格容器图示例&lt;/h2&gt;&lt;div&gt;&lt;div&gt;&lt;img alt=&quot;@startuml
!includeurl https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Container.puml

Person(user, &amp;quot;博客访客&amp;quot;, &amp;quot;阅读文章与搜索内容&amp;quot;)

System_Boundary(system, &amp;quot;Firefly Blog&amp;quot;) {
	Container(we&quot; src=&quot;https://www.plantuml.com/plantuml/svg/PL7BJjj055tNNp7robP3l67L5I7b9GKHnQ6egyYE9udBn8x6Oq9KLQeeeLMbGDHIYWfL6fTAIAXs7w2cGOAVoTZENrHZfsaYTZFtddlkkUVCMKJ1nAuYxhvk596jGHiZK26aPZsK9ApKasMTL6pLjY0kcWQ11aaMpQfKGuh1ncOieY5TbTApCrbMMb_DI5N58X1BwTb2sZI8eXiG9sji1PU5s38DWP4b04zR7wdhXEujTHq-0VZXSJFqhlsZLy75vq5lts-V1fSEtMjIzmylSfpSi0Yi5kPDsz0Kt12iw9y0_AAEOGarm3mooxm8dd7tndk5EbGJWD-0AaZLQcn9oYBO10-0l0KHWQpYztxwdNV3xjNmapFexG_wPuF-MrwSOZ7nPYHPbdDW8_gmoJGoRQs450n7HOjLwTbkqDxpJrlqJJUuy6BwqFlj_zYPOdsa2YD76LNy0Z8nSQHgLS6RcbatW0JMrAUm6BUKSjIatuxfpldOgV1gr--tQVEb__wxttAdjLjGmSKAqnuzm8gXmMr6abNAiAGRMkJ1GNjmSqARZDF_yYAuT7YHUpxsV66R2FyIPvEZf84CyLPiHN3OyL-tWVnu2T2Jcx1xpXBBGJJAEeuXT6-77rm6Nyxdip8lHeYeDtOuDWeme-D8xi17oF_UXTurFJYAtPZa75_kTxw6daERluQ7RkYr9Z4JLyMRO_Ni47P19lLaRJrVo2mivWkvbQNbl21oSz3Gx2hw2m00&quot; loading=&quot;lazy&quot; /&gt;&lt;/div&gt;&lt;/div&gt;&lt;/section&gt;</content:encoded></item><item><title>Markdown 教程</title><link>https://fork-firefly.vercel.app/posts/markdown-tutorial/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/markdown-tutorial/</guid><description>一个简明的 Markdown 博客示例。</description><pubDate>Sat, 01 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;这是一个展示如何编写 Markdown 文件的示例。本文档汇总了核心语法与常见扩展（GFM）。&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;#block-elements&quot;&gt;块级元素&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;#paragraphs-and-line-breaks&quot;&gt;段落与换行&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#headers&quot;&gt;标题&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#blockquotes&quot;&gt;引用&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#lists&quot;&gt;列表&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#code-blocks&quot;&gt;代码块&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#horizontal-rules&quot;&gt;分割线&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#table&quot;&gt;表格&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#span-elements&quot;&gt;内联元素&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;#links&quot;&gt;链接&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#emphasis&quot;&gt;强调&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#code&quot;&gt;行内代码&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#images&quot;&gt;图片&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#strikethrough&quot;&gt;删除线&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#miscellaneous&quot;&gt;杂项&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;#automatic-links&quot;&gt;自动链接&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#backslash-escapes&quot;&gt;反斜杠转义&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;#inline-html&quot;&gt;内联 HTML&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;a&gt;&lt;/a&gt;&lt;/p&gt;
&lt;section&gt;&lt;h2&gt;块级元素&lt;/h2&gt;&lt;p&gt;&lt;a&gt;&lt;/a&gt;&lt;/p&gt;&lt;section&gt;&lt;h3&gt;段落与换行&lt;/h3&gt;&lt;section&gt;&lt;h4&gt;段落&lt;/h4&gt;&lt;p&gt;HTML 标签：&lt;code&gt;&amp;lt;p&amp;gt;&lt;/code&gt;&lt;/p&gt;&lt;p&gt;使用一个或多个空行分隔段落。（仅包含&lt;strong&gt;空格&lt;/strong&gt;或&lt;strong&gt;制表符&lt;/strong&gt;的行也视为空行。）&lt;/p&gt;&lt;p&gt;代码：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;This will be&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;inline.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;This is second paragraph.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;预览：&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;This will be
inline.&lt;/p&gt;&lt;p&gt;This is second paragraph.&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;section&gt;&lt;h4&gt;换行&lt;/h4&gt;&lt;p&gt;HTML 标签：&lt;code&gt;&amp;lt;br /&amp;gt;&lt;/code&gt;&lt;/p&gt;&lt;p&gt;在行末添加&lt;strong&gt;两个或更多空格&lt;/strong&gt;来产生换行。&lt;/p&gt;&lt;p&gt;代码：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;This will be not&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;inline.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;预览：&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;This will be not&lt;br /&gt;
inline.&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;&lt;a&gt;&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;标题&lt;/h3&gt;&lt;p&gt;Markdown 支持两种标题样式：Setext 与 atx。&lt;/p&gt;&lt;section&gt;&lt;h4&gt;Setext&lt;/h4&gt;&lt;p&gt;HTML 标签：&lt;code&gt;&amp;lt;h1&amp;gt;&lt;/code&gt;，&lt;code&gt;&amp;lt;h2&amp;gt;&lt;/code&gt;&lt;/p&gt;&lt;p&gt;使用&lt;strong&gt;等号 (=)&lt;/strong&gt; 表示 &lt;code&gt;&amp;lt;h1&amp;gt;&lt;/code&gt;、使用&lt;strong&gt;短横线 (-)&lt;/strong&gt; 表示 &lt;code&gt;&amp;lt;h2&amp;gt;&lt;/code&gt;，数量不限，作为“下划线”。&lt;/p&gt;&lt;p&gt;代码：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;This is an H1&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;=============&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;This is an H2&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;-------------&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;预览：&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h1&gt;This is an H1&lt;/h1&gt;&lt;section&gt;&lt;h2&gt;This is an H2&lt;/h2&gt;&lt;hr /&gt;&lt;section&gt;&lt;h4&gt;atx&lt;/h4&gt;&lt;p&gt;HTML 标签：&lt;code&gt;&amp;lt;h1&amp;gt;&lt;/code&gt;，&lt;code&gt;&amp;lt;h2&amp;gt;&lt;/code&gt;，&lt;code&gt;&amp;lt;h3&amp;gt;&lt;/code&gt;，&lt;code&gt;&amp;lt;h4&amp;gt;&lt;/code&gt;，&lt;code&gt;&amp;lt;h5&amp;gt;&lt;/code&gt;，&lt;code&gt;&amp;lt;h6&amp;gt;&lt;/code&gt;&lt;/p&gt;&lt;p&gt;在行首使用 1-6 个&lt;strong&gt;井号 (#)&lt;/strong&gt;，对应 &lt;code&gt;&amp;lt;h1&amp;gt;&lt;/code&gt; 至 &lt;code&gt;&amp;lt;h6&amp;gt;&lt;/code&gt;。&lt;/p&gt;&lt;p&gt;代码：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;# This is an H1&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;## This is an H2&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;###### This is an H6&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;预览：&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h1&gt;This is an H1&lt;/h1&gt;&lt;section&gt;&lt;h2&gt;This is an H2&lt;/h2&gt;&lt;section&gt;&lt;h6&gt;This is an H6&lt;/h6&gt;&lt;hr /&gt;&lt;p&gt;可选：你可以在行尾“闭合” atx 标题。末尾的井号数量&lt;strong&gt;不必与&lt;/strong&gt;开头一致。&lt;/p&gt;&lt;p&gt;代码：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;# This is an H1 #&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;## This is an H2 ##&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;### This is an H3 ######&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;预览：&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;/section&gt;&lt;/section&gt;
&lt;section&gt;&lt;h1&gt;This is an H1&lt;/h1&gt;&lt;section&gt;&lt;h2&gt;This is an H2&lt;/h2&gt;&lt;section&gt;&lt;h3&gt;This is an H3&lt;/h3&gt;&lt;hr /&gt;&lt;p&gt;&lt;a&gt;&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;引用&lt;/h3&gt;&lt;p&gt;HTML 标签：&lt;code&gt;&amp;lt;blockquote&amp;gt;&lt;/code&gt;&lt;/p&gt;&lt;p&gt;Markdown 使用邮件风格的 &lt;strong&gt;&amp;gt;&lt;/strong&gt; 作为引用符号。若手动换行并在每行前加 &amp;gt;，显示效果最佳。&lt;/p&gt;&lt;p&gt;代码：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; id sem consectetuer libero luctus adipiscing.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;预览：&lt;/p&gt;&lt;hr /&gt;&lt;blockquote&gt;&lt;p&gt;This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus.
Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.&lt;/p&gt;&lt;p&gt;Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse
id sem consectetuer libero luctus adipiscing.&lt;/p&gt;&lt;/blockquote&gt;&lt;hr /&gt;&lt;p&gt;Markdown 允许“偷懒”：在一个硬换行段落中，只在第一行前加 &amp;gt; 即可。&lt;/p&gt;&lt;p&gt;代码：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet,&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;id sem consectetuer libero luctus adipiscing.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;预览：&lt;/p&gt;&lt;hr /&gt;&lt;blockquote&gt;&lt;p&gt;This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus.
Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.&lt;/p&gt;&lt;/blockquote&gt;&lt;blockquote&gt;&lt;p&gt;Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse
id sem consectetuer libero luctus adipiscing.&lt;/p&gt;&lt;/blockquote&gt;&lt;hr /&gt;&lt;p&gt;引用可以嵌套（引用中的引用），通过增加 &amp;gt; 层级实现。&lt;/p&gt;&lt;p&gt;代码：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; This is the first level of quoting.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; &amp;gt; This is nested blockquote.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; Back to the first level.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;预览：&lt;/p&gt;&lt;hr /&gt;&lt;blockquote&gt;&lt;p&gt;This is the first level of quoting.&lt;/p&gt;&lt;blockquote&gt;&lt;p&gt;This is nested blockquote.&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;Back to the first level.&lt;/p&gt;&lt;/blockquote&gt;&lt;hr /&gt;&lt;p&gt;引用内可包含其他 Markdown 元素，包括标题、列表与代码块。&lt;/p&gt;&lt;p&gt;代码：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; ## This is a header.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; 1.   This is the first list item.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; 2.   This is the second list item.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt; Here&apos;s some example code:&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;8&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;gt;     return shell_exec(&quot;echo $input | $markdown_script&quot;);&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;预览：&lt;/p&gt;&lt;hr /&gt;&lt;blockquote&gt;&lt;h2&gt;This is a header.&lt;/h2&gt;&lt;ol&gt;
&lt;li&gt;This is the first list item.&lt;/li&gt;
&lt;li&gt;This is the second list item.&lt;/li&gt;
&lt;/ol&gt;&lt;p&gt;Here’s some example code:&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;return shell_exec(&quot;echo $input | $markdown_script&quot;);&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/blockquote&gt;&lt;hr /&gt;&lt;p&gt;&lt;a&gt;&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;列表&lt;/h3&gt;&lt;p&gt;Markdown 支持有序（数字）与无序（圆点）列表。&lt;/p&gt;&lt;section&gt;&lt;h4&gt;无序列表&lt;/h4&gt;&lt;p&gt;HTML 标签：&lt;code&gt;&amp;lt;ul&amp;gt;&lt;/code&gt;&lt;/p&gt;&lt;p&gt;无序列表可使用 &lt;strong&gt;星号 (*)&lt;/strong&gt;、&lt;strong&gt;加号 (+)&lt;/strong&gt; 或 &lt;strong&gt;短横线 (-)&lt;/strong&gt;。&lt;/p&gt;&lt;p&gt;代码：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;*   Red&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;*   Green&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;*   Blue&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;预览：&lt;/p&gt;&lt;hr /&gt;&lt;ul&gt;
&lt;li&gt;Red&lt;/li&gt;
&lt;li&gt;Green&lt;/li&gt;
&lt;li&gt;Blue&lt;/li&gt;
&lt;/ul&gt;&lt;hr /&gt;&lt;p&gt;等价于：&lt;/p&gt;&lt;p&gt;代码：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;+   Red&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;+   Green&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;+   Blue&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;或者：&lt;/p&gt;&lt;p&gt;代码：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;-   Red&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;-   Green&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;-   Blue&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;/section&gt;&lt;section&gt;&lt;h4&gt;有序列表&lt;/h4&gt;&lt;p&gt;HTML 标签：&lt;code&gt;&amp;lt;ol&amp;gt;&lt;/code&gt;&lt;/p&gt;&lt;p&gt;有序列表使用数字加英文句点：&lt;/p&gt;&lt;p&gt;代码：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;1.  Bird&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;2.  McHale&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;3.  Parish&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;预览：&lt;/p&gt;&lt;hr /&gt;&lt;ol&gt;
&lt;li&gt;Bird&lt;/li&gt;
&lt;li&gt;McHale&lt;/li&gt;
&lt;li&gt;Parish&lt;/li&gt;
&lt;/ol&gt;&lt;hr /&gt;&lt;p&gt;注意：像下面这样可能会“意外触发”有序列表：&lt;/p&gt;&lt;p&gt;代码：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;1986. What a great season.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;预览：&lt;/p&gt;&lt;hr /&gt;&lt;ol&gt;
&lt;li&gt;What a great season.&lt;/li&gt;
&lt;/ol&gt;&lt;hr /&gt;&lt;p&gt;你可以用&lt;strong&gt;反斜杠转义 (\)&lt;/strong&gt; 句点：&lt;/p&gt;&lt;p&gt;代码：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;1986\. What a great season.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;预览：&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;1986. What a great season.&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;section&gt;&lt;h4&gt;列表中的缩进内容&lt;/h4&gt;&lt;section&gt;&lt;h5&gt;列表项里的引用&lt;/h5&gt;&lt;p&gt;在列表项内放置引用，需要将 &amp;gt; 符号整体缩进：&lt;/p&gt;&lt;p&gt;代码：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;*   A list item with a blockquote:&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&amp;gt; This is a blockquote&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&amp;gt; inside a list item.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;预览：&lt;/p&gt;&lt;hr /&gt;&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;A list item with a blockquote:&lt;/p&gt;
&lt;blockquote&gt;&lt;p&gt;This is a blockquote
inside a list item.&lt;/p&gt;&lt;/blockquote&gt;
&lt;/li&gt;
&lt;/ul&gt;&lt;hr /&gt;&lt;/section&gt;&lt;section&gt;&lt;h5&gt;列表项里的代码块&lt;/h5&gt;&lt;p&gt;在列表项内放置代码块，需要缩进两层——&lt;strong&gt;8 个空格&lt;/strong&gt;或&lt;strong&gt;两个 Tab&lt;/strong&gt;：&lt;/p&gt;&lt;p&gt;代码：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;*   A list item with a code block:&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;        &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&amp;lt;code goes here&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;预览：&lt;/p&gt;&lt;hr /&gt;&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;A list item with a code block:&lt;/p&gt;
&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;lt;code goes here&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;&lt;hr /&gt;&lt;/section&gt;&lt;section&gt;&lt;h5&gt;嵌套列表&lt;/h5&gt;&lt;p&gt;代码：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;* A&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;* A1&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;* A2&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;* B&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;* C&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;预览：&lt;/p&gt;&lt;hr /&gt;&lt;ul&gt;
&lt;li&gt;A
&lt;ul&gt;
&lt;li&gt;A1&lt;/li&gt;
&lt;li&gt;A2&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;B&lt;/li&gt;
&lt;li&gt;C&lt;/li&gt;
&lt;/ul&gt;&lt;hr /&gt;&lt;p&gt;&lt;a&gt;&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;&lt;/section&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;代码块&lt;/h3&gt;&lt;p&gt;HTML 标签：&lt;code&gt;&amp;lt;pre&amp;gt;&lt;/code&gt;&lt;/p&gt;&lt;p&gt;将代码块中的每行缩进至少&lt;strong&gt;4 个空格&lt;/strong&gt;或&lt;strong&gt;1 个制表符&lt;/strong&gt;。&lt;/p&gt;&lt;p&gt;代码：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;This is a normal paragraph:&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;This is a code block.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;预览：&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;This is a normal paragraph:&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;This is a code block.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;hr /&gt;&lt;p&gt;代码块会一直持续，直到遇到未缩进的行（或文末）。&lt;/p&gt;&lt;p&gt;在代码块内，&lt;strong&gt;与号 (&amp;amp;)&lt;/strong&gt; 和尖括号 &lt;strong&gt;(&amp;lt; &amp;gt;)&lt;/strong&gt; 会自动转为 HTML 实体。&lt;/p&gt;&lt;p&gt;代码：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&amp;lt;div class=&quot;footer&quot;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;        &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&amp;amp;copy; 2004 Foo Corporation&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;预览：&lt;/p&gt;&lt;hr /&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;lt;div class=&quot;footer&quot;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&amp;amp;copy; 2004 Foo Corporation&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;hr /&gt;&lt;p&gt;下文的“围栏代码块”和“语法高亮”属于扩展语法，你也可以用它们来书写代码块。&lt;/p&gt;&lt;section&gt;&lt;h4&gt;围栏代码块&lt;/h4&gt;&lt;p&gt;使用成对的反引号围起来（如下所示），就不需要四空格缩进了。&lt;/p&gt;&lt;p&gt;代码：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;Here&apos;s an example:&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;```&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;function test() {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;console.log(&quot;notice the blank line before this function?&quot;);&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;```&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;预览：&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;Here’s an example:&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;function test() {&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;console.log(&quot;notice the blank line before this function?&quot;);&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;}&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;hr /&gt;&lt;/section&gt;&lt;section&gt;&lt;h4&gt;语法高亮&lt;/h4&gt;&lt;p&gt;在围栏代码块后添加可选的语言标识，即可启用语法高亮（参见支持语言列表）。&lt;/p&gt;&lt;p&gt;代码：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;```ruby&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;require &apos;redcarpet&apos;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;markdown = Redcarpet.new(&quot;Hello World!&quot;)&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;puts markdown.to_html&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;```&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;预览：&lt;/p&gt;&lt;hr /&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;require &lt;/span&gt;&lt;span&gt;&apos;redcarpet&apos;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;markdown&lt;/span&gt;&lt;span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;=&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;/span&gt;&lt;span&gt;Redcarpet&lt;/span&gt;&lt;span&gt;.&lt;/span&gt;&lt;span&gt;new&lt;/span&gt;&lt;span&gt;(&lt;/span&gt;&lt;span&gt;&quot;Hello World!&quot;&lt;/span&gt;&lt;span&gt;)&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;puts&lt;/span&gt;&lt;span&gt; markdown.&lt;/span&gt;&lt;span&gt;to_html&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;hr /&gt;&lt;p&gt;&lt;a&gt;&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;分割线（水平线）&lt;/h3&gt;&lt;p&gt;HTML 标签：&lt;code&gt;&amp;lt;hr /&amp;gt;&lt;/code&gt;
一行中放置&lt;strong&gt;三个或以上的短横线 (-)、星号 (*) 或下划线 (_)&lt;/strong&gt;。符号之间允许有空格。&lt;/p&gt;&lt;p&gt;代码：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;* * *&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;***&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;*****&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;- - -&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;---------------------------------------&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;___&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;预览：&lt;/p&gt;&lt;hr /&gt;&lt;hr /&gt;&lt;hr /&gt;&lt;hr /&gt;&lt;hr /&gt;&lt;hr /&gt;&lt;hr /&gt;&lt;hr /&gt;&lt;p&gt;&lt;a&gt;&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;表格&lt;/h3&gt;&lt;p&gt;HTML 标签：&lt;code&gt;&amp;lt;table&amp;gt;&lt;/code&gt;&lt;/p&gt;&lt;p&gt;这是扩展语法。&lt;/p&gt;&lt;p&gt;用&lt;strong&gt;竖线 (|)&lt;/strong&gt; 分隔列，用&lt;strong&gt;短横线 (-)&lt;/strong&gt; 分隔表头，使用&lt;strong&gt;冒号 (:)&lt;/strong&gt; 指定对齐方式。&lt;/p&gt;&lt;p&gt;两侧的&lt;strong&gt;竖线 (|)&lt;/strong&gt; 与对齐可选。用于表头分隔时，每列至少需要 &lt;strong&gt;3 个短横线&lt;/strong&gt;。&lt;/p&gt;&lt;p&gt;代码：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;| Left | Center | Right |&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;|:-----|:------:|------:|&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;|aaa   |bbb     |ccc    |&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;|ddd   |eee     |fff    |&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt; &lt;/span&gt;&lt;/span&gt;&lt;span&gt;A | B&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;---|---&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;8&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;123|456&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;9&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;10&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;11&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;A |B&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;12&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;--|--&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;13&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;12|45&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;预览：&lt;/p&gt;&lt;hr /&gt;



















&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Left&lt;/th&gt;&lt;th&gt;Center&lt;/th&gt;&lt;th&gt;Right&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;aaa&lt;/td&gt;&lt;td&gt;bbb&lt;/td&gt;&lt;td&gt;ccc&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;ddd&lt;/td&gt;&lt;td&gt;eee&lt;/td&gt;&lt;td&gt;fff&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;












&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;A&lt;/th&gt;&lt;th&gt;B&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;123&lt;/td&gt;&lt;td&gt;456&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;












&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;A&lt;/th&gt;&lt;th&gt;B&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;12&lt;/td&gt;&lt;td&gt;45&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;hr /&gt;&lt;p&gt;&lt;a&gt;&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;&lt;/section&gt;&lt;section&gt;&lt;h2&gt;内联元素&lt;/h2&gt;&lt;p&gt;&lt;a&gt;&lt;/a&gt;&lt;/p&gt;&lt;section&gt;&lt;h3&gt;链接&lt;/h3&gt;&lt;p&gt;HTML 标签：&lt;code&gt;&amp;lt;a&amp;gt;&lt;/code&gt;&lt;/p&gt;&lt;p&gt;Markdown 支持两种链接样式：行内链接与引用式链接。&lt;/p&gt;&lt;section&gt;&lt;h4&gt;行内链接&lt;/h4&gt;&lt;p&gt;行内链接格式：&lt;code&gt;[文本](URL &quot;标题&quot;)&lt;/code&gt;&lt;/p&gt;&lt;p&gt;标题可选。&lt;/p&gt;&lt;p&gt;代码：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;This is [an example](http://example.com/ &quot;Title&quot;) inline link.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;[This link](http://example.net/) has no title attribute.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;预览：&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;This is &lt;a href=&quot;http://example.com/&quot; target=&quot;_blank&quot;&gt;an example&lt;/a&gt; inline link.&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;http://example.net/&quot; target=&quot;_blank&quot;&gt;This link&lt;/a&gt; has no title attribute.&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;如果引用同一站点的本地资源，可以使用相对路径：&lt;/p&gt;&lt;p&gt;代码：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;See my [About](/about/) page for details.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;预览：&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;See my &lt;a href=&quot;/about/&quot;&gt;About&lt;/a&gt; page for details.&lt;/p&gt;&lt;hr /&gt;&lt;/section&gt;&lt;section&gt;&lt;h4&gt;引用式链接&lt;/h4&gt;&lt;p&gt;可以预定义链接引用。定义格式：&lt;code&gt;[id]: URL &quot;标题&quot;&lt;/code&gt;&lt;/p&gt;&lt;p&gt;标题同样可选。引用时使用：&lt;code&gt;[文本][id]&lt;/code&gt;&lt;/p&gt;&lt;p&gt;代码：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;[id]: http://example.com/  &quot;Optional Title Here&quot;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;This is [an example][id] reference-style link.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;预览：&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;This is &lt;a href=&quot;http://example.com/&quot; target=&quot;_blank&quot;&gt;an example&lt;/a&gt; reference-style link.&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;说明：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;方括号中包含链接标识（&lt;strong&gt;不区分大小写&lt;/strong&gt;，可在左侧缩进最多三格空格）；&lt;/li&gt;
&lt;li&gt;随后是冒号；&lt;/li&gt;
&lt;li&gt;再跟一个或多个空格（或 tab）；&lt;/li&gt;
&lt;li&gt;然后是链接 URL；&lt;/li&gt;
&lt;li&gt;URL 可选地用尖括号包裹；&lt;/li&gt;
&lt;li&gt;可选地跟随标题属性，用引号或圆括号包裹。&lt;/li&gt;
&lt;/ul&gt;&lt;p&gt;以下三种定义等价：&lt;/p&gt;&lt;p&gt;代码：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;[foo]: http://example.com/  &quot;Optional Title Here&quot;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;[foo]: http://example.com/  &apos;Optional Title Here&apos;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;[foo]: http://example.com/  (Optional Title Here)&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;[foo]: &amp;lt;http://example.com/&amp;gt;  &quot;Optional Title Here&quot;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;如果使用空的方括号，则链接文本本身会作为名称。&lt;/p&gt;&lt;p&gt;代码：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;[Google]: http://google.com/&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;[Google][]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;预览：&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;&lt;a href=&quot;http://google.com/&quot; target=&quot;_blank&quot;&gt;Google&lt;/a&gt;&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;&lt;a&gt;&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;强调&lt;/h3&gt;&lt;p&gt;HTML 标签：&lt;code&gt;&amp;lt;em&amp;gt;&lt;/code&gt;，&lt;code&gt;&amp;lt;strong&amp;gt;&lt;/code&gt;&lt;/p&gt;&lt;p&gt;Markdown 使用 &lt;strong&gt;星号 (*)&lt;/strong&gt; 或 &lt;strong&gt;下划线 (_)&lt;/strong&gt; 表示强调。&lt;strong&gt;一个分隔符&lt;/strong&gt;对应 &lt;code&gt;&amp;lt;em&amp;gt;&lt;/code&gt;；&lt;strong&gt;两个分隔符&lt;/strong&gt;对应 &lt;code&gt;&amp;lt;strong&amp;gt;&lt;/code&gt;。&lt;/p&gt;&lt;p&gt;代码：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;*single asterisks*&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;_single underscores_&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;**double asterisks**&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;__double underscores__&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;预览：&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;&lt;em&gt;single asterisks&lt;/em&gt;&lt;/p&gt;&lt;p&gt;&lt;em&gt;single underscores&lt;/em&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;double asterisks&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;double underscores&lt;/strong&gt;&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;但如果两侧有空格，则会被视作普通字符而非强调语法。&lt;/p&gt;&lt;p&gt;你可以使用反斜杠进行转义：&lt;/p&gt;&lt;p&gt;代码：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;\*this text is surrounded by literal asterisks\*&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;预览：&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;*this text is surrounded by literal asterisks*&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;&lt;a&gt;&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;行内代码&lt;/h3&gt;&lt;p&gt;HTML 标签：&lt;code&gt;&amp;lt;code&amp;gt;&lt;/code&gt;&lt;/p&gt;&lt;p&gt;用&lt;strong&gt;反引号 (`)&lt;/strong&gt; 包裹。&lt;/p&gt;&lt;p&gt;代码：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;Use the `printf()` function.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;预览：&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;Use the &lt;code&gt;printf()&lt;/code&gt; function.&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;若行内代码中需要包含反引号字符，可使用&lt;strong&gt;多重反引号&lt;/strong&gt;作为定界符：&lt;/p&gt;&lt;p&gt;代码：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;``There is a literal backtick (`) here.``&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;预览：&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;&lt;code&gt;There is a literal backtick (`) here.&lt;/code&gt;&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;行内代码两侧的定界符允许包含空格（开头一个、结尾一个），方便在代码起始或结尾放置反引号字符：&lt;/p&gt;&lt;p&gt;代码：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;A single backtick in a code span: `` ` ``&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;A backtick-delimited string in a code span: `` `foo` ``&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;预览：&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;A single backtick in a code span: &lt;code&gt;`&lt;/code&gt;&lt;/p&gt;&lt;p&gt;A backtick-delimited string in a code span: &lt;code&gt;`foo`&lt;/code&gt;&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;&lt;a&gt;&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;图片&lt;/h3&gt;&lt;p&gt;HTML 标签：&lt;code&gt;&amp;lt;img /&amp;gt;&lt;/code&gt;&lt;/p&gt;&lt;p&gt;Markdown 的图片语法与链接类似，支持行内与引用两种方式。&lt;/p&gt;&lt;section&gt;&lt;h4&gt;行内图片&lt;/h4&gt;&lt;p&gt;行内图片语法：&lt;code&gt;![替代文本](URL &quot;标题&quot;)&lt;/code&gt;&lt;/p&gt;&lt;p&gt;标题可选。&lt;/p&gt;&lt;p&gt;代码：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;![Alt text](/path/to/img.jpg)&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;![Alt text](/path/to/img.jpg &quot;Optional title&quot;)&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;预览：&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img src=&quot;https://s2.loli.net/2024/08/20/5fszgXeOxmL3Wdv.webp&quot; alt=&quot;Alt text&quot; /&gt;&lt;figcaption&gt;Alt text&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img src=&quot;https://s2.loli.net/2024/08/20/5fszgXeOxmL3Wdv.webp&quot; alt=&quot;Alt text&quot; title=&quot;Optional title&quot; /&gt;&lt;figcaption&gt;Alt text&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;说明：&lt;/p&gt;&lt;ul&gt;
&lt;li&gt;一个感叹号 !；&lt;/li&gt;
&lt;li&gt;后接方括号，放置图片的替代文本；&lt;/li&gt;
&lt;li&gt;再接圆括号，内含图片 URL/路径，及可选的标题（引号包裹）。&lt;/li&gt;
&lt;/ul&gt;&lt;/section&gt;&lt;section&gt;&lt;h4&gt;引用式图片&lt;/h4&gt;&lt;p&gt;引用式图片语法：&lt;code&gt;![替代文本][id]&lt;/code&gt;&lt;/p&gt;&lt;p&gt;代码：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;[img id]: https://s2.loli.net/2024/08/20/5fszgXeOxmL3Wdv.webp  &quot;Optional title attribute&quot;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;![Alt text][img id]&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;预览：&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;&lt;/p&gt;&lt;figure&gt;&lt;img src=&quot;https://s2.loli.net/2024/08/20/5fszgXeOxmL3Wdv.webp&quot; alt=&quot;Alt text&quot; title=&quot;Optional title attribute&quot; /&gt;&lt;figcaption&gt;Alt text&lt;/figcaption&gt;&lt;/figure&gt;&lt;p&gt;&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;&lt;a&gt;&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;删除线&lt;/h3&gt;&lt;p&gt;HTML 标签：&lt;code&gt;&amp;lt;del&amp;gt;&lt;/code&gt;&lt;/p&gt;&lt;p&gt;这是扩展语法。&lt;/p&gt;&lt;p&gt;GFM 增加了删除线语法。&lt;/p&gt;&lt;p&gt;代码：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;~~Mistaken text.~~&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;预览：&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;Mistaken text.&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;&lt;a&gt;&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;&lt;/section&gt;&lt;section&gt;&lt;h2&gt;杂项&lt;/h2&gt;&lt;p&gt;&lt;a&gt;&lt;/a&gt;&lt;/p&gt;&lt;section&gt;&lt;h3&gt;自动链接&lt;/h3&gt;&lt;p&gt;Markdown 支持一种便捷写法来创建“自动链接”（URL 与邮箱地址）：只需用尖括号将其包住即可。&lt;/p&gt;&lt;p&gt;代码：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;lt;http://example.com/&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;lt;address@example.com&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;预览：&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;&lt;a href=&quot;http://example.com/&quot; target=&quot;_blank&quot;&gt;http://example.com/&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;#&quot;&gt;address@example.com&lt;/a&gt;&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;GFM 会自动识别标准 URL 并转换为链接。&lt;/p&gt;&lt;p&gt;代码：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;https://github.com/emn178/markdown&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;预览：&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/emn178/markdown&quot; target=&quot;_blank&quot;&gt;https://github.com/emn178/markdown&lt;/a&gt;&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;&lt;a&gt;&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;&lt;section&gt;&lt;h3&gt;反斜杠转义&lt;/h3&gt;&lt;p&gt;Markdown 允许使用反斜杠来转义那些本用于 Markdown 语法的特殊字符，使其按字面显示。&lt;/p&gt;&lt;p&gt;代码：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;\*literal asterisks\*&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;预览：&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;*literal asterisks*&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;以下字符可通过反斜杠转义以按字面量输出：&lt;/p&gt;&lt;p&gt;Code:&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;\   backslash&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;`   backtick&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;*   asterisk&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;_   underscore&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;{}  curly braces&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;[]  square brackets&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;()  parentheses&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;8&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;#   hash mark&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;9&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;+   plus sign&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;10&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;-   minus sign (hyphen)&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;11&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;.   dot&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;12&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;!   exclamation mark&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;&lt;a&gt;&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;&lt;/section&gt;&lt;section&gt;&lt;h2&gt;内联 HTML&lt;/h2&gt;&lt;p&gt;对于 Markdown 语法未覆盖的标记，直接使用原生 HTML 即可。无需特别声明从 Markdown 切换到 HTML，直接写标签就行。&lt;/p&gt;&lt;p&gt;代码：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;This is a regular paragraph.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;lt;table&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&amp;lt;tr&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;        &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&amp;lt;td&amp;gt;Foo&amp;lt;/td&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&amp;lt;/tr&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;lt;/table&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;8&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;9&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;This is another regular paragraph.&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;预览：&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;This is a regular paragraph.&lt;/p&gt;&lt;table&gt;
    &lt;tbody&gt;&lt;tr&gt;
        &lt;td&gt;Foo&lt;/td&gt;
    &lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;This is another regular paragraph.&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;请注意：在&lt;strong&gt;块级 HTML 标签&lt;/strong&gt;内不会处理 Markdown 语法。&lt;/p&gt;&lt;p&gt;与块级标签不同，在&lt;strong&gt;行内级标签&lt;/strong&gt;内会处理 Markdown 语法。&lt;/p&gt;&lt;p&gt;代码：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;lt;span&amp;gt;**Work**&amp;lt;/span&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;lt;div&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;    &lt;/span&gt;&lt;/span&gt;&lt;span&gt;**No Work**&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;预览：&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;&lt;span&gt;&lt;strong&gt;Work&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;&lt;div&gt;
  **No Work**
&lt;/div&gt;
***&lt;/section&gt;&lt;/section&gt;</content:encoded></item><item><title>MDX 格式文章示例</title><link>https://fork-firefly.vercel.app/posts/mdx-example/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/mdx-example/</guid><description>这是一个 MDX 格式的示例文章，展示了如何在 Markdown 中使用 JSX。</description><pubDate>Sat, 01 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;div&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;Tip&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;p&gt;&lt;a href=&quot;https://github.com/CuteLeaf/Firefly&quot; target=&quot;_blank&quot;&gt;Firefly&lt;/a&gt; 支持 &lt;code&gt;MDX&lt;/code&gt; 和 &lt;code&gt;Markdown&lt;/code&gt; 两种类型的文章，你可以在文章中混合使用两种格式，如果没有特别复杂内容和需求，推荐使用 Markdown 格式就够了。&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;
&lt;section&gt;&lt;h2&gt;Markdown 和 MDX 的区别&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;Markdown (MD) 是一种轻量级标记语言，允许用户使用纯文本格式编写文档，然后将其转换为格式化的HTML。它因其简洁易用的语法而广受欢迎，特别适合编写文档和博客文章。&lt;/li&gt;
&lt;li&gt;MDX 是一种扩展了 Markdown 语法的格式，允许在 Markdown 文档中无缝地插入 JSX 代码。通过 MDX，用户可以在文档中嵌入 React 组件，从而实现更丰富的交互性和动态性。&lt;/li&gt;
&lt;/ul&gt;


































&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;特性&lt;/th&gt;&lt;th&gt;Markdown&lt;/th&gt;&lt;th&gt;MDX&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;基础语法&lt;/td&gt;&lt;td&gt;支持 (CommonMark)&lt;/td&gt;&lt;td&gt;支持 (CommonMark)&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;HTML 标签&lt;/td&gt;&lt;td&gt;支持&lt;/td&gt;&lt;td&gt;支持 (作为 JSX)&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;组件导入&lt;/td&gt;&lt;td&gt;不支持&lt;/td&gt;&lt;td&gt;支持 (import)&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;动态数据&lt;/td&gt;&lt;td&gt;不支持&lt;/td&gt;&lt;td&gt;支持 (JS 表达式)&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;样式定制&lt;/td&gt;&lt;td&gt;有限 (class/style)&lt;/td&gt;&lt;td&gt;灵活 (className/CSS-in-JS)&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;使用组件&lt;/h2&gt;&lt;p&gt;这是一个图标组件：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;import { Icon } from &apos;astro-icon/components&apos;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;lt;div class=&quot;flex items-center gap-2 my-4&quot;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&amp;lt;Icon name=&quot;lucide:rocket&quot; class=&quot;text-4xl text-red-500&quot; /&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;&amp;lt;span&amp;gt;火箭发射！&amp;lt;/span&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;火箭发射！&lt;/span&gt;&lt;/div&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;使用 JSX&lt;/h2&gt;&lt;p&gt;你也可以直接写 HTML/JSX：&lt;/p&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;lt;div className=&quot;p-4 bg-blue-100 dark:bg-blue-900 rounded-lg my-4&quot;&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&lt;span&gt;  &lt;/span&gt;&lt;/span&gt;&lt;span&gt;这是一个自定义样式的 div 块，使用了 Tailwind CSS 类。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;div&gt;&lt;p&gt;这是一个自定义样式的 div 块，使用了 Tailwind CSS 类。&lt;/p&gt;&lt;/div&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;简单的变量导出&lt;/h2&gt;&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;export const year = new Date().getFullYear()&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;今年是 {year} 年。&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;&lt;p&gt;今年是 2026 年。&lt;/p&gt;&lt;p&gt;更多信息，请查看 &lt;a href=&quot;https://mdxjs.com/&quot; target=&quot;_blank&quot;&gt;MDX 文档&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;</content:encoded></item><item><title>在文章中嵌入视频</title><link>https://fork-firefly.vercel.app/posts/video/</link><guid isPermaLink="true">https://fork-firefly.vercel.app/posts/video/</guid><description>这篇文章演示如何在博客文章中嵌入视频。</description><pubDate>Sat, 01 Aug 2026 00:00:00 GMT</pubDate><content:encoded>&lt;p&gt;只需从 YouTube 或其他平台复制嵌入代码，然后将其粘贴到 markdown 文件中。&lt;/p&gt;
&lt;div&gt;&lt;figure&gt;&lt;figcaption&gt;&lt;/figcaption&gt;&lt;pre&gt;&lt;code&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;1&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;---&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;2&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;title&lt;/span&gt;&lt;span&gt;: &lt;/span&gt;&lt;span&gt;在文章中嵌入视频&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;3&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;published&lt;/span&gt;&lt;span&gt;: &lt;/span&gt;&lt;span&gt;2023-10-19&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;4&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;// ...&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;5&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;---&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;6&lt;/div&gt;&lt;/div&gt;&lt;div&gt;
&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;div&gt;7&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;span&gt;&amp;lt;iframe width=&quot;100%&quot; height=&quot;468&quot; src=&quot;https://www.youtube.com/embed/5gIf0_xpFPI?si=N1WTorLKL0uwLsU_&quot; title=&quot;YouTube video player&quot; frameborder=&quot;0&quot; allowfullscreen&amp;gt;&amp;lt;/iframe&amp;gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/code&gt;&lt;/pre&gt;&lt;div&gt;&lt;div&gt;&lt;/div&gt;&lt;div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/figure&gt;&lt;/div&gt;
&lt;section&gt;&lt;h2&gt;YouTube&lt;/h2&gt;&lt;/section&gt;
&lt;section&gt;&lt;h2&gt;Bilibili&lt;/h2&gt; &lt;/section&gt;</content:encoded></item></channel></rss>