2019-05-09
---
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 多媒体标签