markdown画UML图

学用markdown

Created with Raphaël 2.1.0 张三 张三 李四 李四 张三 张三 王五 王五 嘿，小四儿，写博客了没？ 李四楞了一下，说： 忙的吐血，哪有时间写。 哪天有时间啊？，我请你吃饭。 张三高兴地说： 好的，等我忙完，我告诉你。 你看要不连我一起请着啊。

---

画流程图

Created with Raphaël 2.1.0 开始 我的操作 确认？ 结束 yes no

从网上找了很久关于markdown语法的文章，机会微乎其微，大多所指向的都是同一个页面这是github上的一个开源项目，里面对我有用的只有一小段文字。

Created with Raphaël 2.1.0 http://www.google.com Start http://www.google.com My Operation http://www.baidu.com Yes or No? http://www.baidu.com Good idea catch something... http://www.google.com End http://www.google.com Stuff My Subroutine yes no yes no

由于墙的原因，也没法找到什么有用的外文资料，只能总结一下此段代码里面的语法了。
流程图的语法大体分为两段，第一段用来定义元素，第二段用来连接元素
定义元素阶段的语法是
tag=>type: content:>url
tag就是一个标签，在第二段连接元素时用
type是这个标签的类型，从上段内容看有6中类型，非别为：

start
end
operation
subroutine
condition
inputoutput
content就是在框框中要写的内容，中英文均可，但有一点需要特别注意，就是type后的冒号与文本之间一定要有个空格，没空格会出问题。
url就是一个连接，与框框中的文本相绑定

连接元素阶段的语法就简单多了，直接用->来连接两个元素，需要注意的是condition类型，因为他有yes和no两个分支，所以要写成

c2(yes)->io->e
c2(no)->op2->e
这样的格式。
下面为显示情况