avatar

目錄
Markdown基础语法

Markdown基础语法


一、概述

Markdown是一种纯文本格式的标记语言。通过简单的标记语法,它可以使普通文本内容具有一定的格式。

Markdown 的特点就是,让写作变得更简单,我们不用再考虑如何排版,我们只要专心于写作就好了,其目标就是实现「易读易写」


二、基础语法

2.1 标题

  • Markdown支持6种级别的标题,一个#是一级标题,二个#是二级标题,以此类推,对应html标签 h1 ~ h6

  • 除此之外,Markdown还支持另外一种形式的标题展示形式,其类似于 Setext 标记语言的表现形式,使用下划线进行文本大小的控制。使用这种方式处理标题仅有两种表现形式,即一级标题和二级标题。

    示例:

    Code
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    # 这是一级标题

    ## 这是二级标题

    ### 这是三级标题

    #### 这是四级标题

    ##### 这是三级标题

    ###### 这是四级标题

    以上标记显示效果如下:

    这是一级标题

    这是二级标题

    这是三级标题

    这是四级标题

    这是三级标题
    这是四级标题

2.2 文本

1. 加粗

​ 要加粗的文字左右分别用两个*号(或_号)包起来

2. 斜体

​ 要倾斜的文字左右分别用一个*号或(或_号)包起来

3. 斜体加粗

​ 文字左右分别用三个*号或(或_号)包起来

4. 下划线

​ 使用<u></u>,中间写入内容

5. 删除线

​ 要加删除线的文字左右分别用两个~~号包起来

​ 以上標記示例:

Code
1
2
3
4
5
6
7
8
9
**这是加粗的文字**

*这是倾斜的而文字*

***这是斜体加粗的文字***

<u>这是有下划线的文字</u>

~~这是加出现的文字~~

​ 以上标记显示效果如下:

这是加粗的文字

这是倾斜的而文字

这是斜体加粗的文字

这是有下划线的文字

这是加出现的文字

PS:空行输入&nbsp;换行的话要隔一行


2.3 列表

1. 有序列表

​ 语法:数字+点 Markdown将只关注你的第一个项目的数字编号,之后按enter会自动排序

​ 示例:

Code
1
2
3
4
5
1. 列表内容
2. 列表内容
3. 列表内容

注意:序号跟内容之间要有空格

​ 效果如下:

  1. 列表內容
    1. 列表內容
    2. 列表內容

2. 无序列表

​ 语法:用 _ + * 任意一种都可以

​ 示例:

Code
1
2
3
4
5
- 列表内容
+ 列表内容
* 列表内容

注意:- + * 跟内容之间都要有一个空格

​ 效果如下:

  • 列表内容
  • 列表内容
  • 列表内容

列表是可以嵌套的!

3. 任务列表

​ 示例:

Code
1
2
3
- [ ] 围天安门跑三百圈
- [x] 教学计划
- [ ] 读一本书

​ 效果展示:

  • 围天安门跑三百圈
  • 教学计划
  • 读一本书

2.4 引用

​ 在引用的文字前加>即可。引用也可以嵌套,如加两个>>三个>>>n个…

​ 示例:

Code
1
2
3
> Typora热爱文字更佳,码农或者文字工作者必备神器
>> 所見所得的Markdown編輯器
>>> 書寫即為美學!

​ 效果如下:

Typora热爱文字更佳,码农或者文字工作者必备神器

所見所得的Markdown編輯器

書寫即為美學!

2.5 图片

​ 语法:

Code
1
2
3
4
![图片alt](图片地址 ''图片title'')

图片alt就是显示在图片下面的文字,相当于对图片内容的解释。
图片title是图片的标题,当鼠标移到图片上时显示的内容。title可加可不加

​ 示例:

Code
1
![图片](https://picgo-img-1259503129.cos.ap-beijing.myqcloud.com/c31f7fdc1bb4d377e6e11073240bdcfc.jpg)

​ 效果如下:

图片

2.6 超链接

​ 语法:

Code
1
2
[超链接名](超链接地址 "超链接title")
title可加可不加

​ 示例:

Code
1
2
[简书](http://jianshu.com)
[百度](http://baidu.com)

​ 效果:

简书
百度

注: 引用图片和链接的唯一区别就是在最前方添加一个感叹号。


2.7 分割线

​ 三个或者三个以上的 - 或者 * 都可以。

示例:

Code
1
2
3
4
***
****
---
----

效果如下:





2.8 表格

表格是Markdown语法中比较复杂的一个,其语法如下:

Code
1
2
3
4

表头|条目一|条目二
|:---:|:---:|:---:|
|项目|项目一|项目二|

示例:

Code
1
2
3
4
5
6

姓名|技能|排行
|:--:|:--:|:--:|:
|刘备|哭|大哥|
|关羽|打|二哥|
|张飞|骂|三弟|

其效果如下:

姓名 技能 排行
刘备 大哥
关羽 二哥
张飞 三弟

注:三个短斜杠左右的冒号用于控制对齐方式,只放置左边冒号表示文字居左,只放置右边冒号表示文字居右,如果两边都放置冒号表示文字居中,文字默认居中。


2.9 代码块

  • 单行代码

    语法:代码之间分别用一个反引号包起来

    Code
    1
    `代码内容`

    示例:

    Code
    1
    `console.log(123456);`

    效果:

    console.log(123456);

  • 代码块

    语法:代码之间分别用三个反引号包起来,且两边的反引号单独占一行

    Code
    1
    2
    3
    4
    5
    (```)
    代码...
    代码...
    代码...
    ​(```)

    示例:

    Code
    1
    2
    3
    4
    5
    6
    7
    8
    (```)javascript
    var txt = "";
    var numbers = [45, 4, 9, 16, 25];
    numbers.forEach(myFunction);
    function myFunction(value) {
    txt = txt + value + "<br>;
    }
    (```)

    注意:这里的()是为了防止转义,实际操作中没有括号

    效果:

    javascript
    1
    2
    3
    4
    5
    6
    7
      
    var txt = "";
    var numbers = [45, 4, 9, 16, 25];
    numbers.forEach(myFunction);
    function myFunction(value) {
    txt = txt + value + "<br>";
    }

    注意:代码高亮需要在开头的三个反引号后面写上选用哪种语言

2.10 反斜杠

反斜杠相当于转义的作用,是一些符号以普通的符号显示出来

Markdown使用反斜杠\插入语法中用到的特殊符号。在Markdown中,主要有以下几种特殊符号需要处理:

Code
1
2
3
4
5
6
7
8
9
10
11
12
13

\ 反斜线
` 反引号
* 星号
_ 底线
{} 花括号
[] 方括号
() 括弧
# 井字号
+ 加号
- 减号
. 英文句点
! 惊叹号

注:在内容中输入以上特殊符号的时候一定要注意转义,否则将导致内容显示不全,甚至排版混乱。


三、总结

Markdown的一些高级用法,像数学公式、制图等,小伙伴儿们可以参考官网的案例,我这里呢..就没必要去记了😂😂😂
Markdown对喜欢写作的小伙伴儿们来说是一门必备的技能。如果你希望快速掌握Markdown,很简单,动起来吧!

文章作者: Dylan
文章鏈接: https://www.faithlch.com/Markdown%E5%9F%BA%E7%A1%80%E8%AF%AD%E6%B3%95.html
版權聲明: 本博客所有文章除特別聲明外,均採用 CC BY-NC-SA 4.0 許可協議。轉載請註明來自 Dylan He
打賞
  • 微信
    微信
  • 支付寶
    支付寶

評論