[update] use sphinx_rtd_theme

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

Author: PythonShell

_static/examples/embedhtml.dot

@@ -0,0 +1,15 @@
+digraph html {
+    abc [shape=none, margin=0, label=<
+        <TABLE BORDER="0" CELLBORDER="1" CELLSPACING="0" CELLPADDING="4">
+        <TR><TD ROWSPAN="3"><FONT COLOR="red">hello</FONT><BR/>world</TD> 5: <TD COLSPAN="3">b</TD>
+        <TD ROWSPAN="3" BGCOLOR="lightgrey">g</TD>
+        <TD ROWSPAN="3">h</TD>
+        </TR>
+        <TR><TD>c</TD>
+        <TD PORT="here">d</TD>
+        <TD>e</TD>
+        </TR>
+        <TR><TD COLSPAN="3">f</TD> 14: </TR>
+        </TABLE>
+    >];
+}

_static/examples/embedhtml.jpg

@@ -0,0 +1,20 @@
+graph network {
+    rankdir = LR;
+    {
+        node [shape=circle];
+        0 -- 1;
+        0 -- 2;
+        1 -- 2;
+        1 -- 3;
+        2 -- 3;
+        3 -- 4;
+        4 -- 5;
+        5 -- 6;
+        5 -- 7;
+        6 -- 8;
+        7 -- 8;
+        8 -- 9;
+    }
+    { rank=same; 1; 2; }
+    { rank=same; 6; 7; }
+}

_static/examples/network01.dot

@@ -21,11 +21,18 @@ Graphviz 编译的源文件是 dot 文件，把如下的代码保存到 graph01.
     }
 
 
-使用命令 `dot -Tjpg graph01.dot -o graph01.jpg` 编译，可以得到名为 graph01.jpg
+使用命令 :code:`dot -Tjpg graph01.dot -o graph01.jpg` 编译，可以得到名为 graph01.jpg
 的图片，图片内容如下所示。
 
 .. image:: _static/examples/graph01.jpg
 
+在上述的 dot  文件中，定义了一个名为 G  的有向图（ digraph  是有向图的意思），\
+有向图的具体内容紧随定义后的花括号内。花括号体内，定义了点( node )到点的线\
+段( edge )。每一行，以英文分号(;)结尾的整行，定义的是一条连接两个或多个点的有\
+向线段，比如 :code:`main -> parse -> execute` 定义了一条历经三个点\
+(:code:`main`, :code:`parse`, :code:`execute`)的有向线段。 :code:`->` 定义了线\
+段的方向。
+
 
 1.2 让有向图更复杂点
 ------------------------------------------------------------------------------
@@ -52,7 +59,7 @@ Graphviz 可以给点(node)或者线(edge)添加格式。
         execute -> compare;
     }
 
-使用命令 `dot -Tjpg graph02.dot -o graph02.jpg` 可以得到如下的图片：
+使用命令 :code:`dot -Tjpg graph02.dot -o graph02.jpg` 可以得到如下的图片：
 
 .. image:: _static/examples/graph02.jpg
 
@@ -74,7 +81,7 @@ Graphviz 支持 UTF8 下的中文。
         Footman -> 刀塔;
     }
 
-使用命令 `dot -Tjpg graph03.dot -o graph03.jpg` 可以得到如下的图片：
+使用命令 :code:`dot -Tjpg graph03.dot -o graph03.jpg` 可以得到如下的图片：
 
 .. image:: _static/examples/graph03.jpg
 
@@ -101,6 +108,12 @@ Graphviz 支持 UTF8 下的中文。
 .. image:: _static/examples/graph04.jpg
 
 
-1.5 
+1.5 内置颜色
 ------------------------------------------------------------------------------
 
+这里列出了基本的颜色，更多信息请参看 `Graphviz Colors`_ 和 `Graphviz Attrs`_ 。
+
+
+.. _Graphviz Colors: http://www.graphviz.org/doc/info/colors.html
+.. _Graphviz Attrs: http://www.graphviz.org/doc/info/attrs.html#k:color
+

_static/examples/network01.jpg

@@ -22,6 +22,7 @@
 
 #import cloud_sptheme as csp
 #import sphinx_bootstrap_theme
+import sphinx_rtd_theme
 
 
 # -- General configuration ------------------------------------------------
@@ -94,7 +95,8 @@
 # a list of builtin themes.
 #
 #html_theme = 'alabaster'
-html_theme = 'sphinxdoc'
+#html_theme = 'sphinxdoc'
+html_theme = 'sphinx_rtd_theme'
 
 # Cloud Theme
 #html_theme = 'cloud'