目录

• 超链接
• 列表
• 强调
• 标题
• 表格
• 代码块
• 图片
• 锚点
• Inline Attribute
• Emoji
• Footnotes
• mermaid
• sequence
• flowchart
• mathjax

超链接

[靠谱-ing](https://mazhuang.org)

<https://mazhuang.org>

靠谱-ing

https://mazhuang.org

列表

1. 有序列表项 1

2. 有序列表项 2

3. 有序列表项 3

1. 有序列表项 1

2. 有序列表项 2

3. 有序列表项 3

* 无序列表项 1

* 无序列表项 2

* 无序列表项 3

• 无序列表项 1

• 无序列表项 2

• 无序列表项 3

- [x] 任务列表 1
- [ ] 任务列表 2

• 任务列表 1
• 任务列表 2

强调

~~删除线~~

**加黑**

*斜体*

删除线

加黑

斜体

标题

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

Tips: # 与标题中间要加空格。

表格

| HEADER1 | HEADER2 | HEADER3 | HEADER4 |
| ------- | :------ | :-----: | ------: |
| content | content | content | content |

1. :—– 表示左对齐
2. :—-: 表示中对齐
3. —–: 表示右对齐

代码块

print 'Hello, World!'

1. list item1

2. list item2

   print 'hello'
   

图片

![本站favicon](/favicon.ico)

锚点

* [目录](#目录)

• 目录

Inline Attribute

Span Inline Attribute 详情参考 https://kramdown.gettalong.org/syntax.html#span-ials

Block Inline Attribute 详情参考 https://kramdown.gettalong.org/syntax.html#block-ials

给块/元素添加 class、id、内嵌样式等：

![本站favicon](/favicon.ico){:.center}

Hello, *world*{:#world} 

Hello, *world*{: style="color:red"} 

Hello, world

Hello, world

结合自定义的样式，有些场景比较有用。

Emoji

Footnotes

This is a text with footnote¹.

mermaid

sequence

Andrew->China: Says Hello
Note right of China: China thinks\nabout it
China-->Andrew: How are you?
Andrew->>China: I am good thanks!

flowchart

st=>start: Start
e=>end
op1=>operation: My Operation
sub1=>subroutine: My Subroutine
cond=>condition: Yes
or No?
io=>inputoutput: catch something...

st->op1->cond
cond(yes)->io->e
cond(no)->sub1(right)->op1

mathjax

When $(a \ne 0)$, there are two solutions to $(ax^2 + bx + c = 0)$ and they are