Markdown基本语法

Markdown基本语法

Markdown是一种纯文本格式的标记语言。通过简单的标记语法,它可以使普通文本内容具有一定的格式。

一、标题

在想要设置为标题的文字前面加#来表示
一个#是一级标题,二个#是二级标题,以此类推。
支持六级标题。
注:标准语法一般在#后跟个空格再写文字

示例:

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

二、字体

  1. 加粗
    要加粗的文字左右分别用两个*号包起来
  2. 斜体
    要倾斜的文字左右分别用一个*号包起来
  3. 斜体加粗
    要倾斜和加粗的文字左右分别用三个*号包起来
  4. 删除线
    要加删除线的文字左右分别用两个~~号包起来
    示例:
**这是加粗的文字**
*这是倾斜的文字*
***这是斜体加粗的文字***
~~这是加删除线的文字~~

效果如下:
这是加粗的文字
这是倾斜的文字
这是斜体加粗的文字
这是加删除线的文字


三、引用

在引用的文字前加>即可,引用也可以嵌套,加两个>> 三个>>>n个...

示例:

>这是引用的内容
>>这是引用的内容
>>>这是引用的内容
>>>>这是引用的内容
>>>>>这是引用的内容

这是引用的内容

这是引用的内容

这是引用的内容

这是引用的内容

这是引用的内容


四、分割线

三个或者三个以上的 - 或者 * 都可以。
示例:

---
***

效果如下


五、图片

语法:

![图片alt](图片地址 "图片title") //title可加可不加

<img src='图片地址' title='图片title' style='zoom:大小' width='宽度'/>

图片alt就是显示在图片下面的文字,相当于对图片内容的解释。
图片title是图片的标题,当鼠标移到图片上时显示的内容。
示例:

![百度](https://www.baidu.com/img/bd_logo1.png "百度一下")

<img src='https://www.baidu.com/img/bd_logo1.png' title="百度一下"  style='zoom:50%' />

<img src='https://www.baidu.com/img/bd_logo1.png' title="百度一下"  width="50%" />

效果如下:

百度


六、超链接

语法:

[超链接名](超链接地址 "超链接title") //title可加可不加

示例:

[MrCheng Blog](https://www.cnblogs.com/xc-cheng '消愁丶先生的博客')

效果如下:

MrCheng Blog

注:Markdown本身语法不支持链接在新页面中打开,貌似简书做了处理,是可以的。别的平台可能就不行了,如果想要在新页面中打开的话可以用html语言的a标签代替。

<a href="超链接地址" target="_blank" title='title'>超链接名</a>

<a href="超链接地址" target="_blank">
    <img src='图片地址'>
</a>

<!--target="_blank"新窗口打开链接,title=""鼠标焦点提示-->

示例:

<a href="https://www.cnblogs.com/xc-cheng" target="_blank" title='消愁丶先生的博客'>MrCheng Blog</a>

<a href="https://www.cnblogs.com/xc-cheng" target="_blank">
    <img src='https://img.shields.io/badge/Blog-XC--Cheng-blue.svg' title='消愁丶先生的博客'/>
</a>

效果如下:

MrCheng Blog


七、列表

无序列表
语法:

无序列表用 - + * 任何一种都可以

- 列表内容 // - 为标准语法
+ 列表内容 // - + * 跟内容之间都要有一个空格
* 列表内容 // + * 可以使用但不推荐

效果如下:

  • 列表内容
  • 列表内容
  • 列表内容

有序列表
语法:
数字加点

1. 列表内容
2. 列表内容 //序号跟内容之间要有空格
3. 列表内容

效果如下:

  1. 列表内容
  2. 列表内容
  3. 列表内容

列表嵌套

上一级和下一级之间敲三个空格即可

  • 一级无序列表内容
    • 二级无序列表内容
    • 三级无序列表内容
      • 二级无序列表内容
      • 三级无序列表内容
  1. 一级有序列表内容
    1. 二级有序列表内容
    2. 二级有序列表内容
      1. 三级有序列表内容
      2. 三级有序列表内容

八、表格

语法:

|  表头  |   表头  |  表头  |
| :---- | :-----: | ----: | // 第二行分割表头和内容
|  内容  |  内容   |  内容  | // - 一个就行,对齐可以加几个
| 左对齐 | 居中对齐 | 右对齐 |

示例:

| 姓名 | 技能  | 排行 |
| :--- | :---: | ---: |
| 刘备 |  哭   | 大哥 |
| 关羽 |  打   | 二哥 |
| 张飞 |  骂   | 三弟 |

效果如下:

姓名 技能 排行
刘备 大哥
关羽 二哥
张飞 三弟

九、代码

语法:
单行代码:代码之间分别用一个反引号包起来

`代码内容`

代码块:代码之间分别用三个反引号包起来,且两边的反引号单独占一行

// ```c
// 代码 //```后面加语言名称
// 代码 //前面加"//"防止转义
// ```

示例:
单行代码

`printf("Hello,World!");`

代码块

//```c
// #include"stdio.h"
//      int main(){
//          printf("Hello,World!");
//      return 0;
// }
// ```

效果如下:
单行代码
printf("Hello,World!");
代码块

#include"stdio.h"
    int main(){
        printf("Hello,World!");
    return 0;
}

十、流程图

// ```flow
// st=>start: 开始
// en=>end: 结束
// op1=>operation: 看完全文
// su1=>subroutine: 仔细想想
// co=>condition: 好文章吗?
// io=>inputoutput: 点赞收藏
// st->op1->co
// co(yes)->io->en
// co(no)->su1(right)->op1
// ```

效果如下:

st=>start: 开始
en=>end: 结束
op1=>operation: 看完全文
su1=>subroutine: 仔细想想
co=>condition: 好文章吗?
io=>inputoutput: 点赞收藏
st->op1->co
co(yes)->io->en
co(no)->su1(right)->op1
posted @ 2021-03-12 15:25  消愁丶先生  阅读(161)  评论(0)    收藏  举报