小华的个人网站 🚀

访问地址：xiaohua.run

这是我的个人网站，展示我的技术能力、项目作品和学习资源。网站采用现代化的设计风格，提供良好的用户体验。

✨ 功能特性

🏠 主页

• 个人介绍：展示个人技术背景和职业经历
• 社交媒体：GitHub、抖音、小红书等平台链接
• 项目展示：个人开发的项目作品
• 课程资源：技术学习课程和教程

📝 博客系统

• 技术文章分享
• 学习心得记录
• 项目经验总结

🎯 在线工具

• AI算命工具：xiaohua.run/fate
• 英语听写平台：Listenly
• PDF转JPG图片：xiaohua.run/tools

📚 课程中心

• 《大前端面试指南》
• 《互联网职场生存指南》
• 《React & Node.js 全栈开发》
• AI应用开发

🛠️ 技术栈

前端技术

• 框架：Next.js 15.2.4 (App Router)
• 语言：TypeScript 5
• 样式：Tailwind CSS
• UI 组件：Radix UI

后端技术

• 数据库：PostgreSQL
• ORM：Prisma 6.17.1
• API：Next.js API Routes
• AI 服务：OpenAI API (Moonshot Kimi)

开发工具

• 包管理：pnpm
• 代码规范：ESLint
• 构建工具：Next.js 内置
• 部署平台：阿里云

特色功能

• 响应式设计：完美适配各种设备
• 暗色主题：支持明暗主题切换
• 性能优化：图片优化、字体优化
• SEO友好：服务端渲染，搜索引擎优化

🚀 快速开始

环境要求

• Node.js 18+
• pnpm (推荐) 或 npm

安装依赖

# 使用 pnpm (推荐)
pnpm install

# 或使用 npm
npm install

开发环境

# 启动开发服务器
pnpm dev

# 或
npm run dev

访问 http://localhost:3000 查看网站。

构建部署

# 构建生产版本
pnpm build

# 启动生产服务器
pnpm start

# 代码检查
pnpm lint

数据库管理（Prisma）

本项目使用 Prisma 作为 ORM 框架，连接 PostgreSQL 数据库。

环境配置

在项目根目录创建 .env 文件，配置数据库连接：

DATABASE_URL="postgresql://用户名@localhost:5432/数据库名?schema=public"

常用命令

# 生成 Prisma Client（修改 schema 后必须执行）
pnpm prisma generate

# 同步 schema 到数据库（开发环境推荐）
pnpm prisma db push

# 创建迁移文件（生产环境推荐）
pnpm prisma migrate dev --name 迁移名称

# 应用迁移到生产数据库
pnpm prisma migrate deploy

# 打开 Prisma Studio 可视化管理数据库
pnpm prisma studio

# 查看数据库状态
pnpm prisma migrate status

# 重置数据库（⚠️ 慎用，会删除所有数据）
pnpm prisma migrate reset

数据库表结构

• User：用户表（存储微信用户信息）
• Book：书籍表（存储图书信息）
• ReadingRecord：阅读记录表（打卡记录）
• ReadingProgress：阅读进度表（阅读进度追踪）

📁 项目结构

personal-website/
├── app/                    # Next.js App Router
│   ├── api/               # API 路由
│   │   ├── fate/          # 算命 API
│   │   └── reading/       # 阅读相关 API
│   ├── blog/              # 博客页面
│   ├── courses/           # 课程页面
│   ├── fate/              # AI算命工具
│   ├── tools/             # 在线工具页面
│   ├── components/        # 可复用组件
│   ├── lib/               # 工具库和配置
│   ├── globals.css        # 全局样式
│   ├── layout.tsx         # 根布局
│   └── page.tsx           # 首页
├── prisma/                # Prisma 数据库配置
│   └── schema.prisma      # 数据库模型定义
├── public/                # 静态资源
├── .env                   # 环境变量（需要配置）
├── next.config.ts         # Next.js 配置
├── tailwind.config.js     # Tailwind 配置
└── package.json           # 项目依赖

🌟 个人项目

Listenly - 在线英语听写平台

• 技术栈：React + Node.js + MongoDB
• 功能：英语单词和句子听写练习
• 地址：https://listenly.cn

AI智能算命

• 技术栈：Next.js + OpenAI API
• 功能：基于AI的算命服务
• 地址：https://xiaohua.run/fate

PDF转JPG

• 技术栈：Next.js
• 功能：PDF转JPG图片
• 地址：https://fate.xiaohua.run/tools

📞 联系方式

• 个人网站：https://xiaohua.run
• GitHub：https://github.com/pengxiaohua
• 抖音：https://www.douyin.com/user/xiaohua_up
• 小红书：https://www.xiaohongshu.com/user/profile/6102837a0000000001003d5a

📄 许可证

本项目采用 MIT 许可证 - 查看 LICENSE 文件了解详情。

🤝 贡献

欢迎提交 Issue 和 Pull Request！

---

关于我：全栈小华，拥有超过11年软件开发经验，先后在阿里巴巴、小米任职。热爱技术分享，致力于帮助更多人学习编程。

梦想：做一个纯粹的程序员，可以背着电脑，骑着车，在东湖边，吹着风，看着夕阳，听着音乐，累了找一家咖啡馆坐下来，打开电脑做自己感兴趣的项目。