10分钟掌握Markdown

水深无声 2023-03-14 08:01 4阅读 0赞

TOC

# 前言 #

写过博客或者github上面的文档的，应该知道Markdown语法的重要性，不知道的朋友们也别着急，一篇博客轻松搞定Markdown语法。话说这个语法超级简单，一看就会，不信你点进来看看。

# 快捷键 #

# 基本语法 #

## 文本样式 ##

正常：`正常文字`  
斜体：`*斜体文字*`  
斜体：`_斜体文字_`  
粗体：`**粗体文字**`  
斜体加粗：`***斜体加粗***`

## 标题 ##

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

## 链接 ##

示例1: `[CSDN](https://www.csdn.net/ "CSDN技术论坛")`  
示例2:  
`[CSDN][csdn-addr]`  
`[csdn-addr]:https://www.csdn.net/ "CSDN技术论坛"`

> 示例1与示例2实现效果相同。

示例3: `<https://www.csdn.net/>`

## 图片 ##

示例1:  
`![CSDN头像](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw "我的头像")`

示例2：  
`![CSDN头像][csdn-image]`  
`[csdn-image]:https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw "我的头像"`

示例3：调整大小  
`<img src="https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw" width="100px" height="100px" align="right" alt="我的头像"/>`

示例4：居中  
`<div align=center>![CSDN头像][csdn-image]`  
`[csdn-image]:https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw "我的头像"`

示例5：引用本地图片  
`<div align=center>![CSDN头像](/csdn.jpg "我的头像")`

## 分割线 ##

> 在一行中使用 `***` 或者 `---` 或者 `___` 都可以插入一个分割线，行内不允许有其他内容。

## 代码块 ##

行内代码块（使用ESC键上的英文字符 \` 包裹代码）：

`var foo = 'bar';`

代码块（缩进 4 个空格或是 1 个制表符）：

多行代码块（使用连续3个ESC键上的英文字符 \` 包裹代码）：

## 引用 ##

单层引用：在被引用的文本前加上>符号，例如： `> 语出《论语》`

> 语出《论语》

嵌套引用：