Markdown 语法&测试

标题 #

## 这是二级标题
### 这是三级标题
#### 这是四级标题
##### 这是五级标题
###### 这是六级标题

这是二级标题 #

这是三级标题 #

这是四级标题 #

这是五级标题 #
这是六级标题 #

字体样式 #

*倾斜的文字*
**加粗的文字**
***斜体加粗的文字***
~~加删除线的文字~~

倾斜的文字

加粗的文字

斜体加粗的文字

加删除线的文字

引用 #

> 这是默认样式

> 引用内换行则使用单个 >
>
> 引用内换行则使用单个 >

这是默认样式

引用内换行则使用单个 >

引用内换行则使用单个 >

<blockquote class="blue">

这是蓝色样式

</blockquote>

<blockquote class="yellow">
<blockquote class="red">

这是蓝色样式

这是黄色样式

这是红色样式

分割线 #

---
----
***
*****

三个或者三个以上的 - 或者 * 都可以

测试三条分割线




图片 #

![ ](图片url)

指定图片大小及位置:

<div align="center">
    <img src="1.png" style="max-height:180px"></img>
</div>

超链接图片:

<div align="center">
    <a href="链接地址" target="_blank">
        <img src="1.jpg" style="max-height:980px"></img>
    </a>
</div>

超链接 #

[超链接名称](超链接url)

超链接名称

列表 #

- 无序列表
- 无序列表
- 无序列表
  • 无序列表
  • 无序列表
  • 无序列表
1. 有序列表
2. 有序列表
3. 有序列表
  1. 有序列表
  2. 有序列表
  3. 有序列表
- 多级列表
  - 二级无序列表内容
  - 二级无序列表内容
  - 二级无序列表内容
  • 多级列表
    • 二级无序列表内容
    • 二级无序列表内容
    • 二级无序列表内容

表格 #

|左对齐    |居中      |右对齐    |
|:---------|:--------:|---------:|
|内容      |内容      |内容      |
|内容      |内容      |内容      |
左对齐居中右对齐
内容内容内容
内容内容内容
<div class="table-container no-thead">

|无表头    |          |          |
|:---------|:--------:|---------:|
|内容      |内容      |内容      |
|内容      |内容      |内容      |

</div>
左对齐居中右对齐
内容内容内容
内容内容内容

左右分隔代码块 #

Markdown 文件:

<div class="sp-container">
<div class="sp-item">

这是代码一

```bash
echo 123
```

</div>
<div class="sp-item" style="flex:1;">

这是代码二

```bash
echo 123
echo 123
echo 123
```

</div>
</div>

CSS 文件:

.sp-container {
    display: flex;
    flex-wrap: wrap; /* 空间不足时自动换行 */
    gap: 10px;
}

.sp-item{
    flex: 1;
}

@media (max-width: 900px) {
    .sp-container {
        flex-direction: column;
        gap: 0px;
    }
    .sp-item{
        width: 100%;
    }
}

左右的宽度比例可以通过设置 style,如 style="flex:1.5;"1:1.5

代码行数不等可以用带一个空格的行使两边对齐,暂时不知道怎么用 CSS 对齐?

<div> 前面不能有空格,必须顶到行首!

任务列表 #

- [x] 我是已完成的任务一
- [ ] 我是未完成的任务二
- [ ] 我是未完成的任务三
  • 我是已完成的任务一
  • 我是未完成的任务二
  • 我是未完成的任务三

定义列表 #

我是选项一
: 我是选项一的巴拉巴拉巴拉巴拉...

我是选项二
: 我是选项二的巴拉巴拉巴拉巴拉...
选项一
我是选项一的巴拉巴拉巴拉巴拉…
选项二
我是选项二的巴拉巴拉巴拉巴拉…

空格 #

普通空格 &nbsp;:| |

半角空格 &ensp;:| |

全角空格 &emsp;:| |