Nuxt 4 + Vuetify 4 个人博客搭建记录

张萌萌博客使用 Nuxt 4、Vuetify 4 与 Content 3 构建。目标不是堆叠功能，而是建立一套清晰、稳定、适合长期写作的内容系统。

内容优先

文章保存在 content/blog 目录，以 Markdown 维护。Frontmatter 提供标题、摘要、日期、置顶状态、标签和分类，页面只负责查询与展示。

服务端主题

主题选择写入 Cookie。服务端渲染时直接读取同一份值，让刷新后的首屏颜色与客户端一致，避免暗色模式下短暂出现亮色页面。

页面结构

• 首页保留完整视口的主视觉。
• 正文区域使用固定分组导航。
• 移动端将侧栏转换为抽屉。
• 文章页保持更窄的阅读宽度。

这套结构会继续作为后续文章、动态和相册功能的基础。