<< 返回博客Next.js 15 - React 框架，App Router Three.js - 3D 图形渲染 Framer Motion - 流畅的动画效果 Tailwind CSS - 样式系统 持续更新技术文章 分享创业经验 开源更多工具和项目
·1 分钟阅读·Tech
构建 Quixotic.Monster：我的个人博客诞生记
记录我如何从零开始，使用 Next.js、Three.js 和 Framer Motion 构建这个充满创意的个人博客网站。
Next.jsThree.jsBlog
为什么要建这个博客？
作为一名全栈开发者和创业者，我一直想拥有一个属于自己的数字空间——不仅是展示项目的地方，更是记录思考、分享知识的平台。
技术选型
选择 Next.js 作为框架，是因为它在 SSR/SSG、SEO 和开发体验方面的出色表现。配合 Three.js 创建的 3D 视觉效果，让这个博客不仅仅是一个信息展示的地方，更是一个充满创意的数字体验。
核心技术栈
3D Hero 场景
首页的 3D 场景使用了 React Three Fiber，包含像素化落日天空、篝火余烬粒子和程序化山脉剪影。
设计理念
Quixotic 意味着理想主义——像堂吉诃德一样，追求看似不可能的目标。这正是我对技术和创业的态度：大胆尝试，不惧失败。
未来计划
感谢你的阅读，欢迎关注更多内容！