• 2020-02-07 更新： 调整链接。
• 2016-11-08 更新： 修改一些文字错误。
• 2015-12-01 更新： 加入 Sphinx 插件 设置说明。

在 Graphviz 简易教程 中，我介绍了一点 Graphviz 的知识。下面的内容则是我在使用中积累的一些和工具有关的内容。

在 Python-Markdown 库中，有一个插件 Fenced Code Blocks 。使用它能够支持 PHP Markdown Extra 和 GitHub Flavored Markdown 格式的代码块。

我对 Fenced Code Blocks 插件进行了扩展，使其可以支持以下功能：

1. 注释的代码块；
2. Graphviz 支持。

扩展过的插件，名为 Fenced Code Extra ，暂时托管于我的 wpcmd 项目中。

• 2020-02-07 更新： Graphviz 官网迁移，修改链接地址。

Graphviz 是一个绘制关系图/流程图的工具包，使用它提供的 dot-language ，我们就可以在文本中通过嵌入绘制代码的方式实现图的绘制。不再需要 GUI 工具了，也更便于版本管理。

听起来有点像 SVG 的味道，不同之处在于 SVG 是使用浏览器的渲染引擎来渲染。

基本语法

让我们了解两种不同类型的图： graph 和 digraph。前者使用 -- 描述关系，后者使用 -> 描述关系。我们一般会为每张图定义一个名称。

digraph 代表 direction graph ，意指 “有方向的图“ 。

看看下面两个例子，就知道它们的区别了 …