[{"data":1,"prerenderedAt":2639},["ShallowReactive",2],{"content-query-BSeB4nIh2N":3},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"lastUpdated":10,"body":11,"_type":2633,"_id":2634,"_source":2635,"_file":2636,"_stem":2637,"_extension":2638},"\u002Fabout\u002Fbuild-story","about",false,"","本站诞生记","用 Claude Code + Spec 驱动开发构建 AI 编程知识站的全过程记录","2026-04-24",{"type":12,"children":13,"toc":2588},"root",[14,21,39,45,145,150,157,162,187,193,198,241,247,252,275,281,286,309,313,318,324,334,341,346,364,369,392,398,403,408,451,457,471,477,482,500,506,545,548,554,563,569,574,789,794,800,805,828,833,839,844,862,865,871,880,886,891,1053,1059,1084,1093,1183,1189,1198,1207,1230,1266,1272,1281,1289,1321,1327,1336,1344,1401,1407,1412,1415,1421,1430,1438,1444,1453,1458,1594,1615,1621,1649,1655,1664,1672,1722,1892,1898,1907,1915,1966,1972,1988,2011,2017,2034,2044,2052,2092,2095,2100,2388,2393,2399,2452,2458,2511,2517,2571,2574,2582],{"type":15,"tag":16,"props":17,"children":18},"element","h1",{"id":8},[19],{"type":20,"value":8},"text",{"type":15,"tag":22,"props":23,"children":24},"blockquote",{},[25],{"type":15,"tag":26,"props":27,"children":28},"p",{},[29,31,37],{"type":20,"value":30},"本站使用 ",{"type":15,"tag":32,"props":33,"children":34},"strong",{},[35],{"type":20,"value":36},"Claude Code + Spec 驱动开发",{"type":20,"value":38}," 从零构建。以下是完整的开发过程、迭代记录和经验总结。",{"type":15,"tag":40,"props":41,"children":43},"h2",{"id":42},"构建方法",[44],{"type":20,"value":42},{"type":15,"tag":46,"props":47,"children":48},"table",{},[49,68],{"type":15,"tag":50,"props":51,"children":52},"thead",{},[53],{"type":15,"tag":54,"props":55,"children":56},"tr",{},[57,63],{"type":15,"tag":58,"props":59,"children":60},"th",{},[61],{"type":20,"value":62},"项目",{"type":15,"tag":58,"props":64,"children":65},{},[66],{"type":20,"value":67},"详情",{"type":15,"tag":69,"props":70,"children":71},"tbody",{},[72,86,99,112,125],{"type":15,"tag":54,"props":73,"children":74},{},[75,81],{"type":15,"tag":76,"props":77,"children":78},"td",{},[79],{"type":20,"value":80},"AI 工具",{"type":15,"tag":76,"props":82,"children":83},{},[84],{"type":20,"value":85},"Claude Code（Anthropic）",{"type":15,"tag":54,"props":87,"children":88},{},[89,94],{"type":15,"tag":76,"props":90,"children":91},{},[92],{"type":20,"value":93},"开发方法",{"type":15,"tag":76,"props":95,"children":96},{},[97],{"type":20,"value":98},"Spec 驱动开发",{"type":15,"tag":54,"props":100,"children":101},{},[102,107],{"type":15,"tag":76,"props":103,"children":104},{},[105],{"type":20,"value":106},"技术栈",{"type":15,"tag":76,"props":108,"children":109},{},[110],{"type":20,"value":111},"Nuxt 3 + Tailwind CSS + Nuxt Content",{"type":15,"tag":54,"props":113,"children":114},{},[115,120],{"type":15,"tag":76,"props":116,"children":117},{},[118],{"type":20,"value":119},"部署",{"type":15,"tag":76,"props":121,"children":122},{},[123],{"type":20,"value":124},"GitHub Pages（GitHub Actions 自动部署）",{"type":15,"tag":54,"props":126,"children":127},{},[128,133],{"type":15,"tag":76,"props":129,"children":130},{},[131],{"type":20,"value":132},"代码仓库",{"type":15,"tag":76,"props":134,"children":135},{},[136],{"type":15,"tag":137,"props":138,"children":142},"a",{"href":139,"rel":140},"https:\u002F\u002Fgithub.com\u002FASFKING\u002Fai-programming-site",[141],"nofollow",[143],{"type":20,"value":144},"GitHub",{"type":15,"tag":40,"props":146,"children":148},{"id":147},"开发流程",[149],{"type":20,"value":147},{"type":15,"tag":151,"props":152,"children":154},"h3",{"id":153},"阶段一需求拆解",[155],{"type":20,"value":156},"阶段一：需求拆解",{"type":15,"tag":26,"props":158,"children":159},{},[160],{"type":20,"value":161},"明确了站点的核心目标：",{"type":15,"tag":163,"props":164,"children":165},"ul",{},[166,172,177,182],{"type":15,"tag":167,"props":168,"children":169},"li",{},[170],{"type":20,"value":171},"帮助开发者全面了解 AI 编程技术",{"type":15,"tag":167,"props":173,"children":174},{},[175],{"type":20,"value":176},"提供工具对比和选择建议",{"type":15,"tag":167,"props":178,"children":179},{},[180],{"type":20,"value":181},"讲解四种编程范式的区别和适用场景",{"type":15,"tag":167,"props":183,"children":184},{},[185],{"type":20,"value":186},"介绍 Spec 驱动开发等工程方法论",{"type":15,"tag":151,"props":188,"children":190},{"id":189},"阶段二spec-编写",[191],{"type":20,"value":192},"阶段二：Spec 编写",{"type":15,"tag":26,"props":194,"children":195},{},[196],{"type":20,"value":197},"为每个模块编写了结构化的 Spec 文档：",{"type":15,"tag":163,"props":199,"children":200},{},[201,211,221,231],{"type":15,"tag":167,"props":202,"children":203},{},[204,209],{"type":15,"tag":32,"props":205,"children":206},{},[207],{"type":20,"value":208},"首页",{"type":20,"value":210},"：Hero + 核心内容卡片 + 时间线 + 范式导航 + 用户分流",{"type":15,"tag":167,"props":212,"children":213},{},[214,219],{"type":15,"tag":32,"props":215,"children":216},{},[217],{"type":20,"value":218},"工具页",{"type":20,"value":220},"：工具卡片网格 + 对比矩阵 + 需求决策引导",{"type":15,"tag":167,"props":222,"children":223},{},[224,229],{"type":15,"tag":32,"props":225,"children":226},{},[227],{"type":20,"value":228},"范式页",{"type":20,"value":230},"：演进路线 + 四范式卡片 + 对比表格 + 代码示例",{"type":15,"tag":167,"props":232,"children":233},{},[234,239],{"type":15,"tag":32,"props":235,"children":236},{},[237],{"type":20,"value":238},"方法论页",{"type":20,"value":240},"：分层结构（日常协作 → 规则配置 → 工程方法论）",{"type":15,"tag":151,"props":242,"children":244},{"id":243},"阶段三ai-生成",[245],{"type":20,"value":246},"阶段三：AI 生成",{"type":15,"tag":26,"props":248,"children":249},{},[250],{"type":20,"value":251},"将 Spec 文档输入 Claude Code，AI 按规格生成：",{"type":15,"tag":163,"props":253,"children":254},{},[255,260,265,270],{"type":15,"tag":167,"props":256,"children":257},{},[258],{"type":20,"value":259},"页面组件（Vue 3 + Composition API）",{"type":15,"tag":167,"props":261,"children":262},{},[263],{"type":20,"value":264},"内容文件（Markdown）",{"type":15,"tag":167,"props":266,"children":267},{},[268],{"type":20,"value":269},"样式系统（Tailwind CSS + 自定义 CSS 变量）",{"type":15,"tag":167,"props":271,"children":272},{},[273],{"type":20,"value":274},"路由和导航结构",{"type":15,"tag":151,"props":276,"children":278},{"id":277},"阶段四人工评审与迭代",[279],{"type":20,"value":280},"阶段四：人工评审与迭代",{"type":15,"tag":26,"props":282,"children":283},{},[284],{"type":20,"value":285},"检查并调整了：",{"type":15,"tag":163,"props":287,"children":288},{},[289,294,299,304],{"type":15,"tag":167,"props":290,"children":291},{},[292],{"type":20,"value":293},"内容准确性和专业度",{"type":15,"tag":167,"props":295,"children":296},{},[297],{"type":20,"value":298},"视觉设计细节（颜色、间距、动效）",{"type":15,"tag":167,"props":300,"children":301},{},[302],{"type":20,"value":303},"响应式布局适配",{"type":15,"tag":167,"props":305,"children":306},{},[307],{"type":20,"value":308},"SEO 基础配置",{"type":15,"tag":310,"props":311,"children":312},"hr",{},[],{"type":15,"tag":40,"props":314,"children":316},{"id":315},"迭代记录",[317],{"type":20,"value":315},{"type":15,"tag":151,"props":319,"children":321},{"id":320},"第一轮迭代内容补齐",[322],{"type":20,"value":323},"第一轮迭代：内容补齐",{"type":15,"tag":26,"props":325,"children":326},{},[327,332],{"type":15,"tag":32,"props":328,"children":329},{},[330],{"type":20,"value":331},"目标",{"type":20,"value":333},"：从\"框架\"到\"有肉\"",{"type":15,"tag":335,"props":336,"children":338},"h4",{"id":337},"_1-工具对比矩阵",[339],{"type":20,"value":340},"1. 工具对比矩阵",{"type":15,"tag":26,"props":342,"children":343},{},[344],{"type":20,"value":345},"在工具页新增了 8 款工具的完整对比表，包含：",{"type":15,"tag":163,"props":347,"children":348},{},[349,354,359],{"type":15,"tag":167,"props":350,"children":351},{},[352],{"type":20,"value":353},"开发商、定价、平台",{"type":15,"tag":167,"props":355,"children":356},{},[357],{"type":20,"value":358},"代码补全、多文件编辑、智能体、中文支持的评级",{"type":15,"tag":167,"props":360,"children":361},{},[362],{"type":20,"value":363},"适用场景说明",{"type":15,"tag":26,"props":365,"children":366},{},[367],{"type":20,"value":368},"同时将「如何选择合适的工具」从主观的\"按身份推荐\"改为客观的\"按需求决策\"：",{"type":15,"tag":163,"props":370,"children":371},{},[372,377,382,387],{"type":15,"tag":167,"props":373,"children":374},{},[375],{"type":20,"value":376},"预算有限 → 优先免费工具",{"type":15,"tag":167,"props":378,"children":379},{},[380],{"type":20,"value":381},"网络受限 → 国内直连工具",{"type":15,"tag":167,"props":383,"children":384},{},[385],{"type":20,"value":386},"需要深度推理 → Claude Code \u002F Cursor",{"type":15,"tag":167,"props":388,"children":389},{},[390],{"type":20,"value":391},"团队协作 → Business 版本",{"type":15,"tag":335,"props":393,"children":395},{"id":394},"_2-范式代码示例",[396],{"type":20,"value":397},"2. 范式代码示例",{"type":15,"tag":26,"props":399,"children":400},{},[401],{"type":20,"value":402},"为四个范式各添加了\"同一需求，四种写法\"的代码示例：",{"type":15,"tag":26,"props":404,"children":405},{},[406],{"type":20,"value":407},"需求：构建一个天气查询页面，调用 OpenWeatherMap API",{"type":15,"tag":163,"props":409,"children":410},{},[411,421,431,441],{"type":15,"tag":167,"props":412,"children":413},{},[414,419],{"type":15,"tag":32,"props":415,"children":416},{},[417],{"type":20,"value":418},"Code Completion",{"type":20,"value":420},"：开发者手写，AI 逐行补全",{"type":15,"tag":167,"props":422,"children":423},{},[424,429],{"type":15,"tag":32,"props":425,"children":426},{},[427],{"type":20,"value":428},"Vibe Coding",{"type":20,"value":430},"：一句话描述，AI 生成全部",{"type":15,"tag":167,"props":432,"children":433},{},[434,439],{"type":15,"tag":32,"props":435,"children":436},{},[437],{"type":20,"value":438},"Spec Coding",{"type":20,"value":440},"：先写 Spec 文档，AI 按规格实现",{"type":15,"tag":167,"props":442,"children":443},{},[444,449],{"type":15,"tag":32,"props":445,"children":446},{},[447],{"type":20,"value":448},"Agentic Coding",{"type":20,"value":450},"：描述目标，AI 自主规划 + 执行 + 测试",{"type":15,"tag":335,"props":452,"children":454},{"id":453},"_3-本站诞生记",[455],{"type":20,"value":456},"3. 本站诞生记",{"type":15,"tag":26,"props":458,"children":459},{},[460,462,469],{"type":20,"value":461},"新增 ",{"type":15,"tag":463,"props":464,"children":466},"code",{"className":465},[],[467],{"type":20,"value":468},"\u002Fabout",{"type":20,"value":470}," 页面，记录站点的构建过程、踩坑经验和数据统计。",{"type":15,"tag":335,"props":472,"children":474},{"id":473},"_4-首页用户分流",[475],{"type":20,"value":476},"4. 首页用户分流",{"type":15,"tag":26,"props":478,"children":479},{},[480],{"type":20,"value":481},"在 Hero 区域下方新增三档开发者分流：",{"type":15,"tag":163,"props":483,"children":484},{},[485,490,495],{"type":15,"tag":167,"props":486,"children":487},{},[488],{"type":20,"value":489},"🐣 编程新手 → 概念入门",{"type":15,"tag":167,"props":491,"children":492},{},[493],{"type":20,"value":494},"🧑‍💻 有经验开发者 → 工具对比",{"type":15,"tag":167,"props":496,"children":497},{},[498],{"type":20,"value":499},"🏗️ 团队负责人 → 方法论 + Spec 驱动开发",{"type":15,"tag":335,"props":501,"children":503},{"id":502},"_5-seo-优化",[504],{"type":20,"value":505},"5. SEO 优化",{"type":15,"tag":163,"props":507,"children":508},{},[509,522,532],{"type":15,"tag":167,"props":510,"children":511},{},[512,514,520],{"type":20,"value":513},"添加 ",{"type":15,"tag":463,"props":515,"children":517},{"className":516},[],[518],{"type":20,"value":519},"sitemap.xml",{"type":20,"value":521},"（覆盖所有页面）",{"type":15,"tag":167,"props":523,"children":524},{},[525,526],{"type":20,"value":513},{"type":15,"tag":463,"props":527,"children":529},{"className":528},[],[530],{"type":20,"value":531},"robots.txt",{"type":15,"tag":167,"props":533,"children":534},{},[535,537,543],{"type":20,"value":536},"工具页和范式页添加独立的 ",{"type":15,"tag":463,"props":538,"children":540},{"className":539},[],[541],{"type":20,"value":542},"\u003Cmeta>",{"type":20,"value":544}," 标签",{"type":15,"tag":310,"props":546,"children":547},{},[],{"type":15,"tag":151,"props":549,"children":551},{"id":550},"第二轮迭代样式提亮-长页面优化",[552],{"type":20,"value":553},"第二轮迭代：样式提亮 + 长页面优化",{"type":15,"tag":26,"props":555,"children":556},{},[557,561],{"type":15,"tag":32,"props":558,"children":559},{},[560],{"type":20,"value":331},{"type":20,"value":562},"：解决\"太黑看不清\"和\"长页面找不到章节\"两个核心问题",{"type":15,"tag":335,"props":564,"children":566},{"id":565},"_1-深色主题提亮",[567],{"type":20,"value":568},"1. 深色主题提亮",{"type":15,"tag":26,"props":570,"children":571},{},[572],{"type":20,"value":573},"用户反馈\"太黑了，看不清\"。诊断发现核心问题是对比度不足：",{"type":15,"tag":46,"props":575,"children":576},{},[577,603],{"type":15,"tag":50,"props":578,"children":579},{},[580],{"type":15,"tag":54,"props":581,"children":582},{},[583,588,593,598],{"type":15,"tag":58,"props":584,"children":585},{},[586],{"type":20,"value":587},"改动",{"type":15,"tag":58,"props":589,"children":590},{},[591],{"type":20,"value":592},"之前",{"type":15,"tag":58,"props":594,"children":595},{},[596],{"type":20,"value":597},"之后",{"type":15,"tag":58,"props":599,"children":600},{},[601],{"type":20,"value":602},"效果",{"type":15,"tag":69,"props":604,"children":605},{},[606,637,660,682,713,743,766],{"type":15,"tag":54,"props":607,"children":608},{},[609,614,623,632],{"type":15,"tag":76,"props":610,"children":611},{},[612],{"type":20,"value":613},"背景色",{"type":15,"tag":76,"props":615,"children":616},{},[617],{"type":15,"tag":463,"props":618,"children":620},{"className":619},[],[621],{"type":20,"value":622},"#0f172a",{"type":15,"tag":76,"props":624,"children":625},{},[626],{"type":15,"tag":463,"props":627,"children":629},{"className":628},[],[630],{"type":20,"value":631},"#111827",{"type":15,"tag":76,"props":633,"children":634},{},[635],{"type":20,"value":636},"减少压迫感",{"type":15,"tag":54,"props":638,"children":639},{},[640,645,650,655],{"type":15,"tag":76,"props":641,"children":642},{},[643],{"type":20,"value":644},"卡片背景",{"type":15,"tag":76,"props":646,"children":647},{},[648],{"type":20,"value":649},"5% 白",{"type":15,"tag":76,"props":651,"children":652},{},[653],{"type":20,"value":654},"8% 白",{"type":15,"tag":76,"props":656,"children":657},{},[658],{"type":20,"value":659},"卡片可见",{"type":15,"tag":54,"props":661,"children":662},{},[663,668,672,677],{"type":15,"tag":76,"props":664,"children":665},{},[666],{"type":20,"value":667},"卡片边框",{"type":15,"tag":76,"props":669,"children":670},{},[671],{"type":20,"value":654},{"type":15,"tag":76,"props":673,"children":674},{},[675],{"type":20,"value":676},"12% 白",{"type":15,"tag":76,"props":678,"children":679},{},[680],{"type":20,"value":681},"边框清晰",{"type":15,"tag":54,"props":683,"children":684},{},[685,690,699,708],{"type":15,"tag":76,"props":686,"children":687},{},[688],{"type":20,"value":689},"次要文字",{"type":15,"tag":76,"props":691,"children":692},{},[693],{"type":15,"tag":463,"props":694,"children":696},{"className":695},[],[697],{"type":20,"value":698},"#94a3b8",{"type":15,"tag":76,"props":700,"children":701},{},[702],{"type":15,"tag":463,"props":703,"children":705},{"className":704},[],[706],{"type":20,"value":707},"#cbd5e1",{"type":15,"tag":76,"props":709,"children":710},{},[711],{"type":20,"value":712},"阅读更轻松",{"type":15,"tag":54,"props":714,"children":715},{},[716,721,730,738],{"type":15,"tag":76,"props":717,"children":718},{},[719],{"type":20,"value":720},"静音文字",{"type":15,"tag":76,"props":722,"children":723},{},[724],{"type":15,"tag":463,"props":725,"children":727},{"className":726},[],[728],{"type":20,"value":729},"#64748b",{"type":15,"tag":76,"props":731,"children":732},{},[733],{"type":15,"tag":463,"props":734,"children":736},{"className":735},[],[737],{"type":20,"value":698},{"type":15,"tag":76,"props":739,"children":740},{},[741],{"type":20,"value":742},"不再隐形",{"type":15,"tag":54,"props":744,"children":745},{},[746,751,756,761],{"type":15,"tag":76,"props":747,"children":748},{},[749],{"type":20,"value":750},"代码块",{"type":15,"tag":76,"props":752,"children":753},{},[754],{"type":20,"value":755},"黑 30%",{"type":15,"tag":76,"props":757,"children":758},{},[759],{"type":20,"value":760},"白 5%",{"type":15,"tag":76,"props":762,"children":763},{},[764],{"type":20,"value":765},"不比页面暗",{"type":15,"tag":54,"props":767,"children":768},{},[769,774,779,784],{"type":15,"tag":76,"props":770,"children":771},{},[772],{"type":20,"value":773},"卡片 hover",{"type":15,"tag":76,"props":775,"children":776},{},[777],{"type":20,"value":778},"无光效",{"type":15,"tag":76,"props":780,"children":781},{},[782],{"type":20,"value":783},"蓝色微光",{"type":15,"tag":76,"props":785,"children":786},{},[787],{"type":20,"value":788},"交互反馈",{"type":15,"tag":26,"props":790,"children":791},{},[792],{"type":20,"value":793},"核心原则：保持深色主题，但提亮 + 增加层次感。不需要大改，调 CSS 变量解决 80% 的问题。",{"type":15,"tag":335,"props":795,"children":797},{"id":796},"_2-页面目录导航toc",[798],{"type":20,"value":799},"2. 页面目录导航（TOC）",{"type":15,"tag":26,"props":801,"children":802},{},[803],{"type":20,"value":804},"用户反馈\"详细页面太长，找不到章节\"。新增 PageToc 组件：",{"type":15,"tag":163,"props":806,"children":807},{},[808,813,818,823],{"type":15,"tag":167,"props":809,"children":810},{},[811],{"type":20,"value":812},"右侧粘性目录，跟随滚动",{"type":15,"tag":167,"props":814,"children":815},{},[816],{"type":20,"value":817},"IntersectionObserver 高亮当前章节",{"type":15,"tag":167,"props":819,"children":820},{},[821],{"type":20,"value":822},"点击平滑跳转",{"type":15,"tag":167,"props":824,"children":825},{},[826],{"type":20,"value":827},"xl 以上屏幕显示，小屏隐藏",{"type":15,"tag":26,"props":829,"children":830},{},[831],{"type":20,"value":832},"所有详情页集成：paradigms \u002F tools \u002F methodology \u002F concepts",{"type":15,"tag":335,"props":834,"children":836},{"id":835},"_3-回到顶部按钮",[837],{"type":20,"value":838},"3. 回到顶部按钮",{"type":15,"tag":26,"props":840,"children":841},{},[842],{"type":20,"value":843},"新增 BackToTop 组件：",{"type":15,"tag":163,"props":845,"children":846},{},[847,852,857],{"type":15,"tag":167,"props":848,"children":849},{},[850],{"type":20,"value":851},"滚动 300px 后显示",{"type":15,"tag":167,"props":853,"children":854},{},[855],{"type":20,"value":856},"右下角浮动",{"type":15,"tag":167,"props":858,"children":859},{},[860],{"type":20,"value":861},"平滑滚动回顶部",{"type":15,"tag":310,"props":863,"children":864},{},[],{"type":15,"tag":151,"props":866,"children":868},{"id":867},"第三轮迭代uiux-优化-范式去递进化",[869],{"type":20,"value":870},"第三轮迭代：UI\u002FUX 优化 + 范式去递进化",{"type":15,"tag":26,"props":872,"children":873},{},[874,878],{"type":15,"tag":32,"props":875,"children":876},{},[877],{"type":20,"value":331},{"type":20,"value":879},"：基于专业评审反馈，修复 UI 细节问题，纠正范式页的递进暗示",{"type":15,"tag":335,"props":881,"children":883},{"id":882},"_1-首页-hero-区强化",[884],{"type":20,"value":885},"1. 首页 Hero 区强化",{"type":15,"tag":26,"props":887,"children":888},{},[889],{"type":20,"value":890},"原 Hero 区标题字号偏小，视觉冲击力不足，缺少数据背书。",{"type":15,"tag":46,"props":892,"children":893},{},[894,912],{"type":15,"tag":50,"props":895,"children":896},{},[897],{"type":15,"tag":54,"props":898,"children":899},{},[900,904,908],{"type":15,"tag":58,"props":901,"children":902},{},[903],{"type":20,"value":587},{"type":15,"tag":58,"props":905,"children":906},{},[907],{"type":20,"value":592},{"type":15,"tag":58,"props":909,"children":910},{},[911],{"type":20,"value":597},{"type":15,"tag":69,"props":913,"children":914},{},[915,941,967,985,1003,1021],{"type":15,"tag":54,"props":916,"children":917},{},[918,923,932],{"type":15,"tag":76,"props":919,"children":920},{},[921],{"type":20,"value":922},"标题字号",{"type":15,"tag":76,"props":924,"children":925},{},[926],{"type":15,"tag":463,"props":927,"children":929},{"className":928},[],[930],{"type":20,"value":931},"text-5xl",{"type":15,"tag":76,"props":933,"children":934},{},[935],{"type":15,"tag":463,"props":936,"children":938},{"className":937},[],[939],{"type":20,"value":940},"text-5xl md:text-6xl lg:text-7xl",{"type":15,"tag":54,"props":942,"children":943},{},[944,949,958],{"type":15,"tag":76,"props":945,"children":946},{},[947],{"type":20,"value":948},"字重",{"type":15,"tag":76,"props":950,"children":951},{},[952],{"type":15,"tag":463,"props":953,"children":955},{"className":954},[],[956],{"type":20,"value":957},"font-bold",{"type":15,"tag":76,"props":959,"children":960},{},[961],{"type":15,"tag":463,"props":962,"children":964},{"className":963},[],[965],{"type":20,"value":966},"font-extrabold",{"type":15,"tag":54,"props":968,"children":969},{},[970,975,980],{"type":15,"tag":76,"props":971,"children":972},{},[973],{"type":20,"value":974},"背景",{"type":15,"tag":76,"props":976,"children":977},{},[978],{"type":20,"value":979},"纯色",{"type":15,"tag":76,"props":981,"children":982},{},[983],{"type":20,"value":984},"双层模糊渐变光晕",{"type":15,"tag":54,"props":986,"children":987},{},[988,993,998],{"type":15,"tag":76,"props":989,"children":990},{},[991],{"type":20,"value":992},"状态徽章",{"type":15,"tag":76,"props":994,"children":995},{},[996],{"type":20,"value":997},"无",{"type":15,"tag":76,"props":999,"children":1000},{},[1001],{"type":20,"value":1002},"\"覆盖 8 款主流工具 · 4 种编程范式\"",{"type":15,"tag":54,"props":1004,"children":1005},{},[1006,1011,1016],{"type":15,"tag":76,"props":1007,"children":1008},{},[1009],{"type":20,"value":1010},"CTA 按钮",{"type":15,"tag":76,"props":1012,"children":1013},{},[1014],{"type":20,"value":1015},"普通圆角",{"type":15,"tag":76,"props":1017,"children":1018},{},[1019],{"type":20,"value":1020},"加大 + 阴影 + hover 上浮",{"type":15,"tag":54,"props":1022,"children":1023},{},[1024,1029,1034],{"type":15,"tag":76,"props":1025,"children":1026},{},[1027],{"type":20,"value":1028},"移动端",{"type":15,"tag":76,"props":1030,"children":1031},{},[1032],{"type":20,"value":1033},"无适配",{"type":15,"tag":76,"props":1035,"children":1036},{},[1037,1043,1045,1051],{"type":15,"tag":463,"props":1038,"children":1040},{"className":1039},[],[1041],{"type":20,"value":1042},"hidden md:block",{"type":20,"value":1044}," 换行 + ",{"type":15,"tag":463,"props":1046,"children":1048},{"className":1047},[],[1049],{"type":20,"value":1050},"sm:flex-row",{"type":20,"value":1052}," 响应式",{"type":15,"tag":335,"props":1054,"children":1056},{"id":1055},"_2-范式页去递进化核心改动",[1057],{"type":20,"value":1058},"2. 范式页去递进化（核心改动）",{"type":15,"tag":26,"props":1060,"children":1061},{},[1062,1067,1069,1075,1077,1082],{"type":15,"tag":32,"props":1063,"children":1064},{},[1065],{"type":20,"value":1066},"问题",{"type":20,"value":1068},"：原范式页使用 ",{"type":15,"tag":463,"props":1070,"children":1072},{"className":1071},[],[1073],{"type":20,"value":1074},"→",{"type":20,"value":1076}," 箭头将四个范式串成递进路线，暗示\"从低级到高级\"。但实际上四个范式是",{"type":15,"tag":32,"props":1078,"children":1079},{},[1080],{"type":20,"value":1081},"并列的场景选择",{"type":20,"value":1083},"，一个成熟团队会同时使用多种范式。",{"type":15,"tag":26,"props":1085,"children":1086},{},[1087,1091],{"type":15,"tag":32,"props":1088,"children":1089},{},[1090],{"type":20,"value":587},{"type":20,"value":1092},"：",{"type":15,"tag":163,"props":1094,"children":1095},{},[1096,1113,1125,1137,1149,1178],{"type":15,"tag":167,"props":1097,"children":1098},{},[1099,1104,1106,1111],{"type":15,"tag":32,"props":1100,"children":1101},{},[1102],{"type":20,"value":1103},"删除\"演进路线\"箭头图",{"type":20,"value":1105},"（",{"type":15,"tag":463,"props":1107,"children":1109},{"className":1108},[],[1110],{"type":20,"value":1074},{"type":20,"value":1112}," 递进暗示的元凶）",{"type":15,"tag":167,"props":1114,"children":1115},{},[1116,1118,1123],{"type":20,"value":1117},"替换为 ",{"type":15,"tag":32,"props":1119,"children":1120},{},[1121],{"type":20,"value":1122},"\"根据你的场景选择\"",{"type":20,"value":1124}," 网格选择器，每个卡片标注适用场景",{"type":15,"tag":167,"props":1126,"children":1127},{},[1128,1130,1135],{"type":20,"value":1129},"首页范式区增加 ",{"type":15,"tag":32,"props":1131,"children":1132},{},[1133],{"type":20,"value":1134},"\"🧭 如何选择？\"",{"type":20,"value":1136}," 决策引导，四列直接告诉用户什么场景选什么",{"type":15,"tag":167,"props":1138,"children":1139},{},[1140,1142,1147],{"type":20,"value":1141},"对比表格新增 ",{"type":15,"tag":32,"props":1143,"children":1144},{},[1145],{"type":20,"value":1146},"\"学习成本\"",{"type":20,"value":1148}," 行",{"type":15,"tag":167,"props":1150,"children":1151},{},[1152,1153,1158,1160],{"type":20,"value":461},{"type":15,"tag":32,"props":1154,"children":1155},{},[1156],{"type":20,"value":1157},"\"常见误区\"",{"type":20,"value":1159}," 板块，直接纠正三个典型认知错误：\n",{"type":15,"tag":163,"props":1161,"children":1162},{},[1163,1168,1173],{"type":15,"tag":167,"props":1164,"children":1165},{},[1166],{"type":20,"value":1167},"❌ \"范式越高级越好\"",{"type":15,"tag":167,"props":1169,"children":1170},{},[1171],{"type":20,"value":1172},"❌ \"Vibe Coding 不专业\"",{"type":15,"tag":167,"props":1174,"children":1175},{},[1176],{"type":20,"value":1177},"❌ \"选一个范式就够了\"",{"type":15,"tag":167,"props":1179,"children":1180},{},[1181],{"type":20,"value":1182},"描述文案从\"四层演进\"改为\"不同场景下的最佳选择——像工具箱里的四把钳子\"",{"type":15,"tag":335,"props":1184,"children":1186},{"id":1185},"_3-侧边栏相关推荐",[1187],{"type":20,"value":1188},"3. 侧边栏\"相关推荐\"",{"type":15,"tag":26,"props":1190,"children":1191},{},[1192,1196],{"type":15,"tag":32,"props":1193,"children":1194},{},[1195],{"type":20,"value":1066},{"type":20,"value":1197},"：用户看完一个页面后不知道下一步该看什么，跨模块浏览路径断裂。",{"type":15,"tag":26,"props":1199,"children":1200},{},[1201,1205],{"type":15,"tag":32,"props":1202,"children":1203},{},[1204],{"type":20,"value":587},{"type":20,"value":1206},"：在 SideNav 底部增加\"相关推荐\"板块：",{"type":15,"tag":163,"props":1208,"children":1209},{},[1210,1215,1220,1225],{"type":15,"tag":167,"props":1211,"children":1212},{},[1213],{"type":20,"value":1214},"概念页 → 推荐工具对比、编程范式",{"type":15,"tag":167,"props":1216,"children":1217},{},[1218],{"type":20,"value":1219},"工具页 → 推荐概念入门、编程范式",{"type":15,"tag":167,"props":1221,"children":1222},{},[1223],{"type":20,"value":1224},"范式页 → 推荐方法论、工具对比",{"type":15,"tag":167,"props":1226,"children":1227},{},[1228],{"type":20,"value":1229},"方法论 → 推荐编程范式、概念入门",{"type":15,"tag":26,"props":1231,"children":1232},{},[1233,1235,1241,1243,1249,1251,1257,1258,1264],{"type":20,"value":1234},"初版在浅色主题下对比度不足，后调整字号（",{"type":15,"tag":463,"props":1236,"children":1238},{"className":1237},[],[1239],{"type":20,"value":1240},"text-[10px]",{"type":20,"value":1242}," → ",{"type":15,"tag":463,"props":1244,"children":1246},{"className":1245},[],[1247],{"type":20,"value":1248},"text-xs",{"type":20,"value":1250},"）和颜色（",{"type":15,"tag":463,"props":1252,"children":1254},{"className":1253},[],[1255],{"type":20,"value":1256},"text-muted",{"type":20,"value":1242},{"type":15,"tag":463,"props":1259,"children":1261},{"className":1260},[],[1262],{"type":20,"value":1263},"text-secondary",{"type":20,"value":1265},"）修复。",{"type":15,"tag":335,"props":1267,"children":1269},{"id":1268},"_4-核心内容卡片层次",[1270],{"type":20,"value":1271},"4. 核心内容卡片层次",{"type":15,"tag":26,"props":1273,"children":1274},{},[1275,1279],{"type":15,"tag":32,"props":1276,"children":1277},{},[1278],{"type":20,"value":1066},{"type":20,"value":1280},"：三张核心卡片视觉权重相同，用户无法快速判断优先级。",{"type":15,"tag":26,"props":1282,"children":1283},{},[1284,1288],{"type":15,"tag":32,"props":1285,"children":1286},{},[1287],{"type":20,"value":587},{"type":20,"value":1092},{"type":15,"tag":163,"props":1290,"children":1291},{},[1292,1305,1310],{"type":15,"tag":167,"props":1293,"children":1294},{},[1295,1297,1303],{"type":20,"value":1296},"第一张卡片（概念入门）增加 ",{"type":15,"tag":463,"props":1298,"children":1300},{"className":1299},[],[1301],{"type":20,"value":1302},"ring",{"type":20,"value":1304}," 边框 + \"推荐起点\"标签",{"type":15,"tag":167,"props":1306,"children":1307},{},[1308],{"type":20,"value":1309},"卡片 hover 时显示 CTA 文字（\"从这里开始 →\"）",{"type":15,"tag":167,"props":1311,"children":1312},{},[1313,1315],{"type":20,"value":1314},"描述文字行高从默认调整为 ",{"type":15,"tag":463,"props":1316,"children":1318},{"className":1317},[],[1319],{"type":20,"value":1320},"leading-relaxed",{"type":15,"tag":335,"props":1322,"children":1324},{"id":1323},"_5-移动端侧边栏",[1325],{"type":20,"value":1326},"5. 移动端侧边栏",{"type":15,"tag":26,"props":1328,"children":1329},{},[1330,1334],{"type":15,"tag":32,"props":1331,"children":1332},{},[1333],{"type":20,"value":1066},{"type":20,"value":1335},"：桌面端侧边栏在移动端不可用，小屏幕用户无法快速导航。",{"type":15,"tag":26,"props":1337,"children":1338},{},[1339,1343],{"type":15,"tag":32,"props":1340,"children":1341},{},[1342],{"type":20,"value":587},{"type":20,"value":1092},{"type":15,"tag":163,"props":1345,"children":1346},{},[1347,1359,1370,1383,1388],{"type":15,"tag":167,"props":1348,"children":1349},{},[1350,1352,1357],{"type":20,"value":1351},"新增",{"type":15,"tag":32,"props":1353,"children":1354},{},[1355],{"type":20,"value":1356},"浮动切换按钮",{"type":20,"value":1358},"（左下角圆形，蓝色背景，带汉堡\u002FX 图标切换动效）",{"type":15,"tag":167,"props":1360,"children":1361},{},[1362,1363,1368],{"type":20,"value":1351},{"type":15,"tag":32,"props":1364,"children":1365},{},[1366],{"type":20,"value":1367},"遮罩层",{"type":20,"value":1369},"，点击遮罩关闭侧边栏",{"type":15,"tag":167,"props":1371,"children":1372},{},[1373,1375,1381],{"type":20,"value":1374},"侧边栏增加 ",{"type":15,"tag":463,"props":1376,"children":1378},{"className":1377},[],[1379],{"type":20,"value":1380},"transition-transform",{"type":20,"value":1382}," 滑入\u002F滑出动画",{"type":15,"tag":167,"props":1384,"children":1385},{},[1386],{"type":20,"value":1387},"路由切换时自动关闭移动端侧边栏",{"type":15,"tag":167,"props":1389,"children":1390},{},[1391,1393,1399],{"type":20,"value":1392},"内容区增加底部 ",{"type":15,"tag":463,"props":1394,"children":1396},{"className":1395},[],[1397],{"type":20,"value":1398},"padding-bottom",{"type":20,"value":1400}," 避免浮动按钮遮挡",{"type":15,"tag":335,"props":1402,"children":1404},{"id":1403},"_6-底部-cta-区升级",[1405],{"type":20,"value":1406},"6. 底部 CTA 区升级",{"type":15,"tag":26,"props":1408,"children":1409},{},[1410],{"type":20,"value":1411},"从普通 section 改为带渐变背景的圆角卡片，标题改为更有行动力的\"准备好开始了吗？\"，按钮样式与 Hero 区统一。",{"type":15,"tag":310,"props":1413,"children":1414},{},[],{"type":15,"tag":151,"props":1416,"children":1418},{"id":1417},"第四轮迭代工具信息核实-首页减负-交互增强",[1419],{"type":20,"value":1420},"第四轮迭代：工具信息核实 + 首页减负 + 交互增强",{"type":15,"tag":26,"props":1422,"children":1423},{},[1424,1428],{"type":15,"tag":32,"props":1425,"children":1426},{},[1427],{"type":20,"value":331},{"type":20,"value":1429},"：基于 Code Lobster（AI 编程导师）的专业评审，修正工具信息错误，优化首页体验",{"type":15,"tag":22,"props":1431,"children":1432},{},[1433],{"type":15,"tag":26,"props":1434,"children":1435},{},[1436],{"type":20,"value":1437},"本轮迭代由 AI 编程导师 Code Lobster 从专业性和用户体验两个维度对站点进行全面审查后驱动。",{"type":15,"tag":335,"props":1439,"children":1441},{"id":1440},"_1-工具信息核实与修正关键修复",[1442],{"type":20,"value":1443},"1. 工具信息核实与修正（关键修复）",{"type":15,"tag":26,"props":1445,"children":1446},{},[1447,1451],{"type":15,"tag":32,"props":1448,"children":1449},{},[1450],{"type":20,"value":1066},{"type":20,"value":1452},"：3 款工具信息存在事实错误，可能误导用户。",{"type":15,"tag":26,"props":1454,"children":1455},{},[1456],{"type":20,"value":1457},"通过逐一访问各工具官网进行核实：",{"type":15,"tag":46,"props":1459,"children":1460},{},[1461,1487],{"type":15,"tag":50,"props":1462,"children":1463},{},[1464],{"type":15,"tag":54,"props":1465,"children":1466},{},[1467,1472,1477,1482],{"type":15,"tag":58,"props":1468,"children":1469},{},[1470],{"type":20,"value":1471},"工具",{"type":15,"tag":58,"props":1473,"children":1474},{},[1475],{"type":20,"value":1476},"错误信息",{"type":15,"tag":58,"props":1478,"children":1479},{},[1480],{"type":20,"value":1481},"核实结果",{"type":15,"tag":58,"props":1483,"children":1484},{},[1485],{"type":20,"value":1486},"来源",{"type":15,"tag":69,"props":1488,"children":1489},{},[1490,1525,1560],{"type":15,"tag":54,"props":1491,"children":1492},{},[1493,1498,1503,1515],{"type":15,"tag":76,"props":1494,"children":1495},{},[1496],{"type":20,"value":1497},"Codex",{"type":15,"tag":76,"props":1499,"children":1500},{},[1501],{"type":20,"value":1502},"标注为\"GPT-5\"",{"type":15,"tag":76,"props":1504,"children":1505},{},[1506,1508,1513],{"type":20,"value":1507},"实际使用 ",{"type":15,"tag":32,"props":1509,"children":1510},{},[1511],{"type":20,"value":1512},"codex-1",{"type":20,"value":1514},"（基于 o3 优化的软件工程专用模型）",{"type":15,"tag":76,"props":1516,"children":1517},{},[1518],{"type":15,"tag":137,"props":1519,"children":1522},{"href":1520,"rel":1521},"https:\u002F\u002Fopenai.com\u002Findex\u002Fintroducing-codex\u002F",[141],[1523],{"type":20,"value":1524},"OpenAI 官方博客",{"type":15,"tag":54,"props":1526,"children":1527},{},[1528,1533,1538,1550],{"type":15,"tag":76,"props":1529,"children":1530},{},[1531],{"type":20,"value":1532},"Antigravity",{"type":15,"tag":76,"props":1534,"children":1535},{},[1536],{"type":20,"value":1537},"标注为\"开源社区\"产品",{"type":15,"tag":76,"props":1539,"children":1540},{},[1541,1543,1548],{"type":20,"value":1542},"实际是 ",{"type":15,"tag":32,"props":1544,"children":1545},{},[1546],{"type":20,"value":1547},"Google",{"type":20,"value":1549}," 产品，2025年11月随 Gemini 3.0 发布",{"type":15,"tag":76,"props":1551,"children":1552},{},[1553],{"type":15,"tag":137,"props":1554,"children":1557},{"href":1555,"rel":1556},"https:\u002F\u002Fblog.csdn.net\u002Fu014695938\u002Farticle\u002Fdetails\u002F155101528",[141],[1558],{"type":20,"value":1559},"CSDN \u002F 博客园报道",{"type":15,"tag":54,"props":1561,"children":1562},{},[1563,1568,1573,1584],{"type":15,"tag":76,"props":1564,"children":1565},{},[1566],{"type":20,"value":1567},"Qoder",{"type":15,"tag":76,"props":1569,"children":1570},{},[1571],{"type":20,"value":1572},"标注为\"字节跳动\"产品",{"type":15,"tag":76,"props":1574,"children":1575},{},[1576,1577,1582],{"type":20,"value":1542},{"type":15,"tag":32,"props":1578,"children":1579},{},[1580],{"type":20,"value":1581},"阿里巴巴",{"type":20,"value":1583}," 产品",{"type":15,"tag":76,"props":1585,"children":1586},{},[1587],{"type":15,"tag":137,"props":1588,"children":1591},{"href":1589,"rel":1590},"https:\u002F\u002Fxie.infoq.cn\u002Farticle\u002F40be5a321787e2cfcb78ba18b",[141],[1592],{"type":20,"value":1593},"InfoQ \u002F 下载之家",{"type":15,"tag":26,"props":1595,"children":1596},{},[1597,1599,1605,1607,1613],{"type":20,"value":1598},"同步更新了 ",{"type":15,"tag":463,"props":1600,"children":1602},{"className":1601},[],[1603],{"type":20,"value":1604},"composables\u002FuseToolsData.ts",{"type":20,"value":1606}," 中的数据和 ",{"type":15,"tag":463,"props":1608,"children":1610},{"className":1609},[],[1611],{"type":20,"value":1612},"content\u002Ftools\u002F",{"type":20,"value":1614}," 下的 Markdown 文件。",{"type":15,"tag":335,"props":1616,"children":1618},{"id":1617},"_2-windsurf-信息补充",[1619],{"type":20,"value":1620},"2. Windsurf 信息补充",{"type":15,"tag":26,"props":1622,"children":1623},{},[1624,1626,1633,1635,1640,1642,1647],{"type":20,"value":1625},"根据 ",{"type":15,"tag":137,"props":1627,"children":1630},{"href":1628,"rel":1629},"https:\u002F\u002Fwindsurf.com",[141],[1631],{"type":20,"value":1632},"windsurf.com",{"type":20,"value":1634}," 官网，补充了 ",{"type":15,"tag":32,"props":1636,"children":1637},{},[1638],{"type":20,"value":1639},"Devin 云端智能体集成",{"type":20,"value":1641}," 和 ",{"type":15,"tag":32,"props":1643,"children":1644},{},[1645],{"type":20,"value":1646},"Agent Command Center",{"type":20,"value":1648}," 等新功能描述。",{"type":15,"tag":335,"props":1650,"children":1652},{"id":1651},"_3-首页信息密度优化",[1653],{"type":20,"value":1654},"3. 首页信息密度优化",{"type":15,"tag":26,"props":1656,"children":1657},{},[1658,1662],{"type":15,"tag":32,"props":1659,"children":1660},{},[1661],{"type":20,"value":1066},{"type":20,"value":1663},"：首页 7 个模块全部展开，用户需要滚动很久才能看完，容易疲劳。",{"type":15,"tag":26,"props":1665,"children":1666},{},[1667,1671],{"type":15,"tag":32,"props":1668,"children":1669},{},[1670],{"type":20,"value":587},{"type":20,"value":1092},{"type":15,"tag":163,"props":1673,"children":1674},{},[1675,1691,1704,1709],{"type":15,"tag":167,"props":1676,"children":1677},{},[1678,1683,1684,1689],{"type":15,"tag":32,"props":1679,"children":1680},{},[1681],{"type":20,"value":1682},"发展历程",{"type":20,"value":1641},{"type":15,"tag":32,"props":1685,"children":1686},{},[1687],{"type":20,"value":1688},"四大编程范式",{"type":20,"value":1690}," 改为可折叠区块，默认收起",{"type":15,"tag":167,"props":1692,"children":1693},{},[1694,1696,1702],{"type":20,"value":1695},"使用 Vue ",{"type":15,"tag":463,"props":1697,"children":1699},{"className":1698},[],[1700],{"type":20,"value":1701},"\u003CTransition>",{"type":20,"value":1703}," 组件实现平滑展开\u002F收起动画",{"type":15,"tag":167,"props":1705,"children":1706},{},[1707],{"type":20,"value":1708},"CTA 区域精简 padding，减少滚动压力",{"type":15,"tag":167,"props":1710,"children":1711},{},[1712,1714,1720],{"type":20,"value":1713},"折叠状态通过 ",{"type":15,"tag":463,"props":1715,"children":1717},{"className":1716},[],[1718],{"type":20,"value":1719},"ref",{"type":20,"value":1721}," 控制，用户点击标题即可展开",{"type":15,"tag":1723,"props":1724,"children":1728},"pre",{"className":1725,"code":1726,"language":1727,"meta":7,"style":7},"language-vue shiki shiki-themes github-dark","\u003Cbutton @click=\"showTimeline = !showTimeline\">\n  \u003Ch2>发展历程\u003C\u002Fh2>\n  \u003Cspan :class=\"showTimeline ? 'rotate-180' : ''\">▼\u003C\u002Fspan>\n\u003C\u002Fbutton>\n\u003CTransition name=\"collapse\">\n  \u003Cdiv v-show=\"showTimeline\">...\u003C\u002Fdiv>\n\u003C\u002FTransition>\n","vue",[1729],{"type":15,"tag":463,"props":1730,"children":1731},{"__ignoreMap":7},[1732,1801,1810,1819,1836,1867,1876],{"type":15,"tag":1733,"props":1734,"children":1737},"span",{"class":1735,"line":1736},"line",1,[1738,1744,1750,1755,1761,1766,1772,1777,1782,1787,1792,1796],{"type":15,"tag":1733,"props":1739,"children":1741},{"style":1740},"--shiki-default:#E1E4E8",[1742],{"type":20,"value":1743},"\u003C",{"type":15,"tag":1733,"props":1745,"children":1747},{"style":1746},"--shiki-default:#85E89D",[1748],{"type":20,"value":1749},"button",{"type":15,"tag":1733,"props":1751,"children":1752},{"style":1740},[1753],{"type":20,"value":1754}," @",{"type":15,"tag":1733,"props":1756,"children":1758},{"style":1757},"--shiki-default:#B392F0",[1759],{"type":20,"value":1760},"click",{"type":15,"tag":1733,"props":1762,"children":1763},{"style":1740},[1764],{"type":20,"value":1765},"=",{"type":15,"tag":1733,"props":1767,"children":1769},{"style":1768},"--shiki-default:#9ECBFF",[1770],{"type":20,"value":1771},"\"",{"type":15,"tag":1733,"props":1773,"children":1774},{"style":1740},[1775],{"type":20,"value":1776},"showTimeline ",{"type":15,"tag":1733,"props":1778,"children":1780},{"style":1779},"--shiki-default:#F97583",[1781],{"type":20,"value":1765},{"type":15,"tag":1733,"props":1783,"children":1784},{"style":1779},[1785],{"type":20,"value":1786}," !",{"type":15,"tag":1733,"props":1788,"children":1789},{"style":1740},[1790],{"type":20,"value":1791},"showTimeline",{"type":15,"tag":1733,"props":1793,"children":1794},{"style":1768},[1795],{"type":20,"value":1771},{"type":15,"tag":1733,"props":1797,"children":1798},{"style":1740},[1799],{"type":20,"value":1800},">\n",{"type":15,"tag":1733,"props":1802,"children":1804},{"class":1735,"line":1803},2,[1805],{"type":15,"tag":1733,"props":1806,"children":1807},{"style":1740},[1808],{"type":20,"value":1809},"  \u003Ch2>发展历程\u003C\u002Fh2>\n",{"type":15,"tag":1733,"props":1811,"children":1813},{"class":1735,"line":1812},3,[1814],{"type":15,"tag":1733,"props":1815,"children":1816},{"style":1740},[1817],{"type":20,"value":1818},"  \u003Cspan :class=\"showTimeline ? 'rotate-180' : ''\">▼\u003C\u002Fspan>\n",{"type":15,"tag":1733,"props":1820,"children":1822},{"class":1735,"line":1821},4,[1823,1828,1832],{"type":15,"tag":1733,"props":1824,"children":1825},{"style":1740},[1826],{"type":20,"value":1827},"\u003C\u002F",{"type":15,"tag":1733,"props":1829,"children":1830},{"style":1746},[1831],{"type":20,"value":1749},{"type":15,"tag":1733,"props":1833,"children":1834},{"style":1740},[1835],{"type":20,"value":1800},{"type":15,"tag":1733,"props":1837,"children":1839},{"class":1735,"line":1838},5,[1840,1844,1849,1854,1858,1863],{"type":15,"tag":1733,"props":1841,"children":1842},{"style":1740},[1843],{"type":20,"value":1743},{"type":15,"tag":1733,"props":1845,"children":1846},{"style":1746},[1847],{"type":20,"value":1848},"Transition",{"type":15,"tag":1733,"props":1850,"children":1851},{"style":1757},[1852],{"type":20,"value":1853}," name",{"type":15,"tag":1733,"props":1855,"children":1856},{"style":1740},[1857],{"type":20,"value":1765},{"type":15,"tag":1733,"props":1859,"children":1860},{"style":1768},[1861],{"type":20,"value":1862},"\"collapse\"",{"type":15,"tag":1733,"props":1864,"children":1865},{"style":1740},[1866],{"type":20,"value":1800},{"type":15,"tag":1733,"props":1868,"children":1870},{"class":1735,"line":1869},6,[1871],{"type":15,"tag":1733,"props":1872,"children":1873},{"style":1740},[1874],{"type":20,"value":1875},"  \u003Cdiv v-show=\"showTimeline\">...\u003C\u002Fdiv>\n",{"type":15,"tag":1733,"props":1877,"children":1879},{"class":1735,"line":1878},7,[1880,1884,1888],{"type":15,"tag":1733,"props":1881,"children":1882},{"style":1740},[1883],{"type":20,"value":1827},{"type":15,"tag":1733,"props":1885,"children":1886},{"style":1746},[1887],{"type":20,"value":1848},{"type":15,"tag":1733,"props":1889,"children":1890},{"style":1740},[1891],{"type":20,"value":1800},{"type":15,"tag":335,"props":1893,"children":1895},{"id":1894},"_4-工具页交互增强",[1896],{"type":20,"value":1897},"4. 工具页交互增强",{"type":15,"tag":26,"props":1899,"children":1900},{},[1901,1905],{"type":15,"tag":32,"props":1902,"children":1903},{},[1904],{"type":20,"value":1066},{"type":20,"value":1906},"：能力光谱是静态的，工具卡片缺乏 hover 反馈。",{"type":15,"tag":26,"props":1908,"children":1909},{},[1910,1914],{"type":15,"tag":32,"props":1911,"children":1912},{},[1913],{"type":20,"value":587},{"type":20,"value":1092},{"type":15,"tag":163,"props":1916,"children":1917},{},[1918,1928,1948,1961],{"type":15,"tag":167,"props":1919,"children":1920},{},[1921,1926],{"type":15,"tag":32,"props":1922,"children":1923},{},[1924],{"type":20,"value":1925},"能力光谱可交互",{"type":20,"value":1927},"：点击工具高亮筛选，再次点击取消",{"type":15,"tag":167,"props":1929,"children":1930},{},[1931,1932,1938,1940,1946],{"type":20,"value":461},{"type":15,"tag":463,"props":1933,"children":1935},{"className":1934},[],[1936],{"type":20,"value":1937},"selectedId",{"type":20,"value":1939}," prop 和 ",{"type":15,"tag":463,"props":1941,"children":1943},{"className":1942},[],[1944],{"type":20,"value":1945},"@select",{"type":20,"value":1947}," 事件，光谱与卡片联动",{"type":15,"tag":167,"props":1949,"children":1950},{},[1951,1953,1959],{"type":20,"value":1952},"工具卡片 hover 动效：图标缩放（",{"type":15,"tag":463,"props":1954,"children":1956},{"className":1955},[],[1957],{"type":20,"value":1958},"scale-110",{"type":20,"value":1960},"）、能力条变高、阴影加深",{"type":15,"tag":167,"props":1962,"children":1963},{},[1964],{"type":20,"value":1965},"新增\"✕ 清除筛选\"按钮",{"type":15,"tag":335,"props":1967,"children":1969},{"id":1968},"_5-发展历程面包屑",[1970],{"type":20,"value":1971},"5. 发展历程面包屑",{"type":15,"tag":26,"props":1973,"children":1974},{},[1975,1979,1980,1986],{"type":15,"tag":32,"props":1976,"children":1977},{},[1978],{"type":20,"value":1066},{"type":20,"value":1092},{"type":15,"tag":463,"props":1981,"children":1983},{"className":1982},[],[1984],{"type":20,"value":1985},"\u002Fconcepts\u002Fhistory",{"type":20,"value":1987}," 页面缺少面包屑导航，用户无法快速返回上级。",{"type":15,"tag":26,"props":1989,"children":1990},{},[1991,1995,1997,2003,2005],{"type":15,"tag":32,"props":1992,"children":1993},{},[1994],{"type":20,"value":587},{"type":20,"value":1996},"：在页面顶部添加 ",{"type":15,"tag":463,"props":1998,"children":2000},{"className":1999},[],[2001],{"type":20,"value":2002},"\u003CBreadcrumb :items=\"breadcrumbItems\" \u002F>",{"type":20,"value":2004},"，路径：",{"type":15,"tag":463,"props":2006,"children":2008},{"className":2007},[],[2009],{"type":20,"value":2010},"首页 \u002F 概念入门 \u002F 发展历程",{"type":15,"tag":335,"props":2012,"children":2014},{"id":2013},"_6-搜索窗口布局修复",[2015],{"type":20,"value":2016},"6. 搜索窗口布局修复",{"type":15,"tag":26,"props":2018,"children":2019},{},[2020,2024,2026,2032],{"type":15,"tag":32,"props":2021,"children":2022},{},[2023],{"type":20,"value":1066},{"type":20,"value":2025},"：搜索触发按钮使用 ",{"type":15,"tag":463,"props":2027,"children":2029},{"className":2028},[],[2030],{"type":20,"value":2031},"position: fixed",{"type":20,"value":2033}," 直接钉在视口右上角，与导航栏的\"方法论\"文字重叠。",{"type":15,"tag":26,"props":2035,"children":2036},{},[2037,2042],{"type":15,"tag":32,"props":2038,"children":2039},{},[2040],{"type":20,"value":2041},"根因",{"type":20,"value":2043},"：按钮脱离了 NavBar 的 flex 布局流，导致位置计算错误。",{"type":15,"tag":26,"props":2045,"children":2046},{},[2047,2051],{"type":15,"tag":32,"props":2048,"children":2049},{},[2050],{"type":20,"value":587},{"type":20,"value":1092},{"type":15,"tag":163,"props":2053,"children":2054},{},[2055,2068,2079],{"type":15,"tag":167,"props":2056,"children":2057},{},[2058,2060,2066],{"type":20,"value":2059},"新建 ",{"type":15,"tag":463,"props":2061,"children":2063},{"className":2062},[],[2064],{"type":20,"value":2065},"SearchTrigger",{"type":20,"value":2067}," 组件，作为 NavBar 的 flex 子元素参与布局",{"type":15,"tag":167,"props":2069,"children":2070},{},[2071,2077],{"type":15,"tag":463,"props":2072,"children":2074},{"className":2073},[],[2075],{"type":20,"value":2076},"SearchModal",{"type":20,"value":2078}," 移除 fixed 定位的触发按钮",{"type":15,"tag":167,"props":2080,"children":2081},{},[2082,2084,2090],{"type":20,"value":2083},"两者通过 ",{"type":15,"tag":463,"props":2085,"children":2087},{"className":2086},[],[2088],{"type":20,"value":2089},"CustomEvent('open-search')",{"type":20,"value":2091}," 通信",{"type":15,"tag":310,"props":2093,"children":2094},{},[],{"type":15,"tag":40,"props":2096,"children":2098},{"id":2097},"踩坑记录",[2099],{"type":20,"value":2097},{"type":15,"tag":46,"props":2101,"children":2102},{},[2103,2123],{"type":15,"tag":50,"props":2104,"children":2105},{},[2106],{"type":15,"tag":54,"props":2107,"children":2108},{},[2109,2113,2118],{"type":15,"tag":58,"props":2110,"children":2111},{},[2112],{"type":20,"value":1066},{"type":15,"tag":58,"props":2114,"children":2115},{},[2116],{"type":20,"value":2117},"原因",{"type":15,"tag":58,"props":2119,"children":2120},{},[2121],{"type":20,"value":2122},"解决方案",{"type":15,"tag":69,"props":2124,"children":2125},{},[2126,2144,2180,2209,2233,2258,2301,2327,2345,2370],{"type":15,"tag":54,"props":2127,"children":2128},{},[2129,2134,2139],{"type":15,"tag":76,"props":2130,"children":2131},{},[2132],{"type":20,"value":2133},"AI 生成的工具有误",{"type":15,"tag":76,"props":2135,"children":2136},{},[2137],{"type":20,"value":2138},"Antigravity、Qoder 等工具信息无法核实",{"type":15,"tag":76,"props":2140,"children":2141},{},[2142],{"type":20,"value":2143},"在对比矩阵加免责声明，提醒以官网为准",{"type":15,"tag":54,"props":2145,"children":2146},{},[2147,2158,2169],{"type":15,"tag":76,"props":2148,"children":2149},{},[2150,2156],{"type":15,"tag":463,"props":2151,"children":2153},{"className":2152},[],[2154],{"type":20,"value":2155},"dist",{"type":20,"value":2157}," 符号链接被提交",{"type":15,"tag":76,"props":2159,"children":2160},{},[2161,2167],{"type":15,"tag":463,"props":2162,"children":2164},{"className":2163},[],[2165],{"type":20,"value":2166},"npm run generate",{"type":20,"value":2168}," 生成的 symlink",{"type":15,"tag":76,"props":2170,"children":2171},{},[2172,2174],{"type":20,"value":2173},"加入 ",{"type":15,"tag":463,"props":2175,"children":2177},{"className":2176},[],[2178],{"type":20,"value":2179},".gitignore",{"type":15,"tag":54,"props":2181,"children":2182},{},[2183,2188,2193],{"type":15,"tag":76,"props":2184,"children":2185},{},[2186],{"type":20,"value":2187},"移动端背景色不统一",{"type":15,"tag":76,"props":2189,"children":2190},{},[2191],{"type":20,"value":2192},"部分组件硬编码了旧颜色",{"type":15,"tag":76,"props":2194,"children":2195},{},[2196,2198,2203,2204],{"type":20,"value":2197},"全局搜索替换 ",{"type":15,"tag":463,"props":2199,"children":2201},{"className":2200},[],[2202],{"type":20,"value":622},{"type":20,"value":1242},{"type":15,"tag":463,"props":2205,"children":2207},{"className":2206},[],[2208],{"type":20,"value":631},{"type":15,"tag":54,"props":2210,"children":2211},{},[2212,2217,2222],{"type":15,"tag":76,"props":2213,"children":2214},{},[2215],{"type":20,"value":2216},"长页面无导航",{"type":15,"tag":76,"props":2218,"children":2219},{},[2220],{"type":20,"value":2221},"Nuxt Content 的 TOC 配置了但前端没渲染",{"type":15,"tag":76,"props":2223,"children":2224},{},[2225,2227],{"type":20,"value":2226},"自定义 PageToc 组件读取 ",{"type":15,"tag":463,"props":2228,"children":2230},{"className":2229},[],[2231],{"type":20,"value":2232},"doc.body.toc",{"type":15,"tag":54,"props":2234,"children":2235},{},[2236,2241,2253],{"type":15,"tag":76,"props":2237,"children":2238},{},[2239],{"type":20,"value":2240},"范式页箭头暗示递进",{"type":15,"tag":76,"props":2242,"children":2243},{},[2244,2246,2251],{"type":20,"value":2245},"用 ",{"type":15,"tag":463,"props":2247,"children":2249},{"className":2248},[],[2250],{"type":20,"value":1074},{"type":20,"value":2252}," 连接四个范式，隐含\"从低到高\"",{"type":15,"tag":76,"props":2254,"children":2255},{},[2256],{"type":20,"value":2257},"改为网格选择器 + 场景引导 + 常见误区板块",{"type":15,"tag":54,"props":2259,"children":2260},{},[2261,2266,2283],{"type":15,"tag":76,"props":2262,"children":2263},{},[2264],{"type":20,"value":2265},"浅色主题下相关推荐不可见",{"type":15,"tag":76,"props":2267,"children":2268},{},[2269,2274,2276,2281],{"type":15,"tag":463,"props":2270,"children":2272},{"className":2271},[],[2273],{"type":20,"value":1240},{"type":20,"value":2275}," + ",{"type":15,"tag":463,"props":2277,"children":2279},{"className":2278},[],[2280],{"type":20,"value":1256},{"type":20,"value":2282}," 对比度不够",{"type":15,"tag":76,"props":2284,"children":2285},{},[2286,2288,2293,2294,2299],{"type":20,"value":2287},"改为 ",{"type":15,"tag":463,"props":2289,"children":2291},{"className":2290},[],[2292],{"type":20,"value":1248},{"type":20,"value":2275},{"type":15,"tag":463,"props":2295,"children":2297},{"className":2296},[],[2298],{"type":20,"value":1263},{"type":20,"value":2300}," + 增加 emoji 引导",{"type":15,"tag":54,"props":2302,"children":2303},{},[2304,2309,2322],{"type":15,"tag":76,"props":2305,"children":2306},{},[2307],{"type":20,"value":2308},"移动端侧边栏不可用",{"type":15,"tag":76,"props":2310,"children":2311},{},[2312,2314,2320],{"type":20,"value":2313},"桌面端 ",{"type":15,"tag":463,"props":2315,"children":2317},{"className":2316},[],[2318],{"type":20,"value":2319},"fixed",{"type":20,"value":2321}," 侧边栏在小屏无入口",{"type":15,"tag":76,"props":2323,"children":2324},{},[2325],{"type":20,"value":2326},"新增浮动按钮 + 遮罩层 + 滑入动画",{"type":15,"tag":54,"props":2328,"children":2329},{},[2330,2335,2340],{"type":15,"tag":76,"props":2331,"children":2332},{},[2333],{"type":20,"value":2334},"3 款工具信息有误",{"type":15,"tag":76,"props":2336,"children":2337},{},[2338],{"type":20,"value":2339},"Codex\u002FAntigravity\u002FQoder 的厂商、模型标注错误",{"type":15,"tag":76,"props":2341,"children":2342},{},[2343],{"type":20,"value":2344},"逐一访问官网核实，更新数据源和内容文件",{"type":15,"tag":54,"props":2346,"children":2347},{},[2348,2353,2365],{"type":15,"tag":76,"props":2349,"children":2350},{},[2351],{"type":20,"value":2352},"搜索按钮与导航重叠",{"type":15,"tag":76,"props":2354,"children":2355},{},[2356,2358,2363],{"type":20,"value":2357},"搜索触发器用 ",{"type":15,"tag":463,"props":2359,"children":2361},{"className":2360},[],[2362],{"type":20,"value":2031},{"type":20,"value":2364}," 脱离布局流",{"type":15,"tag":76,"props":2366,"children":2367},{},[2368],{"type":20,"value":2369},"改为 NavBar flex 子元素 + CustomEvent 通信",{"type":15,"tag":54,"props":2371,"children":2372},{},[2373,2378,2383],{"type":15,"tag":76,"props":2374,"children":2375},{},[2376],{"type":20,"value":2377},"首页信息过载",{"type":15,"tag":76,"props":2379,"children":2380},{},[2381],{"type":20,"value":2382},"7 个模块全部展开，滚动疲劳",{"type":15,"tag":76,"props":2384,"children":2385},{},[2386],{"type":20,"value":2387},"发展历程\u002F范式改为可折叠区块，默认收起",{"type":15,"tag":40,"props":2389,"children":2391},{"id":2390},"经验总结",[2392],{"type":20,"value":2390},{"type":15,"tag":151,"props":2394,"children":2396},{"id":2395},"做对了什么",[2397],{"type":20,"value":2398},"✅ 做对了什么",{"type":15,"tag":163,"props":2400,"children":2401},{},[2402,2412,2422,2432,2442],{"type":15,"tag":167,"props":2403,"children":2404},{},[2405,2410],{"type":15,"tag":32,"props":2406,"children":2407},{},[2408],{"type":20,"value":2409},"Spec 先行",{"type":20,"value":2411},"：先写清楚每个页面的结构和内容需求，AI 生成的代码质量明显更高",{"type":15,"tag":167,"props":2413,"children":2414},{},[2415,2420],{"type":15,"tag":32,"props":2416,"children":2417},{},[2418],{"type":20,"value":2419},"渐进式生成",{"type":20,"value":2421},"：先搭框架再填内容，比一次性生成整个项目更可控",{"type":15,"tag":167,"props":2423,"children":2424},{},[2425,2430],{"type":15,"tag":32,"props":2426,"children":2427},{},[2428],{"type":20,"value":2429},"及时 Review",{"type":20,"value":2431},"：每生成一个模块就检查，避免问题累积",{"type":15,"tag":167,"props":2433,"children":2434},{},[2435,2440],{"type":15,"tag":32,"props":2436,"children":2437},{},[2438],{"type":20,"value":2439},"CSS 变量驱动",{"type":20,"value":2441},"：主题色通过 CSS 变量管理，提亮时只需改几行代码",{"type":15,"tag":167,"props":2443,"children":2444},{},[2445,2450],{"type":15,"tag":32,"props":2446,"children":2447},{},[2448],{"type":20,"value":2449},"组件化 TOC",{"type":20,"value":2451},"：目录导航做成通用组件，所有页面复用",{"type":15,"tag":151,"props":2453,"children":2455},{"id":2454},"️-注意什么",[2456],{"type":20,"value":2457},"⚠️ 注意什么",{"type":15,"tag":163,"props":2459,"children":2460},{},[2461,2466,2471,2476,2481,2491,2501],{"type":15,"tag":167,"props":2462,"children":2463},{},[2464],{"type":20,"value":2465},"AI 生成的内容需要事实核查（特别是工具定价、功能描述等）",{"type":15,"tag":167,"props":2467,"children":2468},{},[2469],{"type":20,"value":2470},"样式细节需要人工微调，AI 倾向于生成\"安全\"但不够有特色的设计",{"type":15,"tag":167,"props":2472,"children":2473},{},[2474],{"type":20,"value":2475},"Spec 越具体，AI 输出越可控；Spec 太模糊会导致反复返工",{"type":15,"tag":167,"props":2477,"children":2478},{},[2479],{"type":20,"value":2480},"长页面必须有导航，否则用户会迷路",{"type":15,"tag":167,"props":2482,"children":2483},{},[2484,2489],{"type":15,"tag":32,"props":2485,"children":2486},{},[2487],{"type":20,"value":2488},"信息架构的隐含假设要审视",{"type":20,"value":2490},"：箭头、数字、颜色都可能暗示不存在的递进关系",{"type":15,"tag":167,"props":2492,"children":2493},{},[2494,2499],{"type":15,"tag":32,"props":2495,"children":2496},{},[2497],{"type":20,"value":2498},"双主题必须同步测试",{"type":20,"value":2500},"：深色模式下完美的设计，浅色模式下可能完全不可见",{"type":15,"tag":167,"props":2502,"children":2503},{},[2504,2509],{"type":15,"tag":32,"props":2505,"children":2506},{},[2507],{"type":20,"value":2508},"移动端不是缩小版桌面端",{"type":20,"value":2510},"：需要独立的交互方案（浮动按钮、遮罩、动画）",{"type":15,"tag":151,"props":2512,"children":2514},{"id":2513},"给后来者的建议",[2515],{"type":20,"value":2516},"💡 给后来者的建议",{"type":15,"tag":2518,"props":2519,"children":2520},"ol",{},[2521,2531,2541,2551,2561],{"type":15,"tag":167,"props":2522,"children":2523},{},[2524,2529],{"type":15,"tag":32,"props":2525,"children":2526},{},[2527],{"type":20,"value":2528},"先写 Spec 再动手",{"type":20,"value":2530},"——哪怕只是几行描述，也比直接让 AI 写代码好",{"type":15,"tag":167,"props":2532,"children":2533},{},[2534,2539],{"type":15,"tag":32,"props":2535,"children":2536},{},[2537],{"type":20,"value":2538},"小步快跑",{"type":20,"value":2540},"——每次只让 AI 生成一个模块，验证通过再继续",{"type":15,"tag":167,"props":2542,"children":2543},{},[2544,2549],{"type":15,"tag":32,"props":2545,"children":2546},{},[2547],{"type":20,"value":2548},"保留 Spec 文档",{"type":20,"value":2550},"——它是你和 AI 之间的\"合同\"，也是未来维护的参考",{"type":15,"tag":167,"props":2552,"children":2553},{},[2554,2559],{"type":15,"tag":32,"props":2555,"children":2556},{},[2557],{"type":20,"value":2558},"CSS 变量是你的朋友",{"type":20,"value":2560},"——主题色、间距、阴影都用变量，后期调整省力",{"type":15,"tag":167,"props":2562,"children":2563},{},[2564,2569],{"type":15,"tag":32,"props":2565,"children":2566},{},[2567],{"type":20,"value":2568},"长页面要有 TOC",{"type":20,"value":2570},"——用户需要知道自己在哪、能去哪",{"type":15,"tag":310,"props":2572,"children":2573},{},[],{"type":15,"tag":22,"props":2575,"children":2576},{},[2577],{"type":15,"tag":26,"props":2578,"children":2579},{},[2580],{"type":20,"value":2581},"💡 本站即案例：你正在看的这个网站，本身就是 Spec 驱动开发的实践。从需求拆解到 Spec 编写，从 AI 生成到人工评审，从内容补齐到样式优化——每一步都在验证这套方法论的有效性。",{"type":15,"tag":2583,"props":2584,"children":2585},"style",{},[2586],{"type":20,"value":2587},"html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}",{"title":7,"searchDepth":1812,"depth":1812,"links":2589},[2590,2591,2597,2627,2628],{"id":42,"depth":1803,"text":42},{"id":147,"depth":1803,"text":147,"children":2592},[2593,2594,2595,2596],{"id":153,"depth":1812,"text":156},{"id":189,"depth":1812,"text":192},{"id":243,"depth":1812,"text":246},{"id":277,"depth":1812,"text":280},{"id":315,"depth":1803,"text":315,"children":2598},[2599,2606,2611,2619],{"id":320,"depth":1812,"text":323,"children":2600},[2601,2602,2603,2604,2605],{"id":337,"depth":1821,"text":340},{"id":394,"depth":1821,"text":397},{"id":453,"depth":1821,"text":456},{"id":473,"depth":1821,"text":476},{"id":502,"depth":1821,"text":505},{"id":550,"depth":1812,"text":553,"children":2607},[2608,2609,2610],{"id":565,"depth":1821,"text":568},{"id":796,"depth":1821,"text":799},{"id":835,"depth":1821,"text":838},{"id":867,"depth":1812,"text":870,"children":2612},[2613,2614,2615,2616,2617,2618],{"id":882,"depth":1821,"text":885},{"id":1055,"depth":1821,"text":1058},{"id":1185,"depth":1821,"text":1188},{"id":1268,"depth":1821,"text":1271},{"id":1323,"depth":1821,"text":1326},{"id":1403,"depth":1821,"text":1406},{"id":1417,"depth":1812,"text":1420,"children":2620},[2621,2622,2623,2624,2625,2626],{"id":1440,"depth":1821,"text":1443},{"id":1617,"depth":1821,"text":1620},{"id":1651,"depth":1821,"text":1654},{"id":1894,"depth":1821,"text":1897},{"id":1968,"depth":1821,"text":1971},{"id":2013,"depth":1821,"text":2016},{"id":2097,"depth":1803,"text":2097},{"id":2390,"depth":1803,"text":2390,"children":2629},[2630,2631,2632],{"id":2395,"depth":1812,"text":2398},{"id":2454,"depth":1812,"text":2457},{"id":2513,"depth":1812,"text":2516},"markdown","content:about:build-story.md","content","about\u002Fbuild-story.md","about\u002Fbuild-story","md",1777287373884]