Markdown学习笔记

2022/8/14 6:22:56

本文主要是介绍Markdown学习笔记,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

1 Markdown学习

目录
  • 1 Markdown学习
    • 1.1 我是二级标题
      • 1.1.1我是三级标题
        • 1.1.1.1我是四级标题
          • 1.1.1.1.1我是五级标题
            • 1.1.1.1.1.1我是六级标题
    • 1.2字体
      • 1.2.1 加粗字体
      • 1.2.2 变斜字体
      • 1.2.3 删除字体
    • 1.3引用
      • 1.3.1引用内容
      • 1.3.2多行引用
      • 1.3.3嵌套引用
      • 1.3.4其他Markdown语法
    • 1.4 列表
      • 1.4.1无序列表
      • 1.4.2有序列表
      • 1.4.3嵌套的列表
      • 1.4.4列表的语法和用法
    • 1.5 代码
      • 1.5.1行内代码
      • 1.5.2多行代码
    • 1.6分割线
    • 1.7超链接
      • 1.7.1行内式
      • 1.7.2参考式
      • 1.7.3自动链接
    • 1.8图片
      • 1.8.1行内式
      • 1.8.2 参考式
      • 1.8.3 制定图片的大小
    • 1.9表格
      • 1.9.1单元格与表头
      • 1.9.2对齐

1.1 我是二级标题

使用n个#号加一个空格声明标题,一个#代表一级标题,两个#代表两级标题,三个#号代表三级标题以此类推,最多支持6个#号,即六级标题.

1.1.1我是三级标题

1.1.1.1我是四级标题

1.1.1.1.1我是五级标题
1.1.1.1.1.1我是六级标题

1.2字体

1.2.1 加粗字体

使用四个*将被加粗的字体包括起来,前后各两个.

**这是加粗字体**

这是加粗字体

1.2.2 变斜字体

使用两个*将被变斜的字体包括起来,前后各一个.

*这是斜体*

这是斜体

1.2.3 删除字体

使用四个~将删除的字体包括起来,前后各两个.

~~我被删除了~~

我被删除了

1.3引用

1.3.1引用内容

在段落或者其他内容前使用>来将后面的内容声明为引用如下

>这是一段引用,再小的帆也能远航.

这是一段引用,再小的帆也能远航.

1.3.2多行引用

>多行引用
>可以在每行前面加`>`

多行引用
可以在每行前面加>

>如果仅在第一行使用`>`,
后面相邻的行省略`>`,也会变成引用内容

如果仅在第一行使用>,
后面相邻的行省略>,也会变成引用内容

1.3.3嵌套引用

>也可以在引用中
>>使用嵌套引用

也可以在引用中

使用嵌套引用

1.3.4其他Markdown语法

>在引用中使用其他任何的**Markdown**语法

在引用中使用其他任何的Markdown语法

1.4 列表

1.4.1无序列表

  • 可以使用*作为标记
  • 也可以使用+来标记
  • 或者使用-来标记

1.4.2有序列表

1.有序列表以数字和`.`开始;
3.数字序列并不会影响生成的列表序列;
4.但仍推荐按照自然系列(1.2.3)编写.
  1. 有序列表以数字和.开始;
  2. 数字序列并不会影响生成的列表序列;
  3. 但仍推荐按照自然系列(1.2.3)编写.

1.4.3嵌套的列表

1.第一层(这里先按回车键出现2之后用回车键上面的退格键“←”然后输入二级列表+ 1-1)
	+ 1-1
	+ 1-2(这里连续按三次回车键出现2,四次回到行首)
2.无序列表和有序列表可以随意互相嵌套
	1. 2-1
	2. 2-2
  1. 第一层
    • 1-1
    • 1-2
  2. 无序列表和有序列表可以随意相互嵌套
    1. 2-1
    2. 2-2

1.4.4列表的语法和用法

  • 无序列表的开始是:符号空格;
  • 有序列表的开始是数字.空格;
  • 空格至少为一个,多个空格将被解析为一个;
  • 如果仅需要在行前显示数字和.:

05\.可以使用数字\.来取消显示为列表

5.你好啊,我不是列表仅仅是5和.

\*的语法专门来显示Markdown语法中使用的特殊字符,为转移字符

1.5 代码

1.5.1行内代码

  • 通过两个,插入行内代码(Tab 键上边、数字 1 键左侧的那个按键):
  • 代码块中的文本(包括Markdown语法)都会显示为原始内容,特殊字符被转换为HTML字符实体

1.5.2多行代码

使用 ``` ``` 来包含多行代码:
```后面可以跟上代码块的语言以高亮显示.

js高亮显示

1.6分割线

  1. 可以在一行中使用三个或更多的*,-或_来添加分割线(


    )

    ***
    ---
    ___
    



  2. 多个字符之间可以有空格,但不能有其他字符

    * * * * 
    _ _ _ _
    


1.7超链接

1.7.1行内式

格式为[link text](URL 'title text')

①普通链接:

[百度](https://www.baidu.com/)

百度

②指向本地文件的链接

[代码图片](./img/js.png)

代码图片

③包含title的链接

[百度](https://baidu.com/ "百度一下")注意URL和title之间有空格,没有空格会连在一起形成URL

百度

④带圈的数字

① ② ③ ④ ⑤ ⑥ ⑦ ⑧ ⑨ ⑩
⑪ ⑫ ⑬ ⑭ ⑮ ⑯ ⑰ ⑱ ⑲ ⑳
复制着用

1.7.2参考式

参考式链接的写法相当于行内式拆分成两部分,并通过识别符来连接两部分,参考式能尽量保持文章结构简单,也方便统一管理URL.

①首先定义链接:

[百度][link]

百度

第二个方括号为链接独有的识别符,可以是字母,数字,空白或标点符号.识别符是不区分大小写的.

②定义链接的内容:

其格式为[识别符]: URL 'title'

[link]:<https://www.baidu.com/> "百度一下"

其中URL可以使用<>包括起来,title可以使用"",'',()包括起来,(考虑到兼容性,建议使用引号)

③也可以省略识别符,使用链接文本作为识别符:

[百度一下][]
[百度一下]: https://www.baidu.com/ "百度一下"

百度一下

1.7.3自动链接

使用<>包括的URL或邮箱地址会被自动的转换为超链接:

<https://www.baidu.com/>
<[email protected]>

https://www.baidu.com/
[email protected]

该方式适合行内较短的链接,会使用URL作为链接文字.邮箱地址会自动编码,以逃避抓取机器人.

1.8图片

插入图片和插入链接的的语法基本一致,只是在最前面多出一个!也分为行内式和参考式两种.

1.8.1行内式

![panda](./img/panda.jfif "熊猫")

panda

方括号中的部分是图片的替代文本,括号中的 'title' 部分和链接一样,是可选的。

1.8.2 参考式

![大熊猫][panda]
[panda]:./img/panda.jfif "熊猫"

![大熊猫][panda]
[panda]:./img/panda.jfif "熊猫"

1.8.3 制定图片的大小

Markdown 不支持指定图片的显示大小,不过可以通过直接插入<img />标签来指定相关属性:

<img src =./img/panda.jfif width="200" height="100" />

1.9表格

1.9.1单元格与表头

使用|来分隔不同的单元格,使用-来分隔表头和其他行:

name | age
--- | ---
LearnShare | 12
Mike | 32

1.9.2对齐

在表头下方的分隔线标记中加入:即可标记下方单元格内容的对齐方式:

  • :---代表左对齐
  • :--:代表居中对齐
  • ---:代表右对齐
  • 如果不使用对齐标记,单元格中的内容默认左对齐;表头单元格中的内容会一直居中对齐(不同的实现可能会有不同表现)。
  • 表格中可以插入其他 Markdown 中的行内标记.


这篇关于Markdown学习笔记的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程