所作，所为

DanZai233 的个人作品集网站

简介

一个简约优雅的个人主页，展示开源项目与奇思妙想。使用 React + TypeScript + Tailwind CSS 构建，采用现代化设计风格。

技术栈

• 前端框架: React 19
• 开发语言: TypeScript
• 构建工具: Vite 6
• 样式方案: Tailwind CSS v4
• 动画库: Motion (Framer Motion)
• 图标库: Lucide React
• 字体: Google Fonts (Noto Serif SC)

快速开始

安装依赖

npm install

运行开发服务器

npm run dev

访问 http://localhost:3000

构建生产版本

npm run build

预览生产构建

npm run preview

项目结构

├── src/
│   ├── components/       # 可复用组件
│   │   ├── ParticleBackground.tsx
│   │   └── ProjectCard.tsx
│   ├── App.tsx           # 主应用组件
│   ├── main.tsx          # 应用入口
│   └── index.css         # 全局样式
├── index.html
├── package.json
├── tsconfig.json
└── vite.config.ts

项目展示

网站展示了以下开源项目：

• MYGallery: 个人照片墙系统
• Aim Trainer Pro (AIMBOT): 瞄准训练器
• MoodCard: 心情卡片记录工具
• Chromatopoetry: 色彩与诗歌艺术
• Toiletime: 碎片时间管理工具
• NewsChronicle-AI: AI 新闻纪事本
• PixelBead: 像素拼豆生成器
• Record-ME: 轻量级记录工具

相关链接

• GitHub
• Blog

许可证

MIT License