Nuxt 4 建立在 Vue 3 之上，提供了文件路由、布局系统、服务端渲染和自动导入这些能力。对于个人站来说，它最重要的价值不是"功能很多"，而是能把页面结构和工程边界先收清楚。

先抓住三个点

• 页面、布局、组件分别负责什么
• 数据应该放在页面、Pinia 还是独立工具里
• 哪些内容属于首屏必须拿到，哪些可以延后处理

为什么先看目录结构

一个 Nuxt 项目越往后写，越容易出现"逻辑都能跑，但目录越来越乱"的问题。目录结构一旦偏掉，页面和数据会互相渗透，后面再回头整理成本会很高。

先把结构搭对，后面的状态、样式和部署才不会越做越乱。

对这个博客项目来说，首页、关于页、博客页和详情页都属于明显不同的职责，所以从一开始就应该把它们放在清晰的页面层级里，而不是把所有逻辑堆在一个大组件中。