Markdown基本用法学习笔记

总结一波Markdown的基本用法,按照菜鸟教程书写
事先注意:

  1. 标记符号前后必须有空格,不能与具体内容直接相连
  2. 使用的所有标记符号都是英文符号(半角符号)

    1. Markdown标题

    markdown标题有两种格式。

    1.1. 使用 = 和 - 标记一级与二级标题

    写法如下:
    1
    2
    3
    4
    我是一级标题
    ============
    我是二级标题
    ------------

1.2. 使用#号表示

使用#号表示1-6级标题(大概对应html提供的六级标题),一级标题对应一个#号,二级标题对应两个#号,以此类推。
写法如下:

1
2
3
4
5
6
# 我是一级标题
## 我是二级标题
### 我是三级标题
#### 我是四级标题
##### 我是五级标题
###### 我是六级标题


2. Markdown段落

markdown段落没有特殊的格式,直接编写文字即可:

2.1. 换行

  1. 段落结尾使用一个两个以上的空格加上回车
  2. 段落后面加一行空行

    2.2. 字体

    可以使用斜体、粗体、粗斜体,规则就是对于*号_号,文字头尾被一个符号包围为斜体,然后类推为粗体、斜粗体:
  3. 斜体 对应的一种书写方式为:*斜体*
  4. _斜体_ 对应的另一种书写方式为:_斜体_
  5. 粗体 对应的一种书写方式为:**粗体**
  6. 粗体 对应的另一种书写方式为:__粗体__
  7. 斜粗体 对应的一种书写方式为:***斜粗体***
  8. 斜粗体 对应的另一种书写方式为:__斜粗体__
  9. 斜粗体 对应的这种书写方式也是可行的:*__斜粗体__*
  10. 斜粗体 对应的这种书写方式也是可行的:__*斜粗体*__

    2.3. 分割线

    在一个空行中使用三个以上的星号*、减号-、底线_来建立一个分隔线,行内除了空格不能有其他东西,下面的写法都可以建立分隔线:
    写法如下:
    1
    2
    3
    4
    5
    ***
    ---
    ___
    - - -
    _ _ _

效果如下:






删除线

在要在添加删除线的文字两端添加两波浪线~~即可:
写法如下:

1
~~删除这部分~~

效果如下:
删除这部分

下划线

需要使用HTML的<u>标签实现:

1
<u>这部分有下划线</u>

这部分有下划线

脚注

脚注是对文本的补充说明。
markdown的脚注用法
写法如下:

1
[^要注明的文本]

使用时这样使用:
写法如下:

1
2
这是一个[^脚注]
[^脚注]: 内容是这样的

效果如下:
这是一个^脚注


Markdown列表

Markdown支持无序与有序两种列表:

无序列表

写法如下:

1
2
3
4
5
6
7
8
9
10
11
* 第一项
* 第二项
* 第三项

+ 第一项
+ 第二项
+ 第三项

- 第一项
- 第二项
- 第三项

效果如下:

  • 第一项
  • 第二项
  • 第三项
  • 第一项
  • 第二项
  • 第三项
  • 第一项
  • 第二项
  • 第三项

    2.4. 有序列表

    使用数字加上.号来实现
    写法如下:
    1
    2
    3
    1. 第一项
    2. 第二项
    3. 第三项

效果如下:

  1. 第一项
  2. 第二项
  3. 第三项

    2.5. 列表嵌套

    需要在子列表选项前面添加四个空格
    写法如下:

    1
    2
    3
    4
    5
    6
    1. 第一项
    * 第一项的第一小项
    1. 第一项的第一小项的第一小小项
    2. 第一项的第一小项的第二小小项
    * 第一项的第二小项
    2. 第二项
  4. 第一项

    • 第一项的第一小项
      1. 第一项的第一小项的第一小小项
      2. 第一项的第一小项的第二小小项
    • 第一项的第二小项
  5. 第二项

3. Markdown区块

3.1. 区块用法

写法如下:

1
2
> 外层区块
> > 区块嵌套

效果如下:

外层区块

区块嵌套

3.2. 与列表一起使用

3.2.1. 区块中的列表

写法如下:

1
2
3
4
5
> 区块说明
> 1. 第一项
> 2. 第二项
> * 第一项
> * 第二项

效果如下:

区块说明

  1. 第一项
  2. 第二项
  • 第一项
  • 第二项

3.2.2. 列表中的区块

>之前添加四个空格
写法如下:

1
2
3
* 第一项
> 第一项的区块说明
* 第二项

效果如下:

  • 第一项

    第一项的区块说明

  • 第二项

    4. Markdown代码

    4.1. 段内代码片段

    使用Tab键上面的~键输入 `号来包围片段
    写法如下:
    1
    这个叫的`ps aux`的命令可以显示当前系统的进程

效果如下:
这个叫的ps aux的命令可以显示当前系统的进程

4.2. 代码区块用法1

使用一个4个空格或者一个制表符Tab
写法如下:

1
2
这行前面是四个空格
这行前面是一个tab

效果如下:

这行前面是四个空格  
这行前面是一个tab  

4.3. 代码区块用法2

使用一对 ``` 来包围代码区块
写法如下:

1
2
3
、、、     //此处为了在代码块中呈现代码块的写法,用、代替`了
这是一段代码
、、、

效果如下:

1
2

这是一段代码

5. Markdown链接

5.1. []()搭配 或者 使用<>

[]():[]中放入你想那个链接在文中显示的文字,()中放入链接的地址
<>:<>中放入地址即可
写法如下:

1
2
3
[本文学自菜鸟教程](https://www.runoob.com)  (两个空格换行)
或者点击: (两个空格换行)
<https://www.runoob.com>

效果如下:

本文学自菜鸟教程
或者点击:
https://www.runoob.com

5.2. 高级链接

用变量代替链接,在文末附带变量的值
写法如下:

1
2
比如这个链接[我的博客][var1]就是使用变量var1来指定具体地址   (两个空格换行)
这个[菜鸟教程][cn]用cn在文末指定地址,这样方便地址的统一管理

效果如下:
比如这个链接我的博客就是使用变量var1来指定具体地址
这个菜鸟教程用cn在文末指定地址,这样方便地址的统一管理

6. Markdown图片

6.1. 一般用法

使用方法与链接的一种用法差不多,是使用![]()的搭配
[]中放入alt 属性文本,大概就是图片显示不出时用这个文字代替图片,()中放入图片地址
写法如下:

1
2
比如这个图片   (两个空格换行)  
![111](https://skyqin1999.oss-cn-beijing.aliyuncs.com/img/view/qzm.png)

效果如下:
比如这个图片
111

6.2. 定大小的高级用法

这个markdown中没法调整大小,要使用html的img标签
写法如下:

1
2
3
比如这两张图片   (两个空格换行)  
<img scr="https://skyqin1999.oss-cn-beijing.aliyuncs.com/img/view/qzm.png" width="50%"> (两个空格换行)
<img scr="https://skyqin1999.oss-cn-beijing.aliyuncs.com/img/view/qzm.png" width="200">

效果如下:
比如这两张图片

6.3. Markdown表格

  • markdown中使用|分隔不同单元格,使用-分隔表头与其他行(表头默认加粗文字格式)
  • 可以设置对齐方式:-:表示内容与标题栏局右对齐、:-表示居左对齐、:-:表示居中对齐
  • 基本用法中不支持合并单元格等高级用法

写法如下:

1
2
3
4
5
| 居左 |居中  | 居右 |
| :-- | :--: | --: |
| 1 | 2 | 3 |
| 1 | 2 | 3 |
| 1 | 2 | 3 |

效果如下:

居左 居中 居右
1 2 3
1 2 3
1 2 3

7. Markdown高级用法

主要是说支持html的一套与其他的拓展工具

7.1. HTML标签

markdown除了自己的标签外,支持直接在md文档中书写html元素
比如:<kbd> <b> <i> <em> <sup> <sub> <br>

7.2. 转义

如果要在文中输入星号*,除了使用代码块外,还可以使用反斜杠转义
写法如下:

1
\*\*正常显示星号\*\*

效果如下:

**正常显示星号**
说明:

`*_[]{}()#+-.! 支持前面加上反斜杠以插入

7.3. 颜色使用

在基本的md使用中颜色有时候蛮重要的,为枯燥的文字增添活力,可是使用html标签为字体添加颜色
写法如下:

1
2
3
4
5
<font color=Orange>比如这个颜色,以及下面配合表格使用</font>
| <font color=Orange>生活</font> | <font color=Red>学习 </font> | <font color=OliveDrab>锻炼</font> | <font color=DodgerBlue>爱好</font> |
| :---------------------------------------: | :------------------------------------: | :------------------------------------------: | :-------------------------------------------: |
| <font color=Orange>**1. 日常早起**</font> | <font color=Red>**1. 高等数学**</font> | <font color=OliveDrab>**1. 今天跑步**</font> | <font color=DodgerBlue>**1. 尤克里里**</font> |
| <font color=Orange>**2. 去吃早餐**</font> | <font color=Red>**2. 单词作文**</font> | <font color=OliveDrab>**2. 今天骑行**</font> | <font color=DodgerBlue>**2. 优化博客**</font> |

效果如下:

比如这个颜色,以及下面配合表格使用
生活 学习 锻炼 爱好
1. 日常早起 1. 高等数学 1. 今天跑步 1. 尤克里里
2. 去吃早餐 2. 单词作文 2. 今天骑行 2. 优化博客

7.4. 其他插件

有流程图、数学公式的插件,我暂时没用到过,今后再写

7.5. 复选框

写法如下:

1
2
3
4
5
6
- [x] Markdown  
- [ ] JavaScript
+ [x] Markdown
+ [ ] JavaScript
* [x] Markdown
* [ ] JavaScript

效果如下:

  • Markdown
  • JavaScript
  • Markdown
  • JavaScript
  • Markdown
  • JavaScript