Markdown语法简记

Posted 2021-01-22 eyelly

目录

• 一、标题
  • 1. 六个级别的标题
  • 2. 主、副两级标题
• 二、根据标题生成文档结构大纲
• 三、字体
  • 1. 斜体
  • 2. 粗体
  • 3. 倾斜加粗
  • 4. 行首缩进
  • 5. 删除线
• 四、引用块
• 五、代码块
  • 1. 单行代码
  • 2. 多行代码
• 六、水平线
• 七、超链接
  • 1. 内联型
  • 2. 引用型
• 八、图片
  • 1. 内联型
  • 2. 引用型
• 九、列表
  • 1. 无序列表
  • 2. 无序列表
  • 3. 列表嵌套
• 十、表格

---

一、标题

1. 六个级别的标题

语法 (#后面紧跟标题，#的个数代表标题的级别,最多6个#，多余无效，类似于HTML中的h1-h6)

示例

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

效果

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

2. 主、副两级标题

语法 (在主标题下加=，副标题下加-，=和-可以是一个或者多个)

主标题
=
副标题
-

效果

主标题

副标题

二、根据标题生成文档结构大纲

语法 (使用[TOC]，生成大纲的位置由[TOC]的位置决定，一般放到文档开头)

示例

[TOC]

效果

三、字体

1. 斜体

语法 (使用两个*或者_将要倾斜的文字包裹起来)

示例

正常字体
*倾斜字体*
_倾斜字体_

效果

正常字体
倾斜字体
倾斜字体

2. 粗体

语法 (使用两个**或者__将要加粗的文字包裹起来)

示例

正常字体
**加粗字体**
__加粗字体__

效果

正常字体
加粗字体
加粗字体

3. 倾斜加粗

语法 (使用两个***或者___将要倾斜加粗的文字包裹起来)

示例

正常字体
***倾斜加粗***
___倾斜加粗___

效果

正常字体
倾斜加粗
倾斜加粗

4. 行首缩进

语法 (使用html实体 , ,  几个的区别可以参看效果)

示例

正常文本
  缩进文本
  缩进文本
  缩进文本

text
  text
  text
  text

效果

正常文本
  缩进文本
??缩进文本
??缩进文本

text
  text
??text
??text

5. 删除线

语法 (使用两个~~包裹内容)

示例

正常
~~删除~~

效果

正常
删除

四、引用块

语法 (在行首添加>,支持多行引用和嵌套引用)

示例

普通文本
>引用文本
多行引用
>>嵌套引用1
>>>嵌套引用2
>>>>嵌套引用3

效果

普通文本

引用文本
多行引用

嵌套引用1

嵌套引用2

嵌套引用3

五、代码块

1. 单行代码

语法 (使用两个`将代码包裹起来)

示例

`console.log(‘Hello World!‘)`

效果
console.log(‘Hello World!‘)

2. 多行代码

语法 (使用两个```将代码包裹起来,并可在第一个```后面标注是哪种语言)

示例

    ```javascript
    (function foo(){
      console.log(‘Hello World!‘)
    })()
    ```

效果

(function Foo(){
  console.log(‘Hello World!‘)
})()

六、水平线

语法 (新起一行使用*，-中的任意一种并设置3个以上,使用-时要注意上一行应该空一行，否则将起到父级标题的作用)

示例

***
* * *
*****
文本(变成了父级标题)
---

效果

---

---

---

文本(变成了父级标题)

七、超链接

1. 内联型

语法 ([lable](url title)、[lable][url title]、 <url> 相对于HTML中的a标签<a href="url" title="title">lable</a>，title可以不用设置)

示例

[博客园][https://www.cnblogs.com/ ‘博客园首页‘]
[我的博客](https://www.cnblogs.com/eyelly/ ‘eyelly的博客‘)
<https://www.cnblogs.com/eyelly/>

效果

博客园
我的博客
https://www.cnblogs.com/eyelly/

2. 引用型

语法 ([lable][id]与[id]: url ‘title‘组合)

示例

[博客园][cnblogs]
[我的博客][eyelly]

[cnglogs]:https://www.cnblogs.com/ ‘博客园首页‘
[eyelly]:https://www.cnblogs.com/eyelly/ ‘eyelly的博客‘

效果

博客园
我的博客

八、图片

1. 内联型

语法 (![lable](url title) 相对于HTML中的img标签<img alt="label" href="url" title="title"/>，label和title可以不用设置)

示例

![博客园logo][https://image.cha138.com/20210725/64192469a68a4b30a84631262f106394.jpg ‘博客园‘]

效果

2. 引用型

语法 (![lable][id]与[id]: url ‘title‘组合)

示例

[博客园logo][cnblogs]

[cnglogs]:https://image.cha138.com/20210725/64192469a68a4b30a84631262f106394.jpg ‘博客园‘

效果

九、列表

1. 无序列表

语法 (@ text,@代表*、-、+中的任意一个，text表示内容，@和text之间有空格)

示例

普通文本
- 音乐
+ 电影
* 游戏

效果

普通文本

• 音乐
• 电影
• 游戏

2. 无序列表

语法 (N. text,N代表数字，text表示内容，N和text之间有.和空格)

示例

普通文本
1. 开始
2. 进行
3. 结束

效果

普通文本

1. 开始
2. 进行
3. 结束

3. 列表嵌套

语法 (子列表前加3个空格)

示例

普通文本
1. 开始
   - 音乐
   + 电影
   * 游戏
2. 进行
3. 结束

效果

普通文本

1. 开始
   • 音乐
   • 电影
   • 游戏
2. 进行
3. 结束

十、表格

语法

title|title
-|-:
content|centent
title行表示表头，第二行用于控制文本的布局方式，默认居左，-和:-表示居左，:-:表示居中，-:表示居右，每行单元格以|来分割

示例

员工姓名|性别|年龄|文化水平
-|:-|:-:|-:
张三|男|25|小学
李四|女|20|高中
王二|女|22|初中

效果

员工姓名	性别	年龄	文化水平
张三	男	25	小学
李四	女	20	高中
王二	女	22	初中