是我们使用工具而不是被工具支配。
需要使用Markdown记录学习旅程或是编码遇到的问题,但是不懂Markdown语法总是写得很费劲,就记录一下自己用到的或者可能用到的Markdown语法吧。
标题
使用 # 号可表示 1-6 级标题,一级标题对应一个 # 号,二级标题对应两个 # 号,以此类推。
例:# 一级标题(#+空格+一级标题名称)
文本编写
- Markdown 使用了很多特殊符号来表示特定的意义,如果需要显示特定的符号则需要使用转义字符,Markdown 使用反斜杠转义特殊字符,以下的*都是通过\*来展示的。
- 段落换行用两个以上空格加上回车或用一个空行来表示重新开始一个段落。
- 斜体:使用(*+文本内容+*),效果:文本内容
- 粗体:使用(**+文本内容+**),效果:文本内容
- 粗斜体:使用(***+文本内容+***),效果:文本内容
- 分割线:使用(***),且改行不包含其他内容,效果:
列表
有序列表
- 有序列表使用数字并加上 . 号来表示,如:
1. 第一项
2. 第二项
3. 第三项
效果:
- 第一项
- 第二项
- 第三项
无序列表
- 无序列表使用星号(*)、加号(+)或是减号(-)作为列表标记:
* 第一项
* 第二项
* 第三项
+ 第一项
+ 第二项
+ 第三项
- 第一项
- 第二项
- 第三项
效果:
- 第一项
- 第二项
- 第三项
- 第一项
- 第二项
- 第三项
- 第一项
- 第二项
- 第三项
列表嵌套
-
列表嵌套只需在子列表中的选项添加四个空格即可:
-
第一项:
- 第一项嵌套的第一个元素
- 第一项嵌套的第二个元素
-
第二项:
- 第二项嵌套的第一个元素
- 第二项嵌套的第二个元素
Markdown 区块
- Markdown 区块引用是在段落开头使用 > 符号 ,然后后面紧跟一个空格符号;
区块中使用列表
区块中使用列表实例如下:
> 区块中使用列表
> 1. 第一项
> 2. 第二项
> + 第一项
> + 第二项
> + 第三项
效果:
区块中使用列表
- 第一项
- 第二项
- 第一项
- 第二项
- 第三项
列表中使用区块
- 如果要在列表项目内放进区块,那么就需要在 > 前添加四个空格的缩进。区块中使用列表实例如下:
* 第一项
> 菜鸟教程
> 学的不仅是技术更是梦想
* 第二项
效果:
- 第一项
菜鸟教程
学的不仅是技术更是梦想 - 第二项
代码
用 ```包裹一段代码,并指定一种语言(也可以不指定):
```javascript
$(document).ready(function () {
alert('RUNOOB');
});```
效果
$(document).ready(function () {
alert('RUNOOB');
});
Markdown 链接
- 链接使用方法:[链接名称](链接地址)或者<链接地址>,如:
[菜鸟教程](https://www.runoob.com)
效果:
菜鸟教程
Markdown 图片
Markdown 图片语法格式如下:
- 开头一个感叹号 !
- 接着一个方括号,里面放上图片的替代文字
- 接着一个普通括号,里面放上图片的网址,最后还可以用引号包住并加上选择性的 ‘title’ 属性的文字。
使用实例:
![RUNOOB 图标](https://imgconvert.csdnimg.cn/aHR0cDovL3N0YXRpYy5ydW5vb2IuY29tL2ltYWdlcy9ydW5vb2ItbG9nby5wbmc?x-oss-process=image/format,png "图片title")
效果:
Markdown 表格
- Markdown 制作表格使用 | 来分隔不同的单元格,使用 - 来分隔表头和其他行。语法格式如下:
| 表头 | 表头 |
| ---- | ---- |
| 单元格 | 单元格 |
| 单元格 | 单元格 |
效果
表头 | 表头 |
---|---|
单元格 | 单元格 |
单元格 | 单元格 |
单元格对齐方式
-
我们可以设置表格的对齐方式:
- -: 设置内容和标题栏居右对齐。
- :- 设置内容和标题栏居左对齐。
- :-: 设置内容和标题栏居中对齐。实例如下:
| 左对齐 | 右对齐 | 居中对齐 |
| :-----| ----: | :----: |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |
效果:
左对齐 | 右对齐 | 居中对齐 |
---|---|---|
单元格 | 单元格 | 单元格 |
单元格 | 单元格 | 单元格 |