关系图谱

作者:Goosequill
3 分钟阅读 518 字

目录

  1. 它能做什么
  2. 如何使用
  3. 数据来源

Goosequill 内置关系图谱,用来展示文章、页面、标签和 Wiki 链接之间的关系。

当站点内容变多后,页面之间通常不只是按时间排列。关系图谱可以把相关页面放在同一张地图里,方便读者顺着上下文继续浏览。

如果是第一次配置 Goosequill,可以先阅读 快速开始

它能做什么

除了文章列表、分页和标签页,关系图谱还可以直接显示相邻页面。读者可以点击节点,在相关内容之间跳转。

它主要支持:

图谱有两种常用视图:

如何使用

完整图谱页适合查看整个站点的结构。读者可以用它快速扫过归档形状,搜索一个主题,或者在相关内容簇之间跳转。

文章内的局部图谱则会收窄到当前文章和它的邻近节点。这个视图更适合阅读场景,因为它能展示哪些内容指向当前文章、当前文章又指向哪里,以及附近还有哪些相关内容,而不需要读者离开正文。

展开后的弹层保留同一个局部上下文,但给图谱更多空间。它会保留当前焦点,支持缩放和重置,也可以随时关闭回到文章。

数据来源

图谱数据来自 Astro 内容集合,最终在客户端渲染成 SVG。文章、页面、标签和 Wiki 链接都会参与生成图谱。

英文和中文路由会生成各自的图谱数据,因此不同语言的页面不会混在同一张图里。

flowchart LR Posts[文章] --> Tags[标签] Posts --> Pages[页面] Pages --> Graph[关系图谱] Graph --> Local[文章局部图谱] Graph --> Global[全站图谱]

关系图谱

Loading graph...