Markdown语法使用


Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档,通过简单的标记语法,它可以使普通文本具有一定的格式。本文将介绍Markdown的基础语法与高级语法的使用。


一、Markdown基础语法

1 标题

语法中有空格

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题
  • 显示效果:
    在这里插入图片描述

2 文本样式

2.1 斜体文本

*斜体文本*  _斜体文本_
  • 显示效果:

斜体文本 斜体文本

2.2 加粗文本

**加粗文本** __加粗文本__
  • 显示效果:

加粗文本 加粗文本

2.3 标记文本

==标记文本==
  • 显示效果:

标记文本

2.4 删除文本

~~删除文本~~
  • 显示效果:

删除文本

2.5 引用文本

> 引用文本1
> > 引用文本2
> > >引用文本3
  • 显示效果:

引用文本1

引用文本2

引用文本3

3 列表

3.1 无序列表

语法中有空格

- 项目1
	* 项目2
 		+ 项目3
  • 显示效果:
  • 项目1
    • 项目2
      • 项目3

3.2 有序列表

语法中有空格

1. 项目1
2. 项目2
3. 项目3
  • 显示效果:
  1. 项目1
  2. 项目2
  3. 项目3

3.3 自定义列表

语法中有空格

Markdown
: Markdown语法分为基础语法与高级语法

Authors
: Small_hai
  • 显示效果:
Markdown
Markdown语法分为基础语法与高级语法
Authors
Small_hai

3.4 复选框

语法中有空格

- [ ] 计划任务
- [x] 完成任务
  • 显示效果:
  • 计划任务
  • 完成任务

4 图片

1) 居中的图片

![图片描述](图片路径#pic_center)//路径可为在线图片路径或本地图片路径
![在这里插入图片描述](https://img-blog.csdnimg.cn/587bd86141a3486e9a01a916a3b9db18.png#pic_center)
  • 显示效果:
    在这里插入图片描述

2) 带尺寸的图片

![图片描述](图片路径#pic_center =100x100)//路径可为在线图片路径或本地图片路径
![在这里插入图片描述](https://img-blog.csdnimg.cn/61f7d03c807342759e66e3a00c736e07.png#pic_center =100x100)
  • 显示效果:
    在这里插入图片描述

3) 宽度确定高度等比例的图片

![图片描述](图片路径#pic_center =100x)//路径可为在线图片路径或本地图片路径
![在这里插入图片描述](hhttps://img-blog.csdnimg.cn/af903e3bb36b4945bd3df0c567cbf334.png#pic_center =100x)
  • 显示效果:
    在这里插入图片描述

4) 高度确定宽度等比例的图片

![图片描述](图片路径#pic_center =x100)//路径可为在线图片路径或本地图片路径
![在这里插入图片描述](https://img-blog.csdnimg.cn/b7bcb7e11c734d96955b84d4c450cd77.png#pic_center =x100)
  • 显示效果:在这里插入图片描述

5) 居右的图片

![图片描述](图片路径#pic_right)//路径可为在线图片路径或本地图片路径
![在这里插入图片描述](https://img-blog.csdnimg.cn/be1992db9dbc48dd9682f11868117986.png#pic_right)
  • 显示效果:
    在这里插入图片描述

5 链接

链接:<链接地址>
或
链接:[链接名称](链接地址)
  • 显示效果:

链接:https://blog.csdn.net/qq_39600677?spm=1030.2200.3001.5343

链接:Small_hai

6 代码块

1)在一个行内引用代码,用英文的反引号“`”将所需引用代码包围。

Use the `cout` output in cpp
  • 显示效果:

Use the cout output int cpp

2)在一个块内引用代码,在需要引用的代码块前一行及后一行各使用三个英文的反引号,且在第一行反引号后加上代码块的相应语言。
在这里插入图片描述

  • 显示效果:
#include <iostream>
using namespace std;
int main()
{
	cout << "HelloWord!";
}

3)代码块支持的的语言种类

bash
c,clojure,cpp,cs,css
dart,dockerfile, diff
erlang
go,gradle,groovy
haskell
java,javascript,json,julia
kotlin
lisp,lua
makefile,markdown,matlab
objectivec
perl,php,python
r,ruby,rust
scala,shell,sql,swift
tex,typescript
verilog,vhdl
xml
yaml

7 表格

1)表格文本居中

姓名 | 年龄 
----- | -----
张三  | 3
李四  | 4
王五  | 5
  • 显示效果:
姓名年龄
张三3
李四4
王五5

2) 表格文本居左

姓名  |   年龄
|:-----:| :-----|
张三  | 3
李四  | 4
王五  | 5
  • 显示效果:
姓名年龄
张三3
李四4
王五5

3) 表格文本居右

姓名  |   年龄
|:-----:|-----:|
张三  | 3
李四  | 4
王五  | 5
  • 显示效果:
姓名年龄
张三3
李四4
王五5

8 脚注

Markdown[^1] 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档。
通过简单的标记语法[^2],它可以使普通文本具有一定的格式[^3]。

[^1]: 脚注中Markdown的解释
[^2]: 脚注中标记语法的解释
[^3]: 脚注中格式的解释
  • 显示效果:

Markdown1 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档。
通过简单的标记语法2,它可以使普通文本具有一定的格式3

9 注释

语法中注释的内容 Markdown 前后都有空格

本文将介绍 Markdown 的基础语法与高级语法的使用。

*[Markdown]: Markdown是一种轻量级标记语言
  • 显示效果:

本文将介绍 Markdown 的基础语法与高级语法的使用。

10 分割线

分割线为3个"-“或3个”"*

---

***
  • 显示效果:


11 快捷键

撤销 Ctrl /⌘+Z
重做 Ctrl /⌘+Y
加粗 Ctrl /⌘+B
斜体 Ctrl /⌘+I
查找 Ctrl /⌘+F
替换 Ctrl /⌘+G
标题 Ctrl /⌘+Shift +H
有序列表 Ctrl /⌘+Shift +O
无序列表 Ctrl /⌘+Shift +U
待办列表 Ctrl /⌘+Shift +C
插入代码 Ctrl /⌘+Shift +K
插入链接 Ctrl /⌘+Shift +L
插入图片 Ctrl /⌘+Shift +G
查看源码 Ctrl /⌘+/
查看目录 ctrl/⌘+shift+1

二、Markdown高级语法

参考文档

1 LateX数学公式

Gamma公式展示 $\Gamma(n) = (n-1)!\quad\forall
n\in\mathbb N$ 是通过 Euler integral

$$
\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.
$$
  • 显示效果:

Gamma公式展示 Γ ( n ) = ( n − 1 ) ! ∀ n ∈ N \Gamma(n) = (n-1)!\quad\forall n\in\mathbb N Γ(n)=(n1)!nN 是通过 Euler integral

Γ ( z ) = ∫ 0 ∞ t z − 1 e − t d t   . \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,. Γ(z)=0tz1etdt.

2 甘特图

参考文档
在这里插入图片描述

  • 显示效果:
Mon 07 Mon 14 已完成 进行中 计划中 现有任务 Adding GANTT diagram functionality to mermaid

3 UML图

参考文档

在这里插入图片描述

  • 显示效果:
Alice John Hello John, how are you? Great! See you later! Alice John

4 Mermaid流程图

参考文档
在这里插入图片描述

  • 显示效果:
链接
长方形
圆角长方形
菱形

5 Flowchart流程图

参考文档
在这里插入图片描述

  • 显示效果:
Created with Raphaël 2.3.0 开始 我的操作 确认? 结束 yes no

6 ClassDiagram类图

参考文档
在这里插入图片描述

  • 显示效果:
Animal
+int age
+String gender
+isMammal()
+mate()
Duck
+String beakColor
+swim()
+quack()
Fish
-int sizeInFeet
-canEat()
Zebra
+bool is_wild
+run()

  1. 脚注中Markdown的解释 ↩︎

  2. 脚注中标记语法的解释 ↩︎

  3. 脚注中格式的解释 ↩︎

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值