个人blog网站产品系统

立项原因：旨在解决开发者需要一个无论是部署还是维护都极致轻量、无需配置数据库的个人知识沉淀与展示平台的问题。
业务背景：本项目定位于个人技术博客场景。在技术日新月异的背景下，通过纯本地Markdown文件驱动内容展示，摒弃传统CMS繁重的后端依赖，为用户提供一个高性能、现代化美学设计且专注于阅读体验的Web应用，满足技术人员构建个人品牌的诉求。

功能模块：项目主要包含文章列表展示、文章详情渲染、分类与标签索引、全局深色模式切换、以及响应式导航栏和页脚模块。
主要功能描述：核心功能是基于文件系统的自动化内容发布，用户只需添加Markdown文件即可生成文章页面，支持解析Frontmatter元数据（如标题、日期、封面图）。系统利用Tailwind CSS 4实现了自适应的响应式布局，完美支持移动端与桌面端访问；集成Framer Motion实现了页面间丝滑的过渡动画与组件微交互，提供沉浸式的阅读体验。

“我”的任务：负责整个博客系统的前端架构设计与开发。具体任务包括：搭建基于Vite 6 + React 19的开发环境，封装可复用的UI组件（Header, ArticleCard等），实现Markdown到HTML的高效渲染逻辑，以及调试Tailwind CSS 4的样式配置以适配深色模式。
技术栈与亮点：项目采用了业界最新的React 19和Vite 6技术栈，配合TypeScript进行严格的类型检查。架构上的亮点在于**无后端（Serverless-like）**设计，完全基于静态文件读取，极大提升了加载速度与安全性。开发难点在于处理Markdown内容的动态路由生成，以及在保持极速性能的同时，实现复杂的Framer Motion转场动画效果。