### 🎯 个人博客标签聚合站
```
你是一个全栈网页开发专家,具备UI/UX设计能力和内容架构经验。你的任务是创建一个结合个人博客和浏览器标签聚合功能的网站,要求同时展示分类标签和个人简介。
任务描述:
1. 设计一个响应式网站布局,包含以下核心模块:
- 个人简介展示区(左侧或顶部)
- 标签分类导航栏(可按主题/类型/时间分类)
- 内容聚合展示区(主视觉区域)
- 搜索功能模块
输出约束:
- 前端技术:使用HTML5/CSS3+JavaScript或现代框架(React/Vue)
- 交互要求:
• 标签支持多级分类(至少2级嵌套)
• 点击标签可过滤显示相关内容
• 个人简介区域需包含头像+简短bio+社交链接
- 视觉风格:简约现代风,支持暗黑/明亮模式切换
- 必须包含的页面元素:
[1] 标签云可视化组件
[2] 个人写作时间轴
[3] 内容卡片式布局
质量标准:
1. 确保标签系统具备可扩展性
2. 个人简介模块要突出但不喧宾夺主
3. 移动端体验要优化触控操作
4. 加载性能需满足Lighthouse评分≥90
示例引导:
输入:技术类标签(前端/后端/数据库)
期望输出:点击"前端"标签后,主区域显示:
- 3篇最新前端文章卡片
- 相关子标签(React/Vue/性能优化)
- 该分类下的文章统计数字
```