标签详情页面
标签详情页面
标签详情页面是查看某个标签及其所有关联资源的集中展示页面。进入该页面后,你可以直观地看到该标签关联了多少书签、笔记、文件和相关标签,并支持在卡片视图与关系图谱视图之间切换浏览。
🔗 访问地址:https://boluo66.top/tag/:id)
进入方式
轻笺中多处设有标签的快捷入口,访问标签有两种不同行为:
| 行为 | 操作方式 | 说明 |
|---|---|---|
| 按标签筛选 | 直接点击标签名称(文字区域) | 在当前页面按该标签筛选关联资源,不离开当前模块 |
| 进入标签详情 | 点击标签上的角落箭头图标 ↗ |
跳转到标签详情页面,集中查看该标签的所有关联内容 |
以下模块均支持上述两种访问方式:
- 首页书签卡片 — 鼠标悬停在标签上,点击标签文字筛选书签,点击角落图标进入详情
- 笔记库卡片/列表 — 笔记标签同样提供文字点击筛选和图标进入详情两种交互
- 云空间文件列表 — 点击文件上的标签直接进入标签详情页面
- 标签管理页 — 在标签列表右侧操作栏点击"详情"图标进入
- 工作台 — 在标签热度排行等区域点击标签进入详情
- 标签详情页内部 — 点击相关标签可继续跳转到其他标签的详情页
- 关系图谱 — 在标签详情页的图谱模式下双击标签节点或通过面板操作跳转
页面布局
标签头部
顶部展示标签的图标和名称,点击名称可快速跳转到标签编辑页面,修改标签信息。如果有相关标签,会在名称下方以标签 pill 的形式展示,点击可快速跳转。
统计卡片
四张统计卡片分别展示:相关标签数量、关联书签数量、关联笔记数量、关联文件数量,让你快速了解该标签的资源覆盖情况。
视图切换
页面提供两种浏览模式,可通过顶部的切换按钮自由切换:
| 视图 | 说明 |
|---|---|
| 卡片视图 | 按「相关标签 → 书签 → 笔记 → 文件」分区展示,每个资源以卡片或列表项呈现,点击书签卡片可直接打开链接,点击笔记可进入笔记详情,点击文件可预览 |
| 图谱视图 | 以当前标签为中心节点,以力导向图的方式直观展示标签与各类资源的关联关系,支持拖拽、缩放和节点交互 |
卡片视图详解
相关标签
展示与该标签建立了关联关系的其他标签,点击可跳转到对应标签的详情页面。通过标签之间的关联,可以形成主题网络,从一个知识点扩展到更多相关内容。
关联书签
展示所有标记了该标签的书签卡片,每张卡片显示网站图标、名称和描述,点击即可在新标签页中打开对应链接。卡片悬停时有视觉反馈。
关联笔记
展示所有标记了该标签的笔记条目,显示笔记标题、内容摘要(前120字)、关联的其他标签以及更新时间,点击可进入笔记详情页阅读完整内容。
关联文件
展示所有标记了该标签的文件(图片、文档、PDF、表格等),显示文件名称、大小、分类和上传时间,点击可唤起文件预览。
图谱视图详解
图谱视图是一种可视化探索标签关联关系的交互方式。在该模式下:
- 中心节点为当前查看的标签,以紫色圆点标记
- 关联标签以标签节点展示在周围,连线表示关联关系
- 关联资源(书签/笔记/文件)以各自的类型颜色展示为资源节点
- 支持通过右上角按钮切换是否显示资源节点,减少视觉干扰
- 点击节点可在右侧面板查看该节点的详细信息
- 双击标签节点可跳转到该标签的详情页面
- 双击资源节点可打开对应书签/笔记/文件
- 右侧面板提供"探索此标签"按钮,点击跳转到选中标签的详情页
💡 提示:标签详情是了解一个标签全貌的最佳入口。结合卡片视图的结构化浏览和图谱视图的可视化探索,可以更高效地管理和发现知识关联。