2019-05-09

2019-05-09  本文已影响0人  孔祥岩

---

author: cigaret

date: 2019-05-09

---

[TOC]

## 块元素

### 段落和换行

段落只是一行或多行连续的文本,敲击 `Enter` 会生成新的段落,使用`Shift + Enter` 进行段落内换行。

### 标题

```markdown

# 标题1

## 标题2

### 标题3

#### 标题4

##### 标题5

###### 最多支持6级标题

```

### 引用

> 这是一段引用文字,换行规则跟段落一致。

### 列表

可以使用 `*,+,-` 后跟空格来创建无序列表,使用 `数字.` 如 `1.` 后跟空格的方式创建有序列表。

- [ ] todo 列表

- [ ] 是可勾选的

- [x] 比如这个已勾选

### 分隔符

使用连续三个以上 `-` 创建分割线。

---

### 代码块

使用 `\`` 来创建代码块,可以在之后跟程序语言名称以匹配高亮规则。

```js

var a = 1

function test() {

console.info('just a test')

}

```

```python

a = 1

def test():

    print('just a test')

```

### 数学公式

$$

\mathbf{V}_1 \times \mathbf{V}_2 =  \begin{vmatrix}

\mathbf{i} & \mathbf{j} & \mathbf{k} \\

\frac{\partial X}{\partial u} &  \frac{\partial Y}{\partial u} & 0 \\

\frac{\partial X}{\partial v} &  \frac{\partial Y}{\partial v} & 0 \\

\end{vmatrix}

$$

### 表格

右键或输入 \| content \| content | 来生成表格。

| First Header | Second Header |

| ------------ | ------------- |

| Content Cell | Content Cell  |

| Content Cell | Content Cell  |

指定对齐格式示例:

| Left-Aligned  | Center Aligned  | Right Aligned |

| :------------ | :-------------: | ------------: |

| col 3 is      | some wordy text |        $1600 |

| col 2 is      |    centered    |          $12 |

| zebra stripes |    are neat    |            $1 |

### 脚注

这是一段需要注释的文字[^注释文字的脚注]

[^注释文字的脚注]: 这是注释文字的脚注。

### 流程图

流程图

```flow

st=>start: Start:>http://www.google.com[blank]

e=>end:>http://www.google.com

op1=>operation: My Operation

sub1=>subroutine: My Subroutine

cond=>condition: Yes

or No?:>http://www.google.com

io=>inputoutput: catch something...

para=>parallel: parallel tasks

st->op1->cond

cond(yes)->io->e

cond(no)->para

para(path1, bottom)->sub1(right)->op1

para(path2, top)->op1

```

### 图片

![](https://oss.thoughts.vip/image/blog/20190509174655.png)

## 行内元素标记

### 常见标记

**加粗1**

__加粗2__

*斜体2*

_斜体2_

内联代码块 `inline code`

~~删除线~~

<u>下划线</u>

:link: :pig:

==高亮==

### 链接

[这是一个示例链接](https://google.com)

[也可以链接文章标题](#块元素)

[可以添加提示文字](#行内元素标记 '指向父级标题')

[也可以定义引用链接][google]

[google]: https://google.com "引用链接"

### URL

<https://google.com>

### 内联公式

这是一个内联公式:arrow_right: $\lim_{x \to \infty} \exp(-x) = 0$

## 其它功能标记

### Html 原生标签 + 内联样式

<span style="color:red">这段文字是红色的</span>

### Embed

<iframe height='265' scrolling='no' title='Fancy Animated SVG Menu' src='http://codepen.io/jeangontijo/embed/OxVywj/?height=265&theme-id=0&default-tab=css,result&embed-version=2' frameborder='no' allowtransparency='true' allowfullscreen='true' style='width: 100%;'></iframe>

### 音视频等

直接插入 Html 多媒体标签

上一篇下一篇

猜你喜欢

热点阅读