Files
argon-theme/.kiro/steering/settings-page-structure.md
nanhaoluo ff2aaba0de docs: 添加设置页优化规划文档
- settings-page-structure.md: 优化后的完整分类结构
- settings-reorganize-plan.md: 重组实施计划
- 这些文档用于指导优化过程
2026-01-22 14:33:44 +08:00

127 lines
4.7 KiB
Markdown

# Argon 主题设置页结构优化方案
## 优化后的分类结构
```
1. 基础设置 (section-basic)
├── 主题色 (subsection-theme-color)
├── 夜间模式 (subsection-dark-mode)
└── 子目录 (subsection-subdirectory)
2. 外观样式 (section-appearance)
├── 卡片样式 (subsection-card-style)
├── 字体 (subsection-font)
└── 动画效果 (subsection-animation)
3. 页面布局 (section-layout)
└── 整体布局 (subsection-page-layout)
4. 顶栏设置 (section-toolbar)
├── 基本设置 (subsection-toolbar-basic)
├── 顶栏标题 (subsection-toolbar-title)
├── 顶栏图标 (subsection-toolbar-icon)
├── 顶栏外观 (subsection-toolbar-appearance)
└── 自定义链接 (subsection-toolbar-links)
5. Banner 设置 (section-banner)
├── Banner 内容 (subsection-banner-content)
├── Banner 外观 (subsection-banner-appearance)
└── Banner 动画 (subsection-banner-animation)
6. 页面背景 (section-background)
├── 背景图片 (subsection-background-image)
└── 透明度与毛玻璃 (subsection-transparency)
7. 侧边栏 (section-sidebar)
├── 作者信息 (subsection-author-info)
├── 扩展功能 (subsection-sidebar-features)
└── 博客公告 (subsection-announcement)
8. 浮动按钮与页脚 (section-fab-footer)
├── 浮动操作按钮 (subsection-fab)
└── 页脚 (subsection-footer)
9. SEO 与性能 (section-seo-performance)
├── SEO (subsection-seo)
├── CDN 加速 (subsection-cdn)
└── 日期格式 (subsection-date-format)
10. 文章显示 (section-post-display)
├── Meta 信息 (subsection-post-meta)
├── 文章头图 (subsection-thumbnail)
├── 标题样式 (subsection-title-style)
└── 过时提示 (subsection-post-other)
11. 文章功能 (section-post-features)
├── AI 文章摘要 (subsection-ai-summary)
├── 脚注引用 (subsection-footnote)
├── 分享 (subsection-share)
├── 文章目录 (subsection-toc)
├── 赞赏 (subsection-donate)
├── 文末内容 (subsection-post-footer)
└── 相似推荐 (subsection-related-posts)
12. 特殊页面 (section-special-pages)
├── 搜索设置 (subsection-search)
├── 归档页面 (subsection-archive)
└── 友情链接 (subsection-friend-links)
13. 功能增强 (section-enhancements)
├── 代码高亮 (subsection-code-highlight)
├── 数学公式 (subsection-math)
├── Lazyload (subsection-lazyload)
├── 图片放大 (subsection-lightbox)
└── Pangu.js (subsection-pangu)
14. 高级设置 (section-advanced)
├── 自定义脚本 (subsection-scripts)
└── 杂项 (subsection-misc)
15. 评论设置 (section-comment)
├── 评论分页 (subsection-comment-pagination)
├── 发送评论 (subsection-comment-submit)
├── 评论功能 (subsection-comment-features)
├── AI 垃圾评论识别 (subsection-comment-spam-detection)
└── 评论区外观 (subsection-comment-appearance)
16. 验证码与安全 (section-security)
├── 验证码设置 (subsection-captcha)
├── 场景验证码 (subsection-captcha-scenes)
├── 反馈设置 (subsection-feedback)
└── 速率限制 (subsection-rate-limit)
```
## 主要优化点
### 1. 结构调整
- **拆分"高级设置"**:将 SEO、CDN、日期格式独立为"SEO 与性能"分类
- **优化"特殊页面"**:将搜索设置提前,更符合使用频率
- **细化"验证码与安全"**:增加反馈设置子分类
- **完善"评论设置"**:增加 AI 垃圾评论识别子分类
### 2. 命名优化
- "各场景验证码" → "场景验证码"(更简洁)
- "标题" → "顶栏标题"(更明确)
- "文章内标题样式" → "标题样式"(更简洁)
- "左侧栏文章目录" → "文章目录"(更简洁)
- "文末附加内容" → "文末内容"(更简洁)
- "文章头图 (特色图片)" → "文章头图"(更简洁)
- "其他" → "过时提示"(更明确)
- "归档外观" → 合并到"归档页面"
- "归档配置" → 合并到"归档页面"
- "CDN" → "CDN 加速"(更明确)
### 3. 逻辑优化
- 将"子目录"从原"高级设置"移到"基础设置"
- 将"动画效果"从"功能增强"移到"外观样式"
- 将"日期格式"从原位置移到"SEO 与性能"
- 将"自定义脚本"保留在"高级设置"
- 新增"评论区外观"子分类
## 实施说明
1. 保持所有设置项的 ID 不变,确保兼容性
2. 只调整分类标题和层级结构
3. 优化后的结构更符合用户使用习惯
4. 减少了重复和冗余的分类