Markdown 语法
大约 3 分钟
详细展示了 Markdown 的一些基本语法，以及 vuepress theme hope 支持的高级语法。
示例
示例
此为预览，点击后展开，查看 markdown 文本。
此为预览，点击后展开，查看 markdown 文本。标题
文本
文本
正常文本
粗体文本
斜体文本删除文本
标记文本
下划线文本
ctl/cmd + c
换行
内容
正常文本
**粗体文本**
*斜体文本*
~~删除文本~~
==标记文本==
<u>下划线文本</u>
<kbd>ctl/cmd</kbd> + <kbd>c</kbd>
换行<br>内容列表
列表
- 数据1
a. 数据数据1
b. 数据数据2 - 数据2
- 数据3
- 一级列表
- 二级列表
- 二级列表
- 三级列表
- 三级列表
- 二级列表
- 一级列表
1. 数据1
a. 数据数据1
b. 数据数据2
1. 数据2
3. 数据3
- 一级列表
* 二级列表
- 二级列表
- 三级列表
+ 三级列表
- 二级列表
- 一级列表
<br>
- [ ] 待办任务
- [x] 已办任务引用
引用
引用1
引用11
引用12引用2
引用3
> 引用1
>> 引用11
>> 引用12
>
> 引用2
> 引用3代码块
代码块
内嵌代码块
执行代码printf("hello world")。短代码块
int main(){
printf("hello world");
}- 长代码块 (支持高亮)
#include <stdio.h>
int main(){
printf("hello world");
}- 内嵌代码块
执行代码 `printf("hello world")`。
- 短代码块
```
int main(){
printf("hello world");
}
```
- 长代码块 (支持高亮)
```c
#include <stdio.h>
int main(){
printf("hello world");
}
```链接
链接
- 点击打开 百度 。
- 跳转到 示例 。
- 定义引用链接 。
- 定义隐式引用链接 。
- https://www.baidu.com .
- flueky.zuo@gmail.com .
- 点击打开 [百度](https://www.baidu.com) 。
- 跳转到 [示例](#示例) 。
- 定义引用[链接][1] 。
- 定义[隐式引用链接][] 。
- https://www.baidu.com .
- <flueky.zuo@gmail.com> .
[1]: https://www.baidu.com "百度"
[隐式引用链接]: https://www.baidu.com图像
图像
<img src="https://support-assets.githubassets.com/packs/static/components/v2/components/assets/images/product-cards/feedback-957018385da3380db6c1.webp" width=600></img>注脚
上标下标
上标下标
- 标签
xy
a1 - markdown
19th
H2O
- 标签
x<sup>y</sup>
a<sub>1</sub>
- markdown
19^th^
H~2~O表格
表格
| 列1 | 列2 | 列3 |
|---|---|---|
| 文本居左 | 文本居中 | 文本居右 |
|列1|列2|列3|
|:-----|:-----:|-----:|
|文本居左|文本居中|文本居右|分割线
分割线
---
***
___数学公式
数学公式
Euler's identity
Euler's identity $e^{i\pi}+1=0$ is a beautiful formula in $\mathbb{R}^2$.
$$
\frac {\partial^r} {\partial \omega^r} \left(\frac {y^{\omega}} {\omega}\right)
= \left(\frac {y^{\omega}} {\omega}\right) \left\{(\log y)^r + \sum_{i=1}^r \frac {(-1)^i r \cdots (r-i+1) (\log y)^{r-i}} {\omega^i} \right\}
$$警告
警告
重要
This is important text
相关信息
This is information text
提示
This is tip text
注意
This is warning text
警告
This is caution text
注
This is note text
> [!important]
> This is important text
> [!info]
> This is information text
> [!tip]
> This is tip text
> [!warning]
> This is warning text
> [!caution]
> This is caution text
> [!note]
> This is note text提示
提示
::: important Custom Title
A custom important container with `code`, [link](#demo).
```js
const a = 1;
```
:::
::: info Custom Title
A custom information container with `code`, [link](#demo).
```js
const a = 1;
```
:::
::: note Custom Title
A custom note container with `code`, [link](#demo).
```js
const a = 1;
```
:::
::: tip Custom Title
A custom tip container with `code`, [link](#demo).
```js
const a = 1;
```
:::
::: warning Custom Title
A custom warning container with `code`, [link](#demo).
```js
const a = 1;
```
:::
::: caution Custom Title
A custom caution container with `code`, [link](#demo).
```js
const a = 1;
```
:::
::: details Custom Title
A custom details container with `code`, [link](#demo).
```js
const a = 1;
```
:::标签
标签
A tab of fruit:
apple
Apple
banana
Banana
Another tab of fruit:
apple
Apple
banana
Banana
orange
Orange
A tab of fruit without id:
apple
Apple
banana
Banana
orange
Orange
A tab of fruit:
::: tabs#fruit
@tab apple#apple
Apple
@tab banana#banana
Banana
:::
Another tab of fruit:
::: tabs#fruit
@tab apple
Apple
@tab banana
Banana
@tab orange
Orange
:::
A tab of fruit without id:
::: tabs
@tab apple
Apple
@tab banana
Banana
@tab orange
Orange
:::自定义对齐
对齐
左对齐的内容
居中的内容
右对齐的内容
两端对齐的内容
::: left
左对齐的内容
:::
::: center
居中的内容
:::
::: right
右对齐的内容
:::
::: justify
两端对齐的内容
:::