揭开Markdown的秘籍:引用|代码块|超链接

在这里插入图片描述
🌈个人主页:聆风吟
🔥系列专栏:Markdown指南网络奇遇记
🔖少年有梦不应止于心动,更要付诸行动。


📋前言

Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档。

Markdown 语言在 2004 由约翰·格鲁伯(英语:John Gruber)创建。

Markdown 编写的文档可以导出 HTML 、Word、图像、PDF、Epub 等多种格式的文档。

Markdown 编写的文档后缀为 .md, .markdown。



一. ⛳️Markdown 引用

1.1 🔔引用

Markdown 区块引用是在段落开头使用 > 符号 ,然后后面紧跟一个空格符号(简记:> + ' ')。Markdown语法如下:

> 区块引用
> 来CSDN
> 学的不仅是技术更是梦想

展示效果图如下所示:
在这里插入图片描述

1.2 🔔嵌套引用

另外,引用也是可以嵌套的,一个>符号是最外层,两个>符号是第一层嵌套,以此类推。Markdown语法如下:

> 最外层嵌套
>> 第一层嵌套
>>> 第三层嵌套

展示效果图如下所示:在这里插入图片描述

1.3 🔔列表与引用混合使用

1.3.1 👻引用中使用列表

引用不仅可以引用段落,还可以引用列表文字样式、以及后面所学的图片超链接等等,有兴趣的同学可以自行去尝试,这里仅简单演示一下引用中使用列表。Markdown语法如下:

> 引用中使用列表
> 有序列表:
> 1. 第一项
> 2. 第二项
>
> 无序列表:
> * 第一项
> * 第二项

展示效果图如下所示:
在这里插入图片描述

1.3.2 👻列表中使用引用

如果要在列表项目内放进区块,那么就需要在>前添加四个空格或者一个制表符TAB的缩进。Markdown语法如下所示:

1. 第一项
	> 来到CSDN
	> 学的不仅是技术更是梦想
2. 第二项

展示效果图如下所示:在这里插入图片描述



二. ⛳️Markdown 代码块

2.1 🔔行内代码块

如果是行内的一个函数或片段的代码可以用一对反引号`把它包起来。如果在行内代码中需要反引号本身,可以使用两对反引号加前后空格来创建。Markdown语法如下所示:

`printf`函数

标记反引号`` ` ``

展示效果图如下所示:
在这里插入图片描述

2.2 🔔代码块

将文本的每一行添加至少四个空格或一个制表符Tab,Markdown语法如下:

解释:因为空格不能显示,这里使用TAB表示四个空格。

TAB #include <stdio.h>
TAB	
TAB int main()
TAB {
TAB		printf("Hello CSDN!");
TAB		return 0;
TAB }

展示效果图如下所示:
在这里插入图片描述
由此可以看出,该种方法特别繁琐,需要每行代码的前面都要加上四个空格或者一个制表符。如果代码过长该怎么办呢,有没有其他快捷的方法呢?当然是的,极力推荐大家采用下面这种办法——围栏式代码块

2.3 🔔围栏式代码块(推荐)

用三个反引号`或三个波浪号~包裹一段代码,并且可以指定一种语言(也可以不指定),在指定语言的状态下还会有代码高亮。Markdown语法如下:

```javascript
//指定语言
int main()
{
	const int n = 10;
	printf("Hello CSDN!");
	return 0;
}
```

展示效果图如下所示:
在这里插入图片描述
注意:如果不指定语言可以直接将javascript去掉即可,本文演示采用的是javascript语言并不代只能使用该语言,语言的选择可以根据自己的需要做出更改。



三. ⛳️Markdown 超链接

3.1 无标签链接

无标签链接是一种简单直接的链接,直接将链接地址放入一对尖括号中< >。Markdown语法如下:

<https://www.csdn.net/>

展示效果图如下所示:
在这里插入图片描述

3.2 有标签链接

有标签链接的语法形式是[链接名称](链接地址),通过将链接连接到相应的标签上,直接点击该标签就可以访问到相应的网址,可以达到见标签知网址的效果。Markdown语法如下:

这是一个链接[CSDN](https://www.csdn.net/)

展示效果图如下所示:
在这里插入图片描述

3.3 高级链接

我们可以通过变量来设置一个链接,变量赋值在文档末尾进行。Markdown语法如下:

这个链接用 1 作为网址变量 [CSDN][1]
这个链接用 csdn 作为网址变量 [CSDN][csdn]
然后在文档的结尾为变量赋值(网址)

  [1]: https://www.csdn.net/
  [csdn]: https://www.csdn.net/

展示效果图如下所示:
在这里插入图片描述



📝全文总结

    本文主要介绍了Markdown的引用、代码块、超链接一些常见的语法,下面给出本文的思维导图。大家可以结合思维导读回顾一下上面所学,多动手敲敲加深印象,思维导图如下所示:
在这里插入图片描述

     今天的干货分享到这里就结束啦!如果觉得文章还可以的话,希望能给个三连支持一下,聆风吟的主页还有很多有趣的文章,欢迎小伙伴们前去点评,您的支持就是作者前进的最大动力!
在这里插入图片描述

  • 107
    点赞
  • 104
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 154
    评论
评论 154
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

聆风吟_

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值