一个监听器，取代每个按钮一个客户端组件
当你给一个组件加上点击埋点的那一刻，它就变成了一个会下发 JavaScript 的客户端组件。在整个站点上重复这么做，光是埋点就会让你的打包体积膨胀。本文要讲的是另一种方案——它其实一直就躺在平台里：一个委托监听器、声明式的 data 属性，以及始终保持纯服务端渲染 HTML 的组件。
零 JavaScript 的丝滑手风琴
要做一个手风琴，大家都会习惯性地用上 React state 和一个测量高度的 hook。可浏览器早就内置了一个原生的——而且从 2024 年起，它已经能用纯 CSS 实现展开和收起的动画。本文讲透整套技法：details[name]、::details-content、interpolate-size，以及那个让收起也能有动画的关键属性。
在第三方值刚落地 window 的那一刻就捕获它
一个你无法控制的脚本,会在你无法预测的时间点,把结果写入 window 上的全局变量。大多数代码要么用 timeout 跟它赛跑,要么用轮询白白消耗主线程。本文介绍一个 accessor property(访问器属性)技巧,把这次写入变成一个事件——还会讲到你绝不能遗漏的 getter,以及如何彻底替换这个值。
用纯 CSS 让文本适配容器 — 无需 JavaScript
人人都在写一个 JavaScript hook，通过缩小 font-size 让文本塞进容器。这里有一个完全可用、零 JS 的替代方案，使用容器查询单位、clamp() 和按语言的连字符断词 — 包括让很多人放弃的层叠陷阱。
next/dynamic 救不了你：为什么 CMS 驱动的 Next.js 页面会把每个 chunk 都发出去
我们那些 CMS 驱动的 Next.js 页面，在每一个路由上都发出了全部约 100 个 section 组件——尽管我们用的是教科书级别的 next/dynamic。我们把 bundler 层面的每一种修法（直接 import()、拆分文件、Turbopack 配置、webpack splitChunks）都试遍了，才找到真正的原因：可达性，而非 chunk 拆分。构建期代码生成加上 rewrites 把 first-load JS 削减了 53%。
把我的 Miro boards 搬到 Obsidian
Miro 的 Export 按钮只给你 PNG 或 PDF —— 那是数据的照片，不是数据本身。如果你的 boards 是积累多年的 load-bearing 思维地图，它们应该住在 Obsidian 里：editable、searchable、放在本地 vault。我如何通过 REST API 把 boards 从 Miro 里拽出来，转成 Excalidraw / Obsidian Canvas —— 保留位置、颜色、字体、curved connectors、mindmap nodes —— 这件事的教训其实比 Miro 大得多：任何 SaaS 都应该在你第一次打开之前就先想好 exit plan。
CRAFT：一套用 AI 提升效率而不丧失核心能力的方法
没有解药的诊断只是焦虑。继那篇关于 AI 导致技能退化的文章之后，这里给出处方：CRAFT——五条原则（Challenge First、Review Adversarially、Ask Why Not What、Friction on Purpose、Test Your Understanding），共同服从一个公理：AI 做你已经掌握的事，你做你仍在学习的事。一套实用、易记的方法，让你每天与 AI 协作，却不在不知不觉中失去真正的能力。
被 AI 关掉的那份寂静
有了 AI，还值得学编程吗？喧嚣的两种回答两边都错。在 2025–2026 的证据基础上（Nature、Anthropic、AI & Society），问题不是"用不用 AI"，而是哪些技能交给 AI、哪些留在自己手里 —— 真正变了的只有一件事：以前现实会用摩擦逼你学，AI 悄悄把这股压力关掉了。
Claude Code 多配置文件,v2:干净的 XDG 架构
用了一个月旧的别名方案后,我把自己的 Claude Code 多配置文件 setup 重做成了 XDG 兼容的结构,放在 ~/.config/claude-profiles/ 下。真正的原因不是为了整洁——而是发现 ~/.claude.json 是 home 根目录下一个独立的文件,通过 --scope user 添加的 MCP 服务器一直悄悄地住在那里。
如何编写不会对你撒谎的 Claude Code Agent
构建可靠 Claude Code agent pipeline 的两条规则：每个 agent 只做一件事，以及凡涉及定量答案的地方一律用 shell 命令代替 prompt。
在一台设备上运行多个 Claude Code 账号
如何并行使用两个（或更多）Claude Code 账号——个人和企业——通过单个环境变量实现完全隔离。
如何将 Claude Desktop 连接到 Obsidian——穿越 4 个 MCP 服务器的旅程
一个关于寻找通过 Claude 自动化 Obsidian vault 重构的稳定方式的真实故事。什么坏了，什么有效，以及为什么 VaultForge 是唯一可行的选择。
黑洞作为递归宇宙：从物理学到存在的意义
如果每个黑洞都是一个新宇宙的大爆炸呢？探索递归宇宙学、霍金辐射、认知闭合以及宇宙为何可能被设计来促进自我完善。
AI 杀死了 CMS — 至少对简单网站而言
为什么传统内容管理系统对作品集、博客和着陆页变得不再必要 — 以及AI工具如何用自然语言替代整个CMS层。
如何通过 MCP 将 Perplexity AI 连接到 Obsidian——直接从聊天中记笔记
设置 Perplexity Desktop 使用 MCP filesystem 服务器读写您的 Obsidian vault。在一次对话中搜索网络并保存到笔记。
使用 Claude Code CLI 和 Obsidian 的每日 AI 新闻摘要——零依赖
如何用6行bash脚本、Claude Code headless模式和macOS launchd构建每日新闻研究代理。
Next.js 暗色模式：无闪烁、无 React 19 警告
如何用 Zustand + useServerInsertedHTML 替换 next-themes，在 Next.js 15+ 中实现无闪烁暗色模式。
我如何用一个文档不全的 Turbopack 功能消除了 Next.js 16 中的 94 个渲染阻塞 CSS 文件
经过数天尝试每种方法——从 experimental.inlineCss 到 MutationObserver hack——我发现了 Turbopack Import Attributes，它解决了 Next.js App Router 中的渲染阻塞 CSS 问题。
Next.js 内存泄漏：Fetch + Standalone 模式——2年未修复
Next.js 修补全局 fetch 并添加一个在每次请求时泄漏内存的缓存层。在 Docker/K8s 中，这会导致每隔几小时发生 OOM 崩溃。该 bug 自 Next.js 14 以来就存在，在 16.2.x 中仍未解决。