你知道的markdown语法整理

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:

效果如下:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值