Markdown 为网站生成可点击点图？

我有一组降价文件（虚拟实验室笔记本中的实验），将用于生成静态网页，我还想生成一个索引，与它们一起以DAG（有向无环图）的形式显示它们的关系

到目前为止，每个标记文件都以如下元数据开始（对于

exp3.md

）：

我运行一个脚本来绘制所有实验的图表：

#/bin/bash
箭=$(
对于*.md；do中的r
对于$中的l（类别“$r”| grep如下：| cut-d'：'-f2）；do
回声“$l->$r
完成
完成
)
echo“有向图笔记本{”
echo“$arrows”| sort | uniq
回声“}”

结果就像

digraph notebook {
  exp1.md -> exp3.md;
  exp2.md -> exp3.md;
}

---

但我还没有找到任何软件将其转换成可点击的图像地图。解决方案可以根据需要进行黑客攻击！我将亲自使用它，并在一个内部实验室网络上托管该站点。

结果证明它还不错。只需将属性添加到点图：

digraph notebook {
  exp1 [label="experiment 1",URL="http://example.com/1"]
  exp2 [label="experiment 2",URL="http://example.com/2"]
  exp3 [label="experiment 3",URL="http://example.com/3"]
  exp1 -> exp3;
  exp2 -> exp3;
}

并创建imagemap代码+图像：

dot -Tcmapx graph.dot > graph.html
dot -Tpng   graph.dot > graph.png

dot -Tcmapx graph.dot > graph.html
dot -Tpng   graph.dot > graph.png