【MarkDown】——MarkDown学习笔记

目录

一、什么是MarkDown?

二、为什么要用MarkDown?

三、Markdown工作原理: ​编辑

 四、Markdown基本语法

1.标题:

 2.段落:

 3.换行:

4.强调:

 5.斜体:

 6.块引用:

7.嵌套引用:

8.带有其他元素的块引用:

 9.有序列表:

10.图片:

11.代码:

12.水平线:

13.链接:

 14.转义符和html标签:

 15.表格:

16.围栏代码块:

 17.脚标:

 18.标题ID:

 19.删除线:

20.表情符:

21.强调:


一、什么是MarkDown?

MarkDown是一种轻量级标记语言,允许人们使用易读易写的纯文本格式编写文档,将格式元素添加到纯文本文档,允许使用易于阅读、易于编写的纯文本格式进行编写,然后将其转换为结构上有效的XHTML(或HTML)

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

MarkDown编写的文档后缀名为  .md .markdown

二、为什么要用MarkDown?

Markdown不仅可以帮助公众号排版之外,也可以给任何文档排版,使之更加有结构,更好看。

只要你喜欢记录和输出,喜欢用电脑记录东西,如果不想落伍,Markdown是一个值得学习和掌握的技能。那些网上很漂亮官方文档都是用Markdown写出来的。

现在主流的Markdown工具有:Typora,UIysses等等,工具都大同小异。

Markdown是可移植的。Markdown格式文本的文件几乎可以使用任何应用程序打开。

Markdown与平台无关。可以在运行任何操作系统的任何设备上创建Markdown格式文本。

Markdown无处不在,Reddit和Github等网站支持Markdown,许多桌面和基于web的应用程序都支持Markdown。

这里有个小点,在gitHub浏览任意一个开源项目,一般是:在下图下载down安装包:

【MarkDown】——MarkDown学习笔记_第1张图片

gitHub其实是有传送门的,在空白页面,按住 ctrl + . ,就可以自动跳转到网页版的编辑器:

【MarkDown】——MarkDown学习笔记_第2张图片

【MarkDown】——MarkDown学习笔记_第3张图片Markdown可以用于任何事情,通过简单的标记语法,它可以使普通文本内容具有一定的格式。

三、Markdown工作原理: 【MarkDown】——MarkDown学习笔记_第4张图片

 四、Markdown基本语法

1.标题:

【MarkDown】——MarkDown学习笔记_第5张图片

练习演示:

1.在vs code中下载 Mark Down all in one:

【MarkDown】——MarkDown学习笔记_第6张图片

2.创建一个README.md文件:

【MarkDown】——MarkDown学习笔记_第7张图片

编辑内容如下图,

【MarkDown】——MarkDown学习笔记_第8张图片

在侧边栏找到预览,可以看到:

【MarkDown】——MarkDown学习笔记_第9张图片

【MarkDown】——MarkDown学习笔记_第10张图片

【MarkDown】——MarkDown学习笔记_第11张图片

 2.段落:

【MarkDown】——MarkDown学习笔记_第12张图片

 练习演示:【MarkDown】——MarkDown学习笔记_第13张图片

 3.换行:

【MarkDown】——MarkDown学习笔记_第14张图片

练习演示:

【MarkDown】——MarkDown学习笔记_第15张图片

【MarkDown】——MarkDown学习笔记_第16张图片 但是如果不想代码块被解析:

【MarkDown】——MarkDown学习笔记_第17张图片

        解释如下:

【MarkDown】——MarkDown学习笔记_第18张图片

所以说,``的本质就是标签。

4.强调:

【MarkDown】——MarkDown学习笔记_第19张图片

 练习:

【MarkDown】——MarkDown学习笔记_第20张图片

【MarkDown】——MarkDown学习笔记_第21张图片

【MarkDown】——MarkDown学习笔记_第22张图片

 5.斜体:

【MarkDown】——MarkDown学习笔记_第23张图片

练习演示:

【MarkDown】——MarkDown学习笔记_第24张图片【MarkDown】——MarkDown学习笔记_第25张图片

【MarkDown】——MarkDown学习笔记_第26张图片

 6.块引用:

【MarkDown】——MarkDown学习笔记_第27张图片

练习演示:

【MarkDown】——MarkDown学习笔记_第28张图片

【MarkDown】——MarkDown学习笔记_第29张图片

 【MarkDown】——MarkDown学习笔记_第30张图片

【MarkDown】——MarkDown学习笔记_第31张图片

 接下来的讲解,我们来看一下官方的文档:

        大部分学习还是自己去看官方文档加更有效!!!

【MarkDown】——MarkDown学习笔记_第32张图片

【MarkDown】——MarkDown学习笔记_第33张图片

7.嵌套引用:

【MarkDown】——MarkDown学习笔记_第34张图片

8.带有其他元素的块引用:

【MarkDown】——MarkDown学习笔记_第35张图片

预览效果:

【MarkDown】——MarkDown学习笔记_第36张图片

 9.有序列表:

【MarkDown】——MarkDown学习笔记_第37张图片

【MarkDown】——MarkDown学习笔记_第38张图片

【MarkDown】——MarkDown学习笔记_第39张图片

【MarkDown】——MarkDown学习笔记_第40张图片  

10.图片:

【MarkDown】——MarkDown学习笔记_第41张图片

【MarkDown】——MarkDown学习笔记_第42张图片

【MarkDown】——MarkDown学习笔记_第43张图片

11.代码:

 【MarkDown】——MarkDown学习笔记_第44张图片

【MarkDown】——MarkDown学习笔记_第45张图片

【MarkDown】——MarkDown学习笔记_第46张图片

【MarkDown】——MarkDown学习笔记_第47张图片

12.水平线:

【MarkDown】——MarkDown学习笔记_第48张图片

【MarkDown】——MarkDown学习笔记_第49张图片

        推荐使用 --- 

13.链接:

【MarkDown】——MarkDown学习笔记_第50张图片

 语法都是可以混合的,比如先加入一张图片:

【MarkDown】——MarkDown学习笔记_第51张图片【MarkDown】——MarkDown学习笔记_第52张图片  

[]表示图片加载不出来的时代替的文本,()里面写图片的路径或者url,“”写对图片的描述。

然后我们想要给图片加一个图片链接,也就是点击图片即可跳转到另外一个网站: 

【MarkDown】——MarkDown学习笔记_第53张图片【MarkDown】——MarkDown学习笔记_第54张图片 

语法就是:

[加入图片的语法](想要跳转的地址链接)

此时,我们点击这张图片就会跳转到 https://arryblog.com 了。

 14.转义符和html标签:

【MarkDown】——MarkDown学习笔记_第55张图片

【MarkDown】——MarkDown学习笔记_第56张图片【MarkDown】——MarkDown学习笔记_第57张图片 

但是注意:

不可以在块级HTML标记中使用Markdown语法。是没有效果的。

例如:

【MarkDown】——MarkDown学习笔记_第58张图片

 那么,哪些是块级HTML标记呢?

        注:块级元素可以独占一行,默认自上而下排列,可以设置宽高。

【MarkDown】——MarkDown学习笔记_第59张图片

 15.表格:

【MarkDown】——MarkDown学习笔记_第60张图片

【MarkDown】——MarkDown学习笔记_第61张图片

【MarkDown】——MarkDown学习笔记_第62张图片

Typora效果:

【MarkDown】——MarkDown学习笔记_第63张图片【MarkDown】——MarkDown学习笔记_第64张图片 

只有加:才能进行对齐,官方文档告诉我们 ------不管多长,渲染输出的效果是一样的。 

我们还可以格式化表格中的文本:

 【MarkDown】——MarkDown学习笔记_第65张图片

【MarkDown】——MarkDown学习笔记_第66张图片 【MarkDown】——MarkDown学习笔记_第67张图片

注意:

 

16.围栏代码块:

【MarkDown】——MarkDown学习笔记_第68张图片

【MarkDown】——MarkDown学习笔记_第69张图片

【MarkDown】——MarkDown学习笔记_第70张图片

 17.脚标:

【MarkDown】——MarkDown学习笔记_第71张图片

Typora效果:

【MarkDown】——MarkDown学习笔记_第72张图片

 18.标题ID:

【MarkDown】——MarkDown学习笔记_第73张图片

效果:

【MarkDown】——MarkDown学习笔记_第74张图片

前面的三个###是标题的意思,{}内写的才是标题的自定义ID。

标题ID的作用就是锚点标签,点击这个标题标签,会跳到定义了

的标签位置。

链接到标题ID:

【MarkDown】——MarkDown学习笔记_第75张图片

 19.删除线:

20.表情符:

【MarkDown】——MarkDown学习笔记_第76张图片

21.强调:

【MarkDown】——MarkDown学习笔记_第77张图片

你可能感兴趣的:(markdown,学习)