零基础入门markdown自学笔记

 前言

 

      出于更好地记录学习前端知识的目的，我来学习一下markdown的一些功能，至于markdown的功能和作用就不多赘述了，主要就是简单易学功能好，下面是对markdown的一些语法的总结、使用注意和个人理解。

---

首先是markdown的适配

        这一部分呢在csdn也有好多了，这里我使用的是vscode来写的，vscode是支持markdown语言的，将文件名后缀改为“.md”即可。拓展包主要就是安装markdown all in one，markdown previe enhanced就行了。我也还是在学习，所以暂时还没有了解需要更多的拓展包。需要的可以自行csdn查一下。

---

markdown的常见标记语法

1、标题

        说明：首先是标题啊，markdown的标题共六级，级数越大字号越小，和html中的 h1~h6 较为相似。

        语法：# 标题内容（井号个数代表标题级数）

        效果如下图所示

        相对于标题，正文就是直接书写，不需要任何标记，下面这张图大伙可以做一个对照

        在正文中换行并不能显示出来，两个相邻行的内容会在同行显示出来，想要实现两行内容换行显示，需要在中间空出一行才行

        上面蓝字这个点我实操时候两个相邻行也是换行的，可能是因为和视频中的版本或安装的拓展包不同而导致一些异常，谨做参考，大家结合自己实际情况使用

 2、强调（粗体和斜体）

        说完了标题和正文，我们来看一下特殊字体的标记语法，首先是粗体和斜体

粗体：

        说明：就是将字体加粗

        语法：**需要加粗的文本内容**（*可以替换成下划线_）

斜体：

        说明：就是让字体变斜

        语法：*需要变成斜体的内容*（*可以替换成下划线_）

        两者结合在一起使用就是粗斜体

        ***需要粗斜体的内容***（*可以替换成下划线_）

实操展示：

 

3、有序列表

        说明：通过数字和.来建立列表，实际感觉叫标题分支更好，就是多级标题

        语法：数字. 表格内容

        特殊：可以通过制表符tab来达到嵌套的效果

 

        实操：

        ps：

        如上图所示，同一个列表的同一层级无论数字写的是几，系统都会将数字按照正常排序排列好（如上图中的“四书五经”前的数字1被替换成了2）。所以想要重新开始一个新的列表不能直接写1.来开头，需要在两个列表之间输入一些文字来起到分隔作用。

 

        如上图，加入文字后，则两个原本在一起的表格就会被分为两个表格

4、无序列表

        说明：即生成无序的列表，也可以通过制表符tab来达到层级列表的效果

        语法：- 列表内容（-也可以用*或者+来替代）

        实操：

 

5、图片

        说明：在markdown中插入图片

        语法：! [] (图片地址)    ps：图片需要在当前md文档所在的文件夹下才能生效  

        实操：

6、链接

        说明：即在文本中插入链接，可以通过点击链接跳转到对应的链接页面

        语法：1）[链接名](链接地址)

                   2）<链接地址>

        实操：

7、 引用样式文字

        说明：就是对一行文字加上引用的效果，改变外表

        语法：> 引用文字的内容

        实操：（就这么个效果）

         可以通过调节>的个数来完成引用的嵌套，效果如下：

8、代码段

        说明：和引用的效果类似，都是特殊显示一段文字，但是可以识别出不同语言的代码并特殊表示

        语法：```语言名称

                内容

                ```（此处符号为反引号，即键盘中esc下的那个浪号键）

 9、表格

        说明：通过markdown功能来实现表格的建立和自动对齐功能（可通过人为改动其对齐方式）

        语法：在第一行输入表头，不同列之间用  |  分隔开，第二行输入对齐方式和长度，接下来即可输入表格内容

        表头1  |  表头2  | 表头3

        ：-----|：---：|---：             这里英文的冒号太小了，用中文冒号代替，实操中还是要用英文的

        表格内容|表格内容|表格内容

        ps：第二行中 “：-表示向左对齐” “-和：-：都表示居中” “-：表示向右对齐”

        实操：

 11、分割线

        说明：即在行之间插入分割线

        语法：---（前提是上一行需要是空行，否则会变成放大效果）

        实操：

        如上图所示，如果不空行，则会将上一行显示为放大效果，不会表现为分割线

12、公式

        说明：将一些数学表达式用公式的形式表现出来

        语法：$ 输入公式内容 $

13、原生html

        说明：即添加一些原生的html内容到markdown中也可以被识别并且执行

        语法：html语法

        实操：

 那么暂时就需要这些内容，后续需要会在进行补充