shishi
| zhe li shi biaoge | shi zhe yang me | zhe ge ne |
|---|---|---|
This is an H1
This is an H2
This is an H3
This is an H4
####### tHIS IS an h
This is an blockquote
wode <
thi is
wo de zhen shi
- unde ro deli s
- udn li s
- un dli s
_ un delis
- un dlis t
-
un dli s
-
- un list
wode
- wzfk
-
wod ejzk fj
- zfk
- zhaoying
- wangshijie
-
- xiao ba i
- huxiao
- zkf
这段代码是This is a span
This is python
.wo de yuyan
sujin
paixu
zheshi bioati
zheshi yshenme yisi a ```
hang nei daima
**
--
__
This is Bing search inlink link.
single astek
double single astek
*** single stek ***
single stek
带解释文字[1]
baidu souuo [^id2]
Header|Column1|Column2
-|-|-
Row1|1|2
Header|Column1|Column2
-|-|-
Row1|1|2
shanchuxian
gaoliang
text
-[]-
huanhang
huanhago\
```
daimikua\zheshizzhang\shuxidaimi\
<center>zheshiyajuzhongwenbe<center>
xiahuaxiang<\u>
\xiahuaxian<\u>
\xiahuaxian<\u>
\xiahuaxian<\u>
xiahuaxian
xiahuaxian
shanchu
xiahuaxia
\xiahuaxian<u>
\xiahuaxian<u>
\xiahuaxina<u>
This is an imiage
wdo azhea fengkun
hao de jiu shi zheyangle .
| guoji shen f | shi qu | baige |
|---|---|---|
| baioge zhe | shi zhen bao da | wo de bai :-: |
| baio ge | de ajk | ahah |
|---|---|---|
| biaoge- | jsiej::-:: | jiw |
|---|---|---|
| -[] |
-
[ c
-
[ ]jave
-
[ ]python
+yutaidoujqilewuing
y
yao zhushi wde wenzi\1
👯♂️
💠
uxiahuxianu
/uxiahuxian/u
\uxiahuaxian\u
\xiahuaxian<u>
\xiahuaxina<u>
\xihaunxian
zhejshi[^ 1]
[^ 1]:
^:
:happy
:happy:
-[x]fuxuakuang
-[]wenzi
-[ ]shuxue
-[ ] yingyu
-[x] wuli
| biaoge | djis | jsie |
|---|---|---|
| :- | :-: | -: |
zheyang
H2O
H/2/O
H~2
underline
*
-
[X]yibanshixiang
-
[ ]
-
[ ]
- [ ]
- [ ]
_ [ ]
- [ ]
- [ ]
-[ ]
- [ ]
-
[]fuxuankuang
-
[ ]
-
[ ]fuxuankuang
-
[ ]fuxuankuang
-
[ ]fuxuankuang
-
[ ]
我长hi是以及白哦提
====================
trunbo comc
runbco
zhangfeng
duanlu huanhang
jiaoboau [2]
*
/*
*
zhashi dai c
wode
wdoj
![男孩](https://tvax4.sinaimg.cn/crop.0.0.512.512.180/bfd1651fly8fw54r4xhfuj20e80e8t94.jpg "nanhai)
graph td
start -> stop
graph TD
start->stop
graph TD
start --> strop
grap td
start --> stop
grap lr
left->right
graph LR
start --> stop
graph RL
right-->left
graph RL
right-->left
graph TB
node
graph TB
a --> c
a --> d
b --> c
b --> d
graph LR
id["This is the (text) iin the box."]
graph TD
A & B --> C & D
graph LR
a["A double quote:#quot;"]
graph TB
c1 --> a2
subgraph one
a1 -.-> a2
end
subgraph two
b1 -.-> b2
end
subgraph three
c1 -.-> c2
end
graph LR
A-->B
click A callback "Top tip for a callback"
click B "http://www.github.com" "This is a toptip"
<script>
var callback = function(){
alert('A callback was triggered.')
}
<script>
graph LR
A-->B
click A callback
click B "http://www.github.com" "This is a toptip"
<body>
<div class="mermaid">
graph LR;
A-->B;
click A callback "Tooltip"
click B "http://www.github.com" "This is a link"
</div>
<script>
var callback = function(){
alert('A callback was triggered');
}
var config = {
startOnLoad:true,
flowchart:{
useMaxWidth:true,
htmlLabels:true,
curve:'cardinal',
},
securityLevel:'loose',
};
mermaid.initialize(config);
</script>
</body>
graph LR
%% This is a commnet a -- text -- b{node}
a -- text --> b -- > c
graph LR
id1(Start)-->id2(Stop)
style id1 fill:#f9f,stroke:#333,stroke-width:4px
style id2 fill:#bbf,stroke:#f66,stroke-width:2px,color:#fff,stroke-dasharray: 5,
graph LR
A[a] --> B[b]
graph TD
B["fa:fa-twitter for peace"]
B-->C[fa:fa-ban forbidden]
B-->D
B-->E(A fa:fa-camera-retro perhaps?);
sequenceDiagram
participant huxiao
participant zfk
zfk --x huxiao: hello huxiao!
huxiao -->> zfk : Great!
sequenceDiagram
Alice->John: Hello John, how are you?
Note over Alice: A typical interaction
sequenceDiagram
Alice->>John: Hello John, how are you?
loop Every minute
John-->>Alice: Great!
end
sequenceDiagram
Alicie ->> Bob : Hello Bob, how are you ?
alt is sick
Bob ->> Alice : Not so good.
else is well
Bob ->> Alice : Feeling fresh like a daisy.
end
opt Extra response
Boob ->> Alice : Thanks for asking
end
sequenceDiagram
Alice ->> John : How are you.
%% This is a commnet.
John ->> Alice : Great!
sequenceDiagram
Alice ->> Zfk : Hello zfk , How are u.
loop Healthcheck
Zfk ->> Zfk : Fight aganist hypochondria
end
Note right of Zfk : Rational thoughts!
Zfk ->> Alice : Great!
Zfk ->> Bob : How are you.
Bob ->> Zfk : Jolly good.
classDiagram
class Animal
Vehicle <|-- Car
classDiagram
class BankAccount
BankAccount : string owner
BankAccount : bigdecimal balance
BankAccount : deposit(amount)
BankAccount : withdraw(amount)
classDiagram
class BankAccount{
+String owner
+BigDecimal balance
deposit(amount) int
+withdrawl(amount)
}
classDiagram
classA <|-- classB : implements
classC *-- classD : composition
classE o-- classF : association
classDiagram
Customer "1" --> "*" Ticket
Student "1" --> "1..*" Course
Galaxy --> "many" Star : Contains
classDiagram
class Shape{
<<interface>>
nooOfiev
draw()
}
classDiagram
class Shape {
<<interface>>
noOfVertices
draw()
}
classDiagram
class Shape{
novel
}
link Shape "http://www.githucom"
stateDiagram
state "This is a state description" as s2
stateDiagram
s2 : This is a state descirption
stateDiagram
s1 --> s2 : A transition
s2 : s2 description
stateDiagram
[*] --> s1
s2 --> [*]
stateDiagram
[*] --> First
state First {
[*] --> seconde
seconde --> [*]
}
stateDiagram
[*] --> First
state First {
[*] --> Second
state Second {
[*] --> second
second --> Third
state Third {
[*] --> third
third --> [*]
}
}
}
stateDiagram
[*] --> First
First --> Second
First --> Third
state First {
[*] --> first
first --> [*]
}
state Second {
[*] --> sec
sec --> [*]
}
state Third {
[*] --> thi
thi --> [*]
}
stateDiagram
state fork_state <<fork>>
[*] --> fork_state
fork_state --> state2
fork_state --> state3
fork_state --> state4
state join_state <<join>>
state2 --> join_state
state3 --> join_state
state4 --> join_state
join_state --> [*]
stateDiagram
state1 : The state with a note
note right of state1
Important information! You can write
notes.
end note
state1 --> state2
note left of state2 : This is the note to the left.
stateDiagram
[*] --> Active
state Active {
[*] --> NumLockoff
NumLockoff --> NumLockon: pressedon
NumLockon --> NumLockoff: pressedoff
--
[*] --> CapsLockoff
CapsLockoff --> CapsLockon: capson
CapsLockon --> CapsLockoff: capsoff
}
stateDiagram
[*] --> Still
Still --> [*]
%% this is a comment
Still --> Moving
Moving --> Still %% another comment
Moving --> Crash
Crash --> [*]
gantt
title A Gantt Diagram
dateFormat YYYY-MM-DD
section Section
A task :a1, 2014-01-01, 30d
Another task :after a1 , 20d
section Another
Task in sec :2014-01-12 , 12d
another task : 24d
gantt
dateFormat YYYY-MM-DD
title Adding GANTT diagram functionality to mermaid
section A section
Completed task :done, des1, 2014-01-06,2014-01-08
Active task :active, des2, 2014-01-09, 3d
Future task : des3, after des2, 5d
Future task2 : des4, after des3, 5d
section Critical tasks
Completed task in the critical line :crit, done, 2014-01-06,24h
Implement parser and jison :crit, done, after des1, 2d
Create tests for parser :crit, active, 3d
Future task in critical line :crit, 5d
Create tests for renderer :2d
Add to mermaid :1d
section Documentation
Describe gantt syntax :active, a1, after des1, 3d
Add gantt diagram to demo page :after a1 , 20h
Add another diagram to demo page :doc1, after a1 , 48h
section Last section
Describe gantt syntax :after doc1, 3d
Add gantt diagram to demo page :20h
Add another diagram to demo page :48h
pie
title Pets adopted by volunterrs
"Dogs" : 386
"Cat" : 85
"Rats" : 15
pie
title key elements in Procuts X
"Calcium" : 42.96
"Potassium" : 50.05
"Magnesium" : 10.01
"Iron" : 5
