feat: add cursor rules

Author: JackWang032

.cursor/rules/01-project-structure.mdc

@@ -0,0 +1,24 @@
+---
+description: 
+globs: 
+alwaysApply: true
+---
+# 项目结构概述
+
+这是一个基于 React 和 Vite 构建的个人博客项目。
+
+## 主要文件结构
+
+- **入口文件**：[src/main.tsx](mdc:src/main.tsx) 是应用程序的入口点
+- **应用组件**：[src/App.tsx](mdc:src/App.tsx) 定义了应用的主要路由和布局
+- **主题提供者**：[src/ThemeProvider.tsx](mdc:src/ThemeProvider.tsx) 提供了主题控制功能
+
+## 主要目录结构
+
+- **src/views/**: 包含主要页面组件
+- **src/components/**: 包含可复用的UI组件
+- **src/hooks/**: 自定义React hooks
+- **src/utils/**: 工具函数和辅助方法
+- **src/md-theme/**: Markdown主题相关功能
+- **public/**: 静态资源文件
+- **dist/**: 构建输出目录

.cursor/rules/02-component-patterns.mdc

@@ -0,0 +1,25 @@
+---
+description: 
+globs: 
+alwaysApply: true
+---
+# React组件模式
+
+本项目使用React函数组件和箭头函数语法。
+
+## 组件示例
+
+典型组件示例：[src/components/Layout.tsx](mdc:src/components/Layout.tsx)
+
+## 组件规范
+
+- 使用箭头函数定义组件
+- 使用TypeScript进行类型定义
+- 使用TailwindCSS进行样式处理
+- UI组件基于shadcn/ui库
+
+## 主要页面
+
+- 博客列表：[src/views/BlogList.tsx](mdc:src/views/BlogList.tsx)
+- 博客文章：[src/views/BlogPost.tsx](mdc:src/views/BlogPost.tsx)
+- 笔记：[src/views/Notes.tsx](mdc:src/views/Notes.tsx)

.cursor/rules/03-tech-stack.mdc

@@ -0,0 +1,37 @@
+---
+description: 
+globs: 
+alwaysApply: true
+---
+# 技术栈
+
+本项目使用的主要技术栈包括：
+
+## 前端框架
+
+- **React**：使用React 18作为前端框架
+- **React Router**：使用React Router v7进行路由管理
+- **TypeScript**：项目全面使用TypeScript
+
+## 构建工具
+
+- **Vite**：使用Vite作为构建工具
+- **PNPM**：使用PNPM作为包管理器
+
+## UI和样式
+
+- **TailwindCSS**：使用TailwindCSS进行样式管理
+- **shadcn/ui**：使用shadcn组件库
+- **SCSS**：部分样式使用SCSS
+
+## Markdown处理
+
+- **react-markdown**：渲染Markdown内容
+- **rehype-raw**：支持原始HTML内容
+- **remark-gfm**：支持GitHub风格的Markdown
+- **shiki**：代码语法高亮
+
+## 数据管理
+
+- **SWR**：用于数据获取和缓存
+- **IndexedDB (idb)**：用于客户端数据存储

.cursor/rules/04-code-conventions.mdc

@@ -0,0 +1,45 @@
+---
+description: 
+globs: 
+alwaysApply: true
+---
+# 代码约定
+
+本项目遵循以下代码约定：
+
+## TypeScript
+
+- 使用显式类型声明
+- 避免使用`any`类型
+- 优先使用接口而不是类型别名
+- 使用类型断言时优先使用`as`语法
+
+## React组件
+
+- 使用箭头函数定义组件
+- 组件文件名和组件名保持一致
+- 将共享组件放在`src/components`目录下
+- 将页面级组件放在`src/views`目录下
+
+## 样式
+
+- 优先使用TailwindCSS类名
+- 复杂样式可以使用SCSS模块
+- 遵循移动优先的响应式设计原则
+
+## 工具函数
+
+- 通用工具函数放在`src/utils`目录下
+- 自定义钩子放在`src/hooks`目录下
+
+## 命名约定
+
+- 组件使用PascalCase命名
+- 函数和变量使用camelCase命名
+- 常量使用UPPER_SNAKE_CASE命名
+- 类型和接口使用PascalCase命名
+
+## 代码格式化
+
+- 使用Prettier进行代码格式化
+- 提交前使用Husky钩子自动格式化