Markdown 学习总结笔记(二)

2022/1/10 23:04:01

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

Markdown 学习总结笔记

基础语法

引用

简单块引用

在Markdown中使用 > + 空格 来表示块引用

当需要换行时,可以在前方不加 >

需要新板块可以空出一行

代码示例

> 换行可以不加 `>`  
 我前面没有 `>`

> 如果需要新的一块,块引用则空出一行重新在文本前方使用 `>`

示例效果

换行可以不加 >
我前面没有 >

如果需要新的一块,块引用则空出一行重新在文本前方使用 >

区块引用的嵌套

区块引用可以进行嵌套,只需使用多个 >

嵌套区块引用使用 > 的个数,代表着嵌套的深度
嵌套区块引用中 > 之间可以不用空格隔开

代码示例

>> 第二层

> 第一层
> > 第二层

> 第一层
> > > 第三层

示例效果

第二层

第一层

第二层

第一层

第三层

区块引用与列表嵌套

列表里面可以使用区块引用,区块引用中也可以使用列表

  • 列表中使用区块引用

代码示例

1. 有序列表 A
    > 引用区块
    1. 有序列表 Aa
        > 引用区块
    > 区块
2. 有序列表 B 

示例效果

  1. 有序列表 A

    引用区块

    1. 有序列表 Aa

      引用区块

    引用区块

  2. 有序列表 B
  • 区块引用中使用列表

代码示例

> - 这序列表 A
> - 无序列表 B
>     * 子列表需要在 `>` 后面加入四个空格 

示例效果

  • 这序列表 A
  • 无序列表 B
    • 子列表需要在 > 后面加入四个空格

代码

代码段

文本段中使用代码段,就用反引号包裹住
代码示例

文本段中使用`代码段`,就用反引号包裹住

示例效果
文本段中使用代码段,就用反引号包裹住

代码区块

使用三个引号包裹代码块,引号是放在最前方

代码示例

- 每行文字前加4个空格
- 每行文字前加1个<kbd>tab</kbd>键
- 使用三个反引号```包裹一段代码,在第一个```后面可以指定代码语言,显示代码高亮,也可以不指定语言

示例效果

  • 每行文字前加4个空格
  • 每行文字前加1个tab
  • 使用三个反引号包裹一段代码,在第一个后面可以指定代码语言,显示代码高亮,也可以不指定语言

链接

简单链接

格式:

  • 链接名称
  • 链接名称
  • <链接网址>

注:文字说明可以通过鼠标悬浮链接上查看

代码示例

百度[百度](https://www.baidu.com/)
百度[百度](https://www.baidu.com/ "百度搜索")
百度<https://www.baidu.com/>

示例效果

百度百度
百度百度
百度https://www.baidu.com/

高级链接

可以使用变量来调用链接

使用变量要记得在文档的结尾为变量赋值

代码示例

[百度][1]
[谷歌][2]

然后在文档的结尾为变量赋值(网址)

[1]: https://www.baidu.com/
[2]: http://www.google.com/

示例效果

百度
谷歌

然后在文档的结尾为变量赋值(网址)

图片

与插入跟链接的方法区别在于前面加了个感叹号

插入图片Markdown语法代码:![图片alt](图片链接 "图片title")。

对应的HTML代码:<img src="图片链接" alt="图片alt" title="图片title">

代码示例

    ![图片alt](https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg9.51tietu.net%2Fpic%2F2019-091303%2Fqyi3paeq420qyi3paeq420.jpg&refer=http%3A%2F%2Fimg9.51tietu.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1644417436&t=fbec8c339cbc7244582547dcea410310 "图片title")

    <img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg9.51tietu.net%2Fpic%2F2019-091303%2Fqyi3paeq420qyi3paeq420.jpg&refer=http%3A%2F%2Fimg9.51tietu.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1644417436&t=fbec8c339cbc7244582547dcea410310" alt="图片alt" title="图片title">

示例效果

图片alt

图片alt

表格

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

表格对齐放方式

  • -: 设置内容和标题栏居右对齐。
  • :- 设置内容和标题栏居左对齐。
  • :-: 设置内容和标题栏居中对齐。

代码示例

|  表头一   | 靠左对齐  |  靠右对齐  |   居中对齐  |
| :----- | :-----| ----: | :----: |
| 单元格1 | 单元格2 | 单元格3 | 单元格4 |
| 单元格11 | 单元格22 | 单元格33 | 单元格44 |
| 单元格111 | 单元格222 | 单元格333 | 单元格444 |
| 单元格1111 | 单元格2222 | 单元格3333 | 单元格4444 |

示例效果

表头一 靠左对齐 靠右对齐 居中对齐
单元格1 单元格2 单元格3 单元格4
单元格11 单元格22 单元格33 单元格44
单元格111 单元格222 单元格333 单元格444
单元格1111 单元格2222 单元格3333 单元格4444

目录

在需要目录出现的地方(一般在文章一开始)放置一个标记,这样会自动生成一个嵌套的包含所有标题的列表。

本文目录示例
- [基础语法](#基础语法)
  - [引用](#引用)
    - [简单块引用](#简单块引用)
    - [区块引用的嵌套](#区块引用的嵌套)
    - [区块引用与列表嵌套](#区块引用与列表嵌套)
  - [代码](#代码)
    - [代码段](#代码段)
    - [代码区块](#代码区块)
  - [链接](#链接)
    - [简单链接](#简单链接)
    - [高级链接](#高级链接)
  - [图片](#图片)
  - [表格](#表格)
  - [目录](#目录)
- [参考](#参考)
  • 基础语法
    • 引用
      • 简单块引用
      • 区块引用的嵌套
      • 区块引用与列表嵌套
    • 代码
      • 代码段
      • 代码区块
    • 链接
      • 简单链接
      • 高级链接
    • 图片
    • 表格
    • 目录
  • 参考

参考

菜鸟教程
Markdown官方教程教程



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


扫一扫关注最新编程教程