update chapter 1

Signed-off-by: PythonShell <pythonshell@yeah.net>

Author: PythonShell

_static/examples/graph03.dot

@@ -0,0 +1,6 @@
+digraph G {
+    魔兽争霸3 -> XHero;
+    魔兽争霸3 -> 超级战舰;
+    XHero -> Footman;
+    Footman -> 刀塔;
+}

_static/examples/graph03.jpg

@@ -1,7 +1,7 @@
 第一章 快速入门
 ==============================================================================
 
-画一个简单的有向图
+1.1 画一个简单的有向图
 ------------------------------------------------------------------------------
 
 Graphviz 编译的源文件是 dot 文件，把如下的代码保存到 graph01.dot 文件。
@@ -27,7 +27,7 @@ Graphviz 编译的源文件是 dot 文件，把如下的代码保存到 graph01.
 .. image:: _static/examples/graph01.jpg
 
 
-让有向图更复杂点
+1.2 让有向图更复杂点
 ------------------------------------------------------------------------------
 
 Graphviz 可以给点(node)或者线(edge)添加格式。
@@ -57,3 +57,24 @@ Graphviz 可以给点(node)或者线(edge)添加格式。
 .. image:: _static/examples/graph02.jpg
 
 
+1.3 支持中文
+------------------------------------------------------------------------------
+
+Graphviz 支持 UTF8 下的 中文。
+
+.. code-block:: none
+    :linenos:
+    :caption: graph03.dot
+    :name: Graph 03
+
+    digraph G {
+        魔兽争霸3 -> XHero;
+        魔兽争霸3 -> 超级战舰;
+        XHero -> Footman;
+        Footman -> 刀塔;
+    }
+
+使用命令 `dot -Tjpg graph03.dot -o graph03.jpg` 可以得到如下的图片：
+
+.. image:: _static/examples/graph03.jpg
+