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