前言
写过博客或者github上面的文档的,应该知道Markdown语法的重要性,不知道的朋友们也别着急,一篇博客轻松搞定Markdown语法。话说这个语法超级简单,一看就会,不信你点进来看看。
快捷键
功能 | 快捷键 |
---|---|
加粗 | Ctrl + B |
斜体 | Ctrl + I |
引用 | Ctrl + Q |
插入链接 | Ctrl + L |
插入代码 | Ctrl + K |
插入图片 | Ctrl + G |
提升标题 | Ctrl + H |
有序列表 | Ctrl + O |
无序列表 | Ctrl + U |
横线 | Ctrl + R |
撤销 | Ctrl + Z |
重做 | Ctrl + Y |
基本语法
文本样式
正常:正常文字
斜体:*斜体文字*
斜体:_斜体文字_
粗体:**粗体文字**
斜体加粗:***斜体加粗***
标题
一级标题:# 一级标题
二级标题:## 二级标题
三级标题:### 三级标题
四级标题:#### 四级标题
五级标题:##### 五级标题
六级标题:###### 六级标题
链接
示例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 个制表符):
<table>
<tr>
<th>姓名</th>
</tr>
<tr>
<td>小明</td>
</tr>
</table>
多行代码块(使用连续3个ESC键上的英文字符 ` 包裹代码):
<table>
<tr>
<th>姓名</th>
</tr>
<tr>
<td>小明</td>
</tr>
</table>
引用
单层引用:在被引用的文本前加上>符号,例如: > 语出《论语》
语出《论语》
嵌套引用:
`> #引用1`
`>> ##引用2`
列表
无序列表(使用 *,+,- 表示):
+ 1
- 2
* 3
有序列表(使用数字紧跟一个英文句点表示):
1. 1
2. 2
3. 3
无序列表和有序列表的列表内容前一定要有一个空格。
表格
项目 | Value
-------- | -----
电脑 | $1600
手机 | $12
导管 | $1
| Column 1 | Column 2 |Column 2 |
|:--------:| -------------:|:-------------|
| centered 文本居中 | right-aligned 文本居右 | left-aligned 文本居左 |
常用技巧
换行
连续两个以上空格+回车
使用html语言换行标签:<br/>
缩进
:缩进1/4中文字符
 
:缩进1/2中文字符,1英文字符
 
:缩进1中文字符,2英文字符