## 📸 预览截图
### 登录界面
![mk97w55g.png](https://www.habits.top/usr/uploads/2026/01/1920647411_zip.png)

### PC 端样式
![mk97rmi6.png](https://www.habits.top/usr/uploads/2026/01/1672530538.png)

## 📝 插件简介

SimpleAdmin Pro 是一款功能强大的 Typecho 后台美化插件，在原版 SimpleAdmin 的基础上进行了深度优化和功能增强，特别是集成了全新的**数据可视化仪表盘**系统。

## 👥 作者信息

- **原作者**: [gogobody](https://github.com/gogobody) - 基于[小王先森](https://xwsir.cn)的后台插件修改
- **登录界面**: 泽泽站长（qqdie）
- **二开增强**: **Y.H.2HANG** - [www.habits.top](https://www.habits.top)
  - 深度集成数据可视化仪表盘
  - 优化布局与交互体验
  - 增强统计功能

## ✨ 核心特色

### 原版特性
1. ✅ **即插即用** - 无需修改任何核心文件
2. ✅ **安全可靠** - 不会破坏原有文件结构
3. ✅ **轻量级** - 纯 JS/CSS 实现，性能优异
4. ✅ **深色模式** - 支持 gogobody 原创的黑暗模式
5. ✅ **响应式设计** - 手机、PC 完美自适应
6. ✅ **简洁美观** - 界面设计简洁优雅

### Pro 增强功能 🚀

#### 1. 全新数据仪表盘
- **核心统计卡片** - 文章总数、创作字数、互动评论、建站天数
- **年度写作热力图** - GitHub 风格的创作活跃度可视化，支持多年份切换
- **内容分类占比** - 饼图展示各分类文章分布
- **发布频率波动** - 24小时发布时段趋势分析
- **实时数据列表** - 最新评论、最近文章、人气排行 Top 10

#### 2. 视觉优化
- **Indigo 主题色** - 专业的渐变配色方案
- **全屏布局** - 100% 宽度利用，信息密度更高
- **三层网格系统** - 统计层、图表层、列表层完美对齐
- **精致交互** - 平滑动画、悬停效果、阴影细节

#### 3. 技术亮点
- **ECharts 5.4.3** - 专业级数据可视化引擎
- **CSS Grid 布局** - 现代化响应式网格系统
- **动态数据加载** - 实时统计，无需刷新
- **历史数据回溯** - 支持查看往年创作数据

## 📦 安装步骤

### 1. 下载插件


### 2. 上传安装
1. 解压下载的文件
2. **重命名文件夹为 `SimpleAdmin`**（重要！）
3. 上传到 Typecho 的 `usr/plugins/` 目录
4. 登录 Typecho 后台
5. 进入 **控制台 → 插件 → 启用 SimpleAdmin**

### 3. 配置选项
启用后可在插件设置中配置：
- 登录页面背景风格（10+ 预设主题）
- 自定义背景图片
- 建站日期（用于统计建站天数）
- 侧边栏头像
- 自定义 CSS 样式

## 🔄 Pro 版本更新内容

### 数据统计增强
- ✅ 新增文章总数、创作字数统计
- ✅ 新增互动评论、建站天数统计
- ✅ 集成 ECharts 可视化引擎
- ✅ 实现年度写作热力图（支持历史年份切换）
- ✅ 实现内容分类占比饼图
- ✅ 实现 24 小时发布频率趋势图

### 布局优化
- ✅ 重构为三层网格系统（统计/图表/列表）
- ✅ 实现 100% 全屏宽度布局
- ✅ 统一卡片高度与间距
- ✅ 优化移动端响应式布局

### 交互体验
- ✅ 年份选择器 - Indigo 渐变风格
- ✅ 图表动画 - 平滑过渡效果
- ✅ 悬停反馈 - 微交互细节
- ✅ 数据实时加载 - 无需刷新

### UI 细节
- ✅ Indigo 主题色统一
- ✅ 圆角阴影优化
- ✅ 字体层级调整
- ✅ 图标与标签美化


## ⚠️ 注意事项

1. **文件夹命名**: 上传后必须重命名为 `SimpleAdmin`，否则无法启用
2. **PHP 版本**: 需要 PHP 7.0 及以上版本
3. **浏览器兼容**: 建议使用现代浏览器（Chrome、Firefox、Edge、Safari）
4. **数据统计**: 仪表盘数据基于现有文章和评论自动生成
5. **历史数据**: 年份选择器会自动识别有发布记录的年份

## 🔧 技术栈

- **后端**: PHP 7.0+, Typecho Plugin API
- **前端**: HTML5, CSS3, JavaScript ES6+
- **可视化**: ECharts 5.4.3
- **布局**: CSS Grid, Flexbox
- **字体**: Inter (Google Fonts)

## 📄 开源协议

本项目继承原项目的开源协议，遵循 MIT License。

## 🤝 贡献与反馈

如有问题或建议，欢迎通过以下方式联系：
- 原作者 GitHub: [gogobody/SimpleAdmin](https://github.com/gogobody/SimpleAdmin)
- 二开作者网站: [www.habits.top](https://www.habits.top)

**SimpleAdmin Pro** - 让 Typecho 后台管理更加优雅高效！ 🎉





