个人技术博客 + 工程作品集产品系统

面向个人开发者、技术博主及需要展示专业能力的技术从业者，解决技术文章、项目案例和个人工程经验分散，缺少统一展示与管理平台的问题。

项目以个人技术博客为基础，将技术文章管理、工程作品展示与个人技术介绍整合到同一网站。同时提供独立的内容管理后台，方便持续维护文章、分类和标签等内容，适用于个人技术网站、开发者作品集及轻量级内容门户等场景。

【网站前台】

1. 技术文章：支持文章列表、详情阅读、分类与标签浏览、分页展示等功能。
2. 工程作品集：展示个人开发项目，支持项目分类筛选、项目详情、技术栈、开发状态和实际界面截图展示。
3. 作品详情：介绍项目背景、核心功能、技术架构、工程实践及当前实现情况，支持截图放大查看。
4. 个人介绍：展示技术方向、开发能力、技术栈和工程实践经历。
5. 联系与交流：提供邮箱、微信等技术交流入口。
6. 响应式适配：支持桌面端及移动端访问，并配置页面 SEO 信息。

【内容管理后台】

基于 Vue 3 实现独立管理后台，支持博客文章、分类、标签等内容的维护和管理。文章内容通过后端 API 提供给前台展示。

【系统运行】

前后端分离，通过 Spring Boot API 提供数据服务，使用 MySQL 存储业务数据、Redis 支持缓存，采用 Docker Compose 和 Nginx 进行服务部署。

网站已部署至阿里云服务器并正常运行。

【本人职责】

个人独立完成系统方案设计、前后端开发、接口联调、作品集改造、测试验证及服务器部署，覆盖从需求分析到线上运行的完整开发流程。

【技术架构】

1. 网站前台：采用 Next.js、React、TypeScript 和 Tailwind CSS，实现文章浏览、项目展示、响应式布局和页面 SEO。
2. 管理后台：采用 Vue 3，实现文章、分类、标签等内容管理功能。
3. 后端服务：基于 Java、Spring Boot 提供业务 API，对接 MySQL 数据库及 Redis 缓存。
4. 系统部署：通过 Docker Compose 编排前端、后端、数据库、Redis 和 Nginx 等服务，使用 Nginx 统一处理 HTTPS、前端访问与 API 反向代理。

【工程实现与难点】

1. 在保留原有博客后端和数据结构的前提下，将网站升级为技术博客与工程作品集平台。
2. 处理 Next.js 服务端与浏览器端的 API 访问差异，实现前后端接口集成及异常降级。
3. 实现作品列表、项目详情、图片预览等功能，并完成桌面端和移动端适配。
4. 通过 TypeScript、Lint、生产构建及 Mock 接口测试验证主要功能。
5. 完成阿里云 Docker 部署、Nginx 配置及生产环境接口联调。

【实际成果】

网站已正式上线，主要页面、真实文章 API 和工程作品展示功能已完成线上验证。

项目体现了我在 React、Vue、Java 后端、数据库、前后端集成及 Linux 服务器部署方面的完整工程实践能力。