Building an Affiliation Network for Blog Posts and Tags in Hugo
10 hours ago
- Hugo网站使用标签将博客文章组织成分类体系，但用户可能未充分利用标签。
- 关联网络比Obsidian风格图更适合Hugo网站，因为文章通过标签而非交叉链接进行关联。
- 关联网络是一个无向二分图，包含两个不相交的节点集：博客文章和标签。
- 作者使用Python的BeautifulSoup和NetworkX构建了该图，从HTML文件中提取标签并输出JSON。
- 标签作为GitHub Action的一部分被处理，在网站构建时自动更新该图。
- D3.js用于可视化，采用力导向布局、颜色编码节点（蓝色代表文章，粉色代表标签）以及带链接的标签。
- 节点可点击：博客文章链接到其页面，标签链接到标签列表页面。