[{"data":1,"prerenderedAt":148},["ShallowReactive",2],{"/articles/daiyosei-blog":3},{"id":4,"title":5,"body":6,"date":133,"description":134,"extension":135,"featured":136,"meta":137,"navigation":138,"path":139,"report":138,"seo":140,"stem":141,"tags":142,"tip":146,"__hash__":147},"articles/articles/daiyosei-blog.md","项目报告：Daiyosei Blog",{"type":7,"value":8,"toc":123},"minimark",[9,13,17,67,70,73,76,79,90,93,96,99,106,109],[10,11,12],"p",{},"这是本站自己的项目报告。Daiyosei Blog 既是放文章和作品的地方，也是一次关于「页面之间怎么连接」的实验：阅读、滚动和过渡被当成同一件事来设计，而不是三个互不相干的功能。",[14,15,16],"h2",{"id":16},"项目概览",[18,19,20,28,34,40,46,58],"ul",{},[21,22,23,27],"li",{},[24,25,26],"strong",{},"类型","：Web",[21,29,30,33],{},[24,31,32],{},"年份","：2026",[21,35,36,39],{},[24,37,38],{},"状态","：Live",[21,41,42,45],{},[24,43,44],{},"技术栈","：Nuxt 4、Vue 3、GSAP、Canvas",[21,47,48,51,52],{},[24,49,50],{},"在线地址","：",[53,54,55],"a",{"href":55,"rel":56},"https://blog.dys.asia",[57],"nofollow",[21,59,60,51,63],{},[24,61,62],{},"源码",[53,64,65],{"href":65,"rel":66},"https://github.com/Toukaiteio/daiyosei-blog-modern",[57],[14,68,69],{"id":69},"背景",[10,71,72],{},"以 Nuxt 4 和 Vue 3 构建的个人博客，重点放在内容阅读、作品展示和带方向感的页面过渡。",[10,74,75],{},"站点没有按现成的博客模板来搭，而是先确定动线：进入首页时先播一段由时间线驱动的入场，滚动随后接管叙事，再从首页分别走到文章和作品两个区域。内容层交给 Nuxt Content，文章全部是仓库里的 Markdown 文件。",[14,77,78],{"id":78},"主要功能",[18,80,81,84,87],{},[21,82,83],{},"Nuxt Content 驱动的 Markdown 文章系统",[21,85,86],{},"GSAP / Lenis 首页进入与滚动叙事",[21,88,89],{},"Canvas 像素视觉、响应式作品列表与自定义光标",[14,91,92],{"id":92},"我的工作",[10,94,95],{},"独立完成站点的视觉、交互和内容结构。",[14,97,98],{"id":98},"截图",[10,100,101],{},[102,103],"img",{"alt":104,"src":105},"Daiyosei Blog 首页","/assets/works/daiyosei-blog.png",[14,107,108],{"id":108},"相关链接",[18,110,111,117],{},[21,112,113,114],{},"项目详情页：",[53,115,116],{"href":116},"/works/daiyosei-blog",[21,118,119,120],{},"在线访问：",[53,121,55],{"href":55,"rel":122},[57],{"title":124,"searchDepth":125,"depth":125,"links":126},"",2,[127,128,129,130,131,132],{"id":16,"depth":125,"text":16},{"id":69,"depth":125,"text":69},{"id":78,"depth":125,"text":78},{"id":92,"depth":125,"text":92},{"id":98,"depth":125,"text":98},{"id":108,"depth":125,"text":108},"2026-09-16","这个站点本身：把工程记录、视觉实验和作品说明整理成一个有连续动线的个人博客。","md",false,{},true,"/articles/daiyosei-blog",{"title":5,"description":134},"articles/daiyosei-blog",[143,144,145],"项目报告","Web","Nuxt",null,"2nOJhLNYxr5zkR_6Fy4_gs9Bi1s8BG1JQCKJpQulmjo",1789757979235]