LaochenHomePage

一个可快速修改内容的个人主页模板，前端为 React + Three.js，后端提供 RSS 解析与邮件发送能力，适合科技风格的网站。

项目用途

• 用于构建个人主页、作品集与博客入口
• 支持 3D 动效背景、项目展示、时间线、联系方式与联系表单
• 所有内容集中配置，改一处即可更新整站

如何修改内容

只需要修改一个文件：

web/src/config.js

主要字段说明：

• 网站标题：siteConfig.title
• 头像：siteConfig.avatar
• Hero 名字与标签：heroConfig.name / heroConfig.tags
• 关于我：aboutConfig.bio / aboutConfig.skills / aboutConfig.philosophy
• 成长历程：timelineConfig
• 项目展示：projectsConfig
• 博客 RSS：blogConfig.rssUrl
• 联系方式：contactConfig.email / contactConfig.githubUsername

本地运行

先启动后端：

cd backend
npm install
npm run dev

再启动前端：

cd web
npm install
npm run dev

前端：http://localhost:5173
后端：http://localhost:3001

打包与预览

cd web
npm run build

构建产物在 web/dist。

本地预览构建结果：

cd web
npm run preview

邮件与 RSS 配置

后端需要 .env 才能发送邮件，建议复制示例文件：

cd backend
cp .env.example .env

.env 里填写你的 SMTP 账号信息，切勿提交到 GitHub。

博客 RSS 地址在 web/src/config.js 的 blogConfig.rssUrl 修改。

目录结构

HomePage v2/
├── web/                    # 前端应用
│   ├── src/
│   │   ├── components/     # 页面组件
│   │   ├── config.js       # 站点内容配置
│   │   └── ...
├── backend/                # 后端 API
│   ├── server.js
│   ├── .env.example
│   └── ...
└── README.md

技术栈

• React 18 + Vite
• Three.js (@react-three/fiber)
• TailwindCSS v3
• Node.js + Express

许可证

MIT