这是本站自己的项目报告。Daiyosei Blog 既是放文章和作品的地方,也是一次关于「页面之间怎么连接」的实验:阅读、滚动和过渡被当成同一件事来设计,而不是三个互不相干的功能。

项目概览

背景

以 Nuxt 4 和 Vue 3 构建的个人博客,重点放在内容阅读、作品展示和带方向感的页面过渡。

站点没有按现成的博客模板来搭,而是先确定动线:进入首页时先播一段由时间线驱动的入场,滚动随后接管叙事,再从首页分别走到文章和作品两个区域。内容层交给 Nuxt Content,文章全部是仓库里的 Markdown 文件。

主要功能

  • Nuxt Content 驱动的 Markdown 文章系统
  • GSAP / Lenis 首页进入与滚动叙事
  • Canvas 像素视觉、响应式作品列表与自定义光标

我的工作

独立完成站点的视觉、交互和内容结构。

截图

Daiyosei Blog 首页

相关链接