Markdown学习笔记

ZYiPan

已于 2022-12-18 15:40:27 修改

阅读量271

点赞数 2

文章标签：学习 vscode visual studio code

于 2022-12-18 15:28:45 首次发布

本文链接：https://blog.csdn.net/weixin_63008006/article/details/128362664

版权

Markdown学习笔记

目录如下

Markdown学习笔记

关于排版的几种语法

标题与正文

在Markdown中书写标题的方式是：#+空格+标题内容

几级标题就输入几个井号，实测最高可以输入六级标题。

比如

# 一级标题可以
## 二级标题可以
### 三级标题可以
#### 四级标题可以
##### 五级标题可以
###### 六级标题可以
####### 就不行了

正文的书写则直接输入即可，注意如需换行则需要在编辑时额外多空出一行。

列表

有序列表

输入数字+.+空格可以打出第一级，按回车可以按顺序向下递进，效果如下

多级有序列表

在上述情况下，按回车后再按一次缩进Tab键，效果如下

第一级
第一级
1. 第二级
  1. 第三级

无序列表

输入 -+空格+内容按回车即可，效果如下

首先
其次
然后
最后

无序列表也可以用有序列表相同的操作实现分级

集合
- 子集
  - 元素1
  - 元素2

分隔线语法

当在编辑Markdown文本时如果需要插入分隔线，则需要在新的一行中键入***, 实现的效果如下

表格

一些情况下，可能会需要用一个简单的表格来起到对照作用，其语法为

|biaotou|biaotou|
|---|---|
|danyuange|danyuage|

出来的效果为

biaotou	biaotou
danyuange	danyuage

引用语法

段落引用

基础段落引用

在一段文字前键入一个英文状态下的大于号，就会实现下述效果

这是一段被引用的文字，

利用英文下的大于号可以实现一段文字的引用，如果要实现这种多段文字引用，在编辑时也是需要隔开一行来实现最终的换行效果。

嵌套段落以及列表等

在引用的段落下二次引用就需在二次引用的段落前键入两个英文大于号，实现下述效果

这是大段落

二次引用小段落，，在引用中也可以实现多级列表的应用

首先
其次

引用代码与代码块语法

正文中的代码

在Markdown文档的正文中如需引用一段代码字符可以使用两个键盘左上角的 ` 将代码括起来(注意符号都需要是在英文输入法下键入)，比如在键入

``+while+``

时出现的就是while这种被引用的效果。

引用一段代码块

在需要引用代码块时的操作与上述类似，要用三个 ```将代码块上下括起来，可以在第一行 ` 后面加上代码语言的名字以实现语法高亮，最终出现下述效果

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

链接语法

网址链接

在写Markdown时，如果我们需要引用一个网址时，我们可以使用以下语法

[超链接显示名称](超链接地址 "超链接title") 注意如果要加title，网址后要用空格分开，否则会导致网址打不开，别问我怎么知道的。

注：title就是鼠标悬停在超链接上所显示的内容。

比如，这是我学习用vscode编辑Markdown笔记的文章用vscode写Markdown

而我们只是简单的引用一个可以点击的网址时，可使用两个尖括号，也就是英文下的大于小于号来完成<网址>

同样是上面的教程的网址https://zhuanlan.zhihu.com/p/56943330

链接图片

在一篇笔记中，引用图片来进行辅助是十分必要的，其语法为

![图片显示名称]（图片网址 "图片title"）

关于markdown中引用图片的介绍可以看这篇回答：在Markdown中引用图片

由这篇回答可以看出，如果图片不是使用网络链接进行引用，那么当不在自己设备上浏览时，图片将无法打开，所以我直接学习了如何搭建图床进行引用网络图片。

关于如何搭建图床可以阅读这篇文章：如何搭建图床这篇文章的门槛较低，都能看懂，但是博主有商务合作，仅供参考，网上也有各式各样的搭建图床的教程。如果你像我一样图了省事，那么大概出来就是这么个效果：
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-7aQf4bg7-1671348139754)(https://zyipan-1316060708.cos.ap-guangzhou.myqcloud.com/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE%202022-11-19%20151640.png)]