1.#号对应标题
# 标题1 // 一级标题
## 标题2 // 二级标题
### 标题3 // 三级标题
#### 标题5 // 四级标题
##### 标题5 // 五级标题
###### 标题6 // 六级标题
等价写法
标题1:with = // 一级标题
标题2:with - // 二级标题
对应效果
2.强调写法
**文字内容** // 粗体
*文字内容* // 倾斜
***文字内容*** // 倾斜加粗
~~文字内容~~ // 删除线
粗体
斜体
倾斜加粗
删除线
3.无序列表(+ - * 后面都跟一个空格)
* 个人信息1
* 二级标题个人信息
* 个人信息2
等价写法
- 个人信息1
- 二级标题个人信息
- 个人信息2
等价写法
+ 个人信息1
+ 二级标题个人信息
+ 个人信息2
效果如下:
4.引用
这是引用的内容(>号)
>这是引用的内容
>>这是引用的内容
>>>>>>>>>>这是引用的内容
这是引用的内容
这是引用的内容
这是引用的内容
>这是一个引文。
效果:
5.分割线(三个*或者-或者_以及三个以上)
***
*****
---
----
___
____
效果图如下:
6.链接
(1) 内嵌式链接
写法:[]()
[]放链接的文字内容
()放链接的地址
-外部链接:[百度](http://www.baidu.com)
// 链接仓库的其他文件
-内部链接1:[demo1](demo1.md)
-内部链接2:[代码块 demo](demo2.md#代码块-demo)
效果如下:
(2)引用式链接
[百度]: http://www.baidu.com
[baidu]: http://www.baidu.com
[demo1]: demo1.md
[代码块]: demo2.md#代码块
- 外部链接:[百度]
- 外部链接:[百度][baidu]
- 内部链接1,链接仓库的其他文件:[demo1]
- 内部链接2,链接仓库的其他文件:[代码块]
效果如下:
7.图片
语法:![]()
示例:![图片说明](图片地址 ''图片title'')
图片说明就是显示在图片下面的文字,相当于对图片内容的解释。
图片title是图片的标题,当鼠标移到图片上时显示的内容。title可加可不加
示例:
- 外部图片 demo
![baidu](https://www.baidu.com/img/bd_logo1.png "百度网站")
- 仓库内的图片 demo
![](images/cartoon-ps.jpg)
效果如下:
(1)引入式图片链接写法(效果同上)
- 外部图片 demo
![baidu][baidu_logo]
- 仓库内的图片 demo
![][open_png]
[baidu_logo]: https://www.baidu.com/img/bd_logo1.png
[open_png]: images/cartoon-ps.jpg
(2)html标签链接写法(超链接形式 点击打开图片)
<a href="超链接地址" target="_blank">超链接名</a>
示例:
<a href="https://www.baidu.com/img/bd_logo1.png" target="_blank">百度图片链接</a>
8.代码块
- 行内代码
语法:``
`var = 10;`
- 块式代码
语法:```javascript 代码内容 ```
```javascript
var a="asas";
console.log(a);
```
与块式代码相近
语法:四个空格 但是无法使用语法高亮 后面不能加javascript
var a="asas";
console.log(a);
效果如下:
9.html 代码 demo
<p align='center'>hello world!</p>
<p align='center'>
<img src="https://www.baidu.com/img/bd_logo1.png" />
</p>
效果如下:
10.表格( <!-- 横线不要少于3个 |---| -->)
| 这 | 是 | 表头 |
|----- |:-------:|-------:|
| cell1asas | cell2asas | cell3asas |
| **row 2** | row 2 | row 2 |
| image | [baidu] | ![][baidu_logo] |
精简表格(去掉左右边框线):
这 | 是 | 表头
----- |:-------:|-------:
cell1asas | cell2asas | cell3asas
row 2 | row 2 | row 2
<!--
表格默认是左对齐的
如果想要左对齐 左侧加入冒号 |:---|
右对齐 右侧加入:
居中对齐两端加入: | :--- :|
-->
<!--下面是本文中用到的链接引用 -->
[baidu_logo]: https://www.baidu.com/img/bd_logo1.png
[baidu]: http://www.baidu.com
效果图如下:
11.checkbox效果
[ ] 里面加入x是勾选 放空格是没有勾选
- [x] item1
- [ ] item2
- [ ] item3
效果如下:
12.emoji 表情符号
:emoji code:
:dog:
:horse:
:smile:
:rainbow:
效果如下: