项目报告:Daiyosei Blog
这是本站自己的项目报告。Daiyosei Blog 既是放文章和作品的地方,也是一次关于「页面之间怎么连接」的实验:阅读、滚动和过渡被当成同一件事来设计,而不是三个互不相干的功能。
项目概览
- 类型:Web
- 年份:2026
- 状态:Live
- 技术栈:Nuxt 4、Vue 3、GSAP、Canvas
- 在线地址:https://blog.dys.asia
- 源码:https://github.com/Toukaiteio/daiyosei-blog-modern
背景
以 Nuxt 4 和 Vue 3 构建的个人博客,重点放在内容阅读、作品展示和带方向感的页面过渡。
站点没有按现成的博客模板来搭,而是先确定动线:进入首页时先播一段由时间线驱动的入场,滚动随后接管叙事,再从首页分别走到文章和作品两个区域。内容层交给 Nuxt Content,文章全部是仓库里的 Markdown 文件。
主要功能
- Nuxt Content 驱动的 Markdown 文章系统
- GSAP / Lenis 首页进入与滚动叙事
- Canvas 像素视觉、响应式作品列表与自定义光标
我的工作
独立完成站点的视觉、交互和内容结构。
截图

相关链接
- 项目详情页:/works/daiyosei-blog
- 在线访问:https://blog.dys.asia