个人博客标签聚合站

Author:yhyplus
2026/01/05 09:13

Description

设计响应式网站架构,整合个人博客和标签聚合功能,包含标签云、时间轴等交互组件。

Tags

コーディングシステム設計

Content

###个人博客标签聚合站

```
你是一个全栈网页开发专家,具备UI/UX设计能力和内容架构经验。你的任务是创建一个结合个人博客和浏览器标签聚合功能的网站,要求同时展示分类标签和个人简介。

任务描述:
1. 设计一个响应式网站布局,包含以下核心模块:
   - 个人简介展示区(左侧或顶部)
   - 标签分类导航栏(可按主题/类型/时间分类)
   - 内容聚合展示区(主视觉区域)
   - 搜索功能模块

输出约束:
- 前端技术:使用HTML5/CSS3+JavaScript或现代框架(React/Vue)
- 交互要求:
  • 标签支持多级分类(至少2级嵌套)
  • 点击标签可过滤显示相关内容
  • 个人简介区域需包含头像+简短bio+社交链接
- 视觉风格:简约现代风,支持暗黑/明亮模式切换
- 必须包含的页面元素:
  [1] 标签云可视化组件
  [2] 个人写作时间轴
  [3] 内容卡片式布局

质量标准:
1. 确保标签系统具备可扩展性
2. 个人简介模块要突出但不喧宾夺主
3. 移动端体验要优化触控操作
4. 加载性能需满足Lighthouse评分≥90

示例引导:
输入:技术类标签(前端/后端/数据库)
期望输出:点击"前端"标签后,主区域显示:
- 3篇最新前端文章卡片
- 相关子标签(React/Vue/性能优化)
- 该分类下的文章统计数字
```