Skip to content

markdown基本语法介绍

--> -->

  • 文章目录

    • 标题
    • 一级标题
      • 二级标题
        • 三级标题
          • 四级标题
            • 五级标题
              • 六级标题
    • 字体
      • 加粗
      • 斜体
      • 斜体加粗
      • 删除线
    • 引用
    • 分割线
      • 效果:
    • 图片
    • 链接
    • 列表
      • 有序列表
      • 无序列表
      • 嵌套列表
    • 表格
    • 代码
      • 行内代码
      • 代码片段
  • Markdown是一种轻量级标记语言,创始人为約翰·格魯伯(英語:John Gruber)。

它允许人们使用易读易写的纯文本格式编写文档,然后转换成有效的XHTML(或者HTML)文档。 这种语言吸收了很多在电子邮件中已有的纯文本标记的特性。[维基百科]

markdown可以让你专心写作而摆脱排版的困扰.
一些常用语法要花几分钟时间来记住.

  • 标题

  • 一个#表示一级标题,
    几个#号对应表示几级标题,
    最多支持六级标题.

注:标准语法一般在#后跟个空格再写文字

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

效果:

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

两个*号包起来

**我是加粗文本**

效果:
我是加粗文本

斜体

一个*号包起来

*我的斜体字*

效果:
我是斜体字

斜体加粗

***我是斜体加粗***

三个*号包起来

效果:
我是斜体加粗字

删除线

用波浪线 ~ 包起来

~这里是删除线~

效果
这里是删除线

  • 引用

  • 文字前面大于号 >
    注 大于号后面要加空格

    这里是一段引用文本

这里是一段引用文本

理论上讲,可以一直引用下去

> 一级引用
>> 二级引用
>>> 三级引用
>>>> 四级引用

效果:

一级引用

二级引用

三级引用

四级引用

  • 分割线

  • 三个以上的减号- 或者三个以上的* 号都可以是分割线



效果:

  • ![图片alt描述](图片地址)
    

    注意开头的!感叹号 当图片不显示时,alt可以显示出来,用来描述图片的文本 下面的示例我们显示这张图片

    image.png

--> -->

  • 链接

  • [超链接名](超链接地址 "超链接title")
    

    title可加可不加

    对应解析出来的html <a href="超链接地址" title="超链接title" >超链接名</a>

    下面我们展示 一介布衣 博客首页链接

    一介布衣

一介布衣

  • 列表

  • 列表包括有序列表和无序列表

有序列表

用阿拉伯数字序号递增来表示有序列表

1. 星期一
2. 星期二
3. 星期三
4. 星期四
5. 星期五
6. 星期六
  1. 星期一
  2. 星期二
  3. 星期三
  4. 星期四
  5. 星期五
  6. 星期六

**注意: 数字后面是小数点,接着是一个空格 **

无序列表

用 +号,- 号,* 号 中任意一个符号开头都可以表示无序列表

- 无序内容一
- 无序内容二

+ 无序内容一
+ 无序内容二

效果:

  • 无序内容一

  • 无序内容二

  • 无序内容一

  • 无序内容二

注意: 符号后面紧跟一个空格

嵌套列表

markdonw中在正常的列表下添加子级列表,只需要换行后打三个空格 ,或者 一个tab键

- 西红柿炒鸡蛋
    - 买西红柿
    - 买鸡蛋
- 冬瓜排骨汤
    - 买冬瓜
    - 买排骨
        1. 穿好衣服
        2. 去超市
        3. 买排骨

效果:

  • 西红柿炒鸡蛋

    • 买西红柿
    • 买鸡蛋
  • 冬瓜排骨汤

    • 买冬瓜
    • 买排骨
      1. 穿好衣服
      2. 去超市
      3. 买排骨
  • 表格

  • |表头1|表头2|表头3|
    

    |---|:--😐---😐 |行1|内容|内容| |行2|内容|内容|

    表头和内容用 - 减号分隔 (一个减号即可,为了对齐,也可以多个减号---)

    表体内容默认居左 减号倆边加:表示文字居中 单独在减号右边加:表示文字居右

表头1表头2表头3
行1内容内容
行2内容内容
  • 代码

  • 行内代码

    console.log('一行代码');

效果:
console.log('一行代码');

代码片段

(```)
const str='Hello World!';
console.log(str);
(```)

注意:上面标识并没有( ) 圆括号包围,只是防止编辑器解析成markdown标记而加上去的,书写时注意去掉括号

效果:

const str='Hello World!';
console.log(str);