hexo下使用markdown语法绘制流程图

准备工作

1. 安装hexo-filter-flowchart
   npm install --save hexo-filter-flowchart
2. 用法
   #使用了 . 来替换 ` ，这样才能显示源码
   ···mermaid
   flowchat
   st=>start: Start|past:>http://www.google.com[blank]
   e=>end: End:>http://www.google.com
   op1=>operation: My Operation|past
   op2=>operation: Stuff|current
   sub1=>subroutine: My Subroutine|invalid
   cond=>condition: Yes
   or No?|approved:>http://www.google.com
   c2=>condition: Good idea|rejected
   io=>inputoutput: catch something…|request

st->op1(right)->cond
cond(yes, right)->c2
cond(no)->sub1(left)->op1
c2(yes)->io->e
c2(no)->op2->e
···
4. 效果-如下：

Created with Raphaël 2.2.0 Start My Operation Yes or No? Good idea catch something... End Stuff My Subroutine yes no yes no