你好，世界

很高兴你来到这里。这是一个用 Next.js 16 和 Tailwind v4 构建的个人博客，托管在 blog.shihao.top。

为什么写

写作是最好的学习方式 —— 写一篇能讲清楚的文章，比读十篇还有效。这里会陆续记录：

• 在学的技术：前端、后端、AI 工程
• 在做的项目：从原型到上线的踩坑日记
• 在想的事：阶段性思考、读书心得

视觉与交互

往下拉的时候，每篇文章卡片会错开淡入，而不是突然出现。这是用 motion 的 whileInView + staggerChildren 实现的：

<motion.div
  initial={{ opacity: 0, y: 24 }}
  whileInView={{ opacity: 1, y: 0 }}
  transition={{ duration: 0.6, ease: [0.22, 1, 0.36, 1] }}
/>

如果你的系统开启了"减少动效"（prefers-reduced-motion），动画会自动关闭 —— 这是基本的无障碍。

接下来

下一篇会聊聊这个博客是怎么搭起来的：从本地脚手架，到部署到独立服务器，再到 OpenVPN 与 443 端口的小冲突。