aboutsummaryrefslogtreecommitdiff
path: root/exampleSite/content
diff options
context:
space:
mode:
authorolOwOlo <26087907+olOwOlo@users.noreply.github.com>2018-12-31 20:28:27 +0800
committerolOwOlo <26087907+olOwOlo@users.noreply.github.com>2018-12-31 20:28:27 +0800
commitecb7935896012da551255711edb1b6e381948c2f (patch)
tree578130ac12d2e9e0df1c1878af27108b03a257a0 /exampleSite/content
parentb583f811d658d507335487d1054d2961e3273e2a (diff)
feat(flowchart): support keyword `flow`
Closes #113
Diffstat (limited to 'exampleSite/content')
-rw-r--r--exampleSite/content/post/js-flowchart-diagrams.md42
1 files changed, 41 insertions, 1 deletions
diff --git a/exampleSite/content/post/js-flowchart-diagrams.md b/exampleSite/content/post/js-flowchart-diagrams.md
index 1851333..f6493d5 100644
--- a/exampleSite/content/post/js-flowchart-diagrams.md
+++ b/exampleSite/content/post/js-flowchart-diagrams.md
@@ -41,7 +41,7 @@ flowchartDiagrams:
## Usage
-```flowchart
+```flow
st=>start: Start|past:>http://www.google.com[blank]
e=>end: End:>http://www.google.com
op1=>operation: My Operation|past
@@ -61,6 +61,46 @@ c2(no)->op2->e
<!--more-->
+{{< highlight "linenos=table" >}}
+```flow
+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
+```
+{{< / highlight >}}
+
+## Legacy Usage
+
+```flowchart
+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
+```
+
```flowchart
st=>start: Start|past:>http://www.google.com[blank]
e=>end: End:>http://www.google.com