Markdown快速入门

1、Markdown标题

Markdown中的标题可分为六个等级,可以用"#"来定义,有几个“#”就代表着是几级标题(例如:一级标题的格式为:# 一级标题)

 语法:“#” + “空格键” + “标题内容”

举例:

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

运行结果如下:

这是一级标题

这是二级标题

这是三级标题

这是四级标题
这是五级标题
这是六级标题

2、Markdown字体

Markdown中可以是用多种字体,其中包括加粗文本、斜体文本、粗斜体文本等。

粗体文本:

Markdown中有两种方式可以使文字加粗。

语法:**加粗的内容** 或 __加粗的内容__

举例:

**这是使用星号加粗的内容**
__这是使用下划线加粗的内容__

运行结果如下:

这是使用星号加粗的内容

这是使用下划线加粗的内容


斜体文本

Markdown中有两种方式可以使文本斜体。

语法:*斜体的内容* 或 _斜体的内容_

举例:

*这是使用星号斜体的内容*
_这是使用下划线来斜体的内容_

运行结果如下:

这是使用星号斜体的内容
这是使用下划线来斜体的内容


粗斜体文本

Markdown中有两种方式可以使文本加粗并斜体。

语法:***粗斜体的内容*** 或 ___粗斜体的内容___

举例:

***这是使用星号加粗斜体的内容***
___这是使用下划线加粗斜体的内容___

运行结果如下:

这是使用星号加粗斜体的内容
这是使用下划线加粗斜体的内容


删除线

Markdown中可以使段落中的文字加上删除线的效果。

语法:~~删除的内容~~

举例:

~~这是一条要删除的内容~~

运行效果如下:

这是一条要删除的内容


下划线

Markdown中的下划线可以通过使用HTML中的u标签来实现:

语法:<u>带下划线的内容</u>

举例:

<u>带下划线的内容</u>

运行结果如下:

带下划线的内容


脚注

Markdown中可以为段落中添加脚注。

语法:[^脚注的内容]

举例:

这段文字需要一个[^脚注]

运行结果如下:

这段文字需要一个[^脚注]


分割线

Markdown中可以给段落之间添加分割线。

语法:*** 或 * * * 或 ****** 或 ------ 或 - - -

注意:Markdown中,你可以在一行中用三个以上的星号、减号、下划线来建立一个分割线,但是行内不得含有其它东西。

举例:

这是一条分割线:
***

运行结果如下:

这是一条分割线:



3、Markdown无序列表

Markdown中无序列表使用星号、加号或是减号作为列表标记,这些标记后面要添加一个空格,然后再填写内容。

语法:“*” 或 ”+” 或 “-” + “空格键" + "列表内容"

举例:

* 列表一
+ 列表二
- 列表三

运行结果如下:

  • 列表一
  • 列表二
  • 列表三

4、Markdown有序列表

Markdown中有序列表使用数字

并加上 . 号来表示。

语法:“数字” + "." + “空格键” + "列表内容"

举例:

1. 列表一
2. 列表二

运行结果如下:

  1. 列表一
  2. 列表二

5、Markdown列表嵌套

Markdown中列表嵌套只需在子列表中的选项前面添加四个空格即可

语法(有序列表中嵌套无序列表):
第一行:"数字" + "." + "空格键" + "列表内容"
第二行:"tab键" 或 ”四个空格键" + "-" + “空格键” + "列表内容"

举例:

1. 有序列表
	- 无序列表
	- 无序列表
2. 有序列表2
	- 无序列表

运行结果如下:

  1. 有序列表
    • 无序列表
    • 无序列表
  2. 有序列表2
    • 无序列表

6、Markdown区块(引用)

Markdown 区块(引用)是在段落开头使用 > 符号 ,然后后面紧跟一个空格符号。

语法:">" + “空格键” "引用的内容"

举例:

> 本文作者:Snowflake.雪花

运行结果:

本文作者:Snowflake.雪花

区块的嵌套

Markdown区块可以进行嵌套,不仅区块与区块之间可以嵌套,同时列表与区块之间也可以嵌套。

区块嵌套区块
语法:
第一行:">" + “空格键” + "引用内容"
第二行:">" + "空格键" + "引用内容" 

举例:

> 本文作者:Snowflake.雪花
> 编写时间:2021-7-9

运行结果:

本文作者:Snowflake.雪花

编写时间: 2021-7-9

区块嵌套列表
语法(区块嵌套有序列表,有序列表嵌套无序列表):
第一行: ">" + “空格键” + "引用内容"
第二行: ">" + “空格键” + "数字" + "." + "空格键" + "列表内容"
第三行: ">" + “空格键” + "tab键" 或 ”四个空格键" + "-" + “空格键” + "列表内容"

举例:

> 本文作者:Snowflake.雪花
> 1. 有序列表
> 	- 无序列表
> 	- 无序列表
> 2. 有序列表2
> 	- 无序列表

运行结果如下:

本文作者:Snowflake.雪花

  1. 有序列表
  • 无序列表
  • 无序列表
  1. 有序列表2
  • 无序列表
列表嵌套区块

如果想要实现列表项目放进区块,那么就需要在”>“号前加”四个空格“或”Tab键“。

语法(无序列表嵌套区块):
第一行:"-" + “空格键” + "列表内容"
第二行: "tab键" 或 ”四个空格键" + ">" + “空格键” + "引用内容"

举例:

- 无序列表一
	> 本文作者:”Snowflake.雪花“

运行效果如下:

  • 无序列表一

    本文作者:”Snowflake.雪花“


7、Markdown代码

如果是段落上的一个函数或片段的代码可以用**反引号(`)**将其包括起来。

语法:"`" + "代码片段" + "`"

举例:

`printf()`函数

运行结果如下:

printf()函数

代码区块

代码区块使用“四个空格”或“Tab键”。

语法; "四个空格" 或 "Tab键" + “代码”

举例(本实例以PHP语言代码为例):

    <?php
    echo "Snowflake";
    ?>

运行结果如下:

<?php
echo "Snowflake";
?>

你也可以使用三个反引号(```)来包裹一段代码,并指定一种语言(也可以不指定)

语法:"```" + "语言名称(例如:java)" 或 不指定语言

举例(本实例以PHP语言代码为例):

​```php
<?php
echo "Snowflake";
?>
​```

运行结果如下:

<?php
echo "Snowflake";
?>

8、Markdown链接

Markdown中为我们提供了两种添加链接的方式,一种是一个方括号"[]“加上一个小括号”()",方括号中填写链接名称,小括号内填写链接地址;另外一种方式是直接在一对尖括号"<>"内直接写链接地址

语法:
方法一:"[" + "链接名称" + "]" + "("+ "链接地址" +")"
方法二:"<" + "链接地址" + ">"

方法一和方法二的区别:

方法一可以指定显示链接名称,不显示链接地址,而方法二不能指定显示链接的名称,只能显示链接地址。

举例(本实例以链接到百度www.baidu.com为例):

方法一:[百度](https://www.baidu.com)
方法二:<https://www.baidu.com>

运行结果如下;

方法一:百度
方法二:https://www.baidu.com

高级链接

我们可以通过设置变量来设置一个链接,赋值变量在文档的末尾执行:

语法:
第一行:"[" + "链接名称" + "]" + "[" + "变量名称" + "]"
第二行:"[" + "变量名称" + "]" + ":" + "空格键" + "链接地址"

举例(本实例以链接到百度www.baidu.com为例):

[百度][1]
[1]: https://www.baidu.com

运行结果如下:

百度


9、Markdown图片

Markdown图片的创建可以分三步走:

  1. 开头一个感叹号 !
  2. 接着一个方括号 [ ] ,里面放上图片加载不出来时的替代的文字
  3. 接着一个**小括号 ( ) **,里面放上图片的网址。
语法:
"!" + "[" +"加载失败时显示的文字" + "]" + "(" + "图片地址(本地地址或网络地址)" + "空格键" + "title属性文字内容(鼠标放到照片上显示的文字)" +")"

提示:小括号内部的title属性可选择性填写,写不写title属性对图片本身的运行效果并无影响。

举例(本实例以百度logo图片为例):

![百度](https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png "百度一下,你就知道")

运行结果如下:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-JOoE8Aeu-1626508087863)(https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png “百度一下,你就知道”)]

顺便说一下:

可以像Markdown链接中的高级链接那样来对图片地址使用变量。

语法:
第一行:"[" + "链接名称" + "]" + "[" + "变量名称" + "]"
第二行:"[" + "变量名称" + "]" + ":" + "空格键" + "图片地址"

举例(本实例以百度logo图片为例):

[百度][1]
[1]: https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png

运行结果如下:

百度

为什么图片不能直接显示?

因为我们是以链接的形式插入的,因此图片不能直接显示,需要点击链接后才能跳转到图片页面。

图片宽度、高度设置

Markdown中可以对图片的宽度和高度进行设置,此时我们需要借助HTML中的img标签。

语法:
<img src="图片地址(本地地址或网络地址)" width="" height="" /> 

举例(本实例以百度logo图片为例):

<img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" width="100%" height="100%" />

运行结果如下:


10、Markdown表格

Markdown在制作表格时,会以**一条竖线( | )来分割不同的单元格,其中用减号( - )**来分割表头和其他行。

语法:
| 表头1 | 表头2 | 表头3 |
| --- | --- | --- |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |

举例:

| 表头1 | 表头2 | 表头3 |
| --- | --- | --- |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |

运行结果如下:

表头1表头2表头3
单元格单元格单元格
单元格单元格单元格

表格中的左对齐、右对齐、居中对齐

Markdown表格通常时默认做对齐的,如果需要改变对齐方式,我们可以通过改变修改**表头下方的减号( - )**来实现。

  1. :- 设置内容以左对齐的方式来展示
  2. -: 设置内容以右对齐的方式来显示
  3. :-: 设置内容以居中对齐的方式来显示
语法:
| 左对齐 | 右对齐 | 居中对齐 |
| :--- | ---: | :---: |
| 单元格 | 单元格 | 单元格 |

举例:

| 左对齐 | 右对齐 | 居中对齐 |
| :--- | ---: | :---: |
| 单元格 | 单元格 | 单元格 |

运行结果如下:

左对齐右对齐居中对齐
单元格单元格单元格

11、Markdown转义

Markdown中使用了 很多字符来表示特殊意义,如果需要显示这些字符,就需要使用到转义,用法为在要显示的字符前面加上**反斜杠(\)**即可。

举例:

不需要转义显示:**文本加粗**
需要转义显示:\*\*文本加粗\*\*

运行结果如下:

不需要转义显示:文本加粗
需要转义显示:**文本加粗**

Markdown 支持以下这些符号前面加上反斜杠来帮助插入普通的符号:

字符名称
\反斜线
`反引号
*星号
_下划线
{}花括号
[]方括号
()小括号
#井字号
+加号
-减号
.英文句点
右对齐居中对齐
单元格单元格单元格

运行结果如下:

| 左对齐 | 右对齐 | 居中对齐 |
| :----- | -----: | :------: |
| 单元格 | 单元格 |  单元格  |

---

## 11、Markdown转义

Markdown中使用了 很多字符来表示特殊意义,如果需要显示这些字符,就需要使用到转义,用法为在要显示的字符前面加上**反斜杠(\)**即可。

举例:

不需要转义显示:文本加粗
需要转义显示:**文本加粗**


运行结果如下:

不需要转义显示:**文本加粗**
需要转义显示:\*\*文本加粗\*\*

> Markdown 支持以下这些符号前面加上反斜杠来帮助插入普通的符号:
>
> | 字符 | 名称 |
> | :---: | :---: |
> | \   | 反斜线 |
> | \`   | 反引号 |
> | \*   | 星号 |
> | \_   | 下划线 |
> | \{\} | 花括号 |
> | \[\] | 方括号 |
> | \(\) | 小括号 |
> | \#   | 井字号 |
> | \+   | 加号 |
> | \-   | 减号 |
> | \.   | 英文句点 |
> | \!   | 感叹号 |
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值