组件方案建设

总结项目组件体系的设计原则与原语实现，聚焦 Headless 思路、原生 API 运用及可定制性实践。

• UI
• Primitives
• Headless

next.js 中 MDX 方案建设

记录在 Next.js 项目里建设 MDX 内容管线的动机、取舍与实践经验，解释为何选择纯 MDX 方案而非 CMS。

• MDX
• Next.js
• CMS

TOC 测试与示例文章

一篇专为平滑 TOC 验证准备的多层次示例文章，用于测试滚动高亮、锚点跳转与长内容表现。

平滑 TOC 方案详解

结合可运行示例讲解平滑 TOC 的目标、数据模型、滚动计算与动效实现，帮助你快速掌握核心思路。

TOC 深度对比：参考实现 vs Next.js + Velite 版本

对比 smooth-toc 示例与当前 Next.js + Velite + Jotai 的 TOC 实现，在架构、数据模型、可见性与动效上记录差异与优化。

当前 TOC 实现总览与优化建议

梳理当前项目的 TOC 架构、关键文件、数据流与算法细节，并列出布局样式和改进建议的关注点。

Rehype shiki 示例

演示 rehype-shiki 在项目中的代码高亮能力，涵盖标题、行号、行高亮与 diff 等常见配置，可用于肉眼检查样式与复制按钮。

理解 Primary、Secondary 与 Accent 色彩设计

梳理界面设计中 primary、secondary 与 accent 三类色彩的定位与协作方式，结合 Pastel Palette 实践总结配色策略。

• design
• color
• UI