# anat

**Repository Path**: await29/anat

## Basic Information

- **Project Name**: anat
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-07-07
- **Last Updated**: 2025-07-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Apple Blog

一个严格遵循苹果设计规范的现代化博客系统，基于 React + TypeScript + Tailwind CSS 构建。

## ✨ 特性

- 🍎 **苹果设计风格** - 严格遵循 iOS Human Interface Guidelines
- 🌓 **深色模式** - 支持浅色/深色/跟随系统主题
- 📱 **响应式设计** - 完美适配移动端和桌面端
- ✍️ **Markdown 编辑器** - 实时预览、语法高亮、自动保存
- 🔍 **智能搜索** - 全文搜索和分类筛选
- 📊 **数据管理** - 导入导出、备份恢复
- ⚡ **现代技术栈** - React 18 + TypeScript + Vite

## 🚀 快速开始

### 安装依赖
```bash
npm install
```

### 启动开发服务器
```bash
npm run dev
```

### 构建生产版本
```bash
npm run build
```

### 代码检查
```bash
npm run lint
```

## 📁 项目结构

```
blog/
├── src/
│   ├── components/     # React 组件
│   │   ├── common/    # 通用组件
│   │   ├── layout/    # 布局组件
│   │   └── ui/        # 基础 UI 组件
│   ├── pages/         # 页面组件
│   │   ├── Home/      # 主页
│   │   ├── Article/   # 文章详情
│   │   ├── Editor/    # 文章编辑器
│   │   └── Settings/  # 用户设置
│   ├── interfaces/    # TypeScript 接口
│   ├── styles/        # 全局样式
│   └── ...
├── public/            # 静态资源
└── ...
```

## 🎨 设计系统

### 颜色系统
- **主色调**: iOS 蓝 (#007AFF)
- **辅助色**: 绿色、橙色、红色等 iOS 系统色
- **灰度**: 9 个层级的灰色系统

### 字体系统
- **主字体**: SF Pro Display/Text
- **代码字体**: SF Mono

### 圆角规范
- **小圆角**: 4px (按钮、输入框)
- **中圆角**: 8px (卡片)
- **大圆角**: 16px (模态框)

## 📖 功能介绍

### 主页
- 文章列表展示
- 实时搜索功能
- 分类筛选
- 响应式布局

### 文章详情
- Markdown 渲染
- 代码语法高亮
- 文章分享功能
- 相关文章推荐

### 文章编辑器
- 双栏实时预览
- 富文本工具栏
- 自动保存机制
- 文章元信息编辑

### 用户设置
- 个人资料管理
- 主题切换
- 数据导入导出
- 偏好设置

## 🛠️ 技术栈

- **前端框架**: React 18
- **类型系统**: TypeScript
- **构建工具**: Vite
- **样式框架**: Tailwind CSS
- **路由管理**: React Router
- **Markdown**: react-markdown + rehype-highlight
- **日期处理**: date-fns

## 📱 浏览器支持

- Chrome (推荐)
- Firefox
- Safari
- Edge

## 🤝 贡献

欢迎提交 Issue 和 Pull Request！

## 📄 许可证

MIT License

## 👨‍💻 开发者

基于 Claude Code 和 Serena 项目管理工具开发