2020-02-07 更新： 调整链接。 2016-11-08 更新： 修改一些文字错误。 2015-12-01 更新： 加入 Sphinx 插件 设置说明。 在 Graphviz 简易教程 中，我介绍了一点 Graphviz 的知识。下面的内容则是我在使用中积累的一些和工具有关的内容。 通用配置 使用下面三个关键字可以指定图片、节点和线段的默认设置。 1// 影响图片整张图片的配置 2// 左右方向，图片背景色为红色 3// 也可以用于 subgraph 4graph[rankdir="LR",bgcolor="red"]; 5 6// 影响所有节点 7node[shape="box"]; 8 9// 影响所有线条和箭头 …

阅读更多

在 Python-Markdown 库中，有一个插件 Fenced Code Blocks 。使用它能够支持 PHP Markdown Extra 和 GitHub Flavored Markdown 格式的代码块。 我对 Fenced Code Blocks 插件进行了扩展，使其可以支持以下功能： 注释的代码块； Graphviz 支持。 扩展过的插件，名为 Fenced Code Extra ，暂时托管于我的 wpcmd 项目中。

1. 注释的代码块 Markdown 本身是不支持注释的。这个扩展功能，就是让代码块能够支持注释。 举个简单的例子，这段 Markdown 代码：

graph ``` # graph pic1 …

阅读更多

2020-02-07 更新： Graphviz 官网迁移，修改链接地址。 Graphviz 是一个绘制关系图/流程图的工具包，使用它提供的 dot-language ，我们就可以在文本中通过嵌入绘制代码的方式实现图的绘制。不再需要 GUI 工具了，也更便于版本管理。 听起来有点像 SVG 的味道，不同之处在于 SVG 是使用浏览器的渲染引擎来渲染。 基本语法 让我们了解两种不同类型的图： graph 和 digraph。前者使用 -- 描述关系，后者使用 -> 描述关系。我们一般会为每张图定义一个名称。 digraph 代表 direction graph ，意指 “有方向的图“ 。 看看下面两个例子，就知道它们的区别了： …

阅读更多