var reader = new commonmark.Parser();
var writer = new commonmark.HtmlRenderer({ sourcepos: true });
var render = function(parsed) {
if (parsed === undefined) {
return;
}
var startTime = new Date().getTime();
var result = writer.render(parsed);
document.getElementById("iss-container").innerHTML=result;
};
var parseAndRender = function(text) {
var parsed = reader.parse(text);
render(parsed);
};
function getQueryVariable(variable)
{
var query = window.location.search.substring(1);
var vars = query.split("&");
for (var i=0;i<vars.length;i++) {
var pair = vars[i].split("=");
if(pair[0] == variable){return pair[1];}
}
return(false);
}
graph TD
A[Christmas] -->|Get money| B(Go shopping)
B --> C{Let me think}
B --> G[/Another/]
C ==>|One| D[Laptop]
C -->|Two| E[iPhone]
C -->|Three| F[fa:fa-car Car]
subgraph section
C
D
E
F
G
end
graph LR
A[Square Rect] -- Link text --> B((Circle))
A --> C(Round Rect)
B --> D{Rhombus}
C --> D
pie
title Key elements in Product X
"Calcium" : 42.96
"Potassium" : 50.05
"Magnesium" : 10.01
"Iron" : 5
erDiagram
CAR ||--o{ NAMED-DRIVER : allows
CAR {
string registrationNumber
string make
string model
}
PERSON ||--o{ NAMED-DRIVER : is
PERSON {
string firstName
string lastName
int age
}
可以成功的
stateDiagram
[*] --> Still
Still --> [*]
Still --> Moving
Moving --> Still
Moving --> Crash
Crash --> [*]
sequenceDiagram
participant Alice
participant Bob
Alice->>John: Hello John, how are you?
loop Healthcheck
John->>John: Fight against hypochondria
end
Note right of John: Rational thoughts<br/>prevail...
John-->>Alice: Great!
John->>Bob: How about you?
Bob-->>John: Jolly good!
gantt
dateFormat YYYY-MM-DD
title 使用Mermaid增加甘特图
excludes weekdays 2014-01-10
section A 部分
已完成的任务 :done, des1, 2014-01-06,2014-01-08
正在做的任务 :active, des2, 2014-01-09, 3d
未完成任务1 : des3, after des2, 5d
未完成任务2 : des4, after des3, 5d
graph TD
A[Christmas] -->|Get money| B(Go shopping)
B --> C{Let me think}
B --> G[/Another/]
C ==>|One| D[Laptop]
C -->|Two| E[iPhone]
C -->|Three| F[fa:fa-car Car]
C -->|Fr| H[hahah]
subgraph section1
H
D
G
end
title: "Markdonw" date: 2022-03-22T12:27:53+08:00
Markdown 高级用法
可以成功的