#
使用[TOC]自动生成文章目录
[TOC]
在文章开始地方输入[toc],即可在对应位置插入目录
分割线
在一行中用三个以上的星号、减号来建立一个分隔线,行内不能有其他东西,也可以在星号或是减号中间插入空格
a.***
b.* * *
c.---
d.- - -
缩进区块
在段落开头使用 > 符号 ,然后后面紧跟一个空格符号(不写空格也行)
> 最外层
>> 第一层嵌套
>>> 第二层嵌套
分级标题
1. 文本底下使用 = 和 - 标记一级和二级标题
一级标题 二级标题
=== —
2. 使用 # 标记分级标题,前面不能有其它字符
#
一级标题
##
二级标题
###
三级标题
####
四级标题
#####
五级标题
######
六级标题
#######
七级标题
二级标题
文字样式
斜体用法(用一个*或_包裹) 显示效果 a. *斜体文本*
b._斜体文本_
斜体文本
粗体用法(用两个*或_包裹) 显示效果 a. **粗体文本**
b.__粗体文本__
粗体文本
粗斜体用法(用三个*或_包裹) 显示效果 a. ***粗斜体文本***
b.___粗斜体文本___
粗斜体文本
删除线用法(用两个~包裹) 显示效果 ~~删除线~~ 删除线
下划线用法(使用html的u标签) 显示效果 <u>下划线</u>
下划线
其它设置(使用html的font标签) 显示效果 <font color=gray size=5>gray</font>
gray
表格
| 表头 | 表头 | | ---- | ---- | | 单元格 | 单元格 | | 单元格 | 单元格 | 我们可以设置表格的对齐方式, 修改表头下的----栏: -: 设置内容和标题栏居右对齐。 :- 设置内容和标题栏居左对齐。 :-: 设置内容和标题栏居中对齐。
链接
1.行内式
[链接文字](链接地址 “可选标题”),链接地址与可选标题前有一个空格
[]里写链接文字,()里写链接地址, ()中的可选标题为title属性,可加可不加,是鼠标移上去的提示
示例 显示效果 [百度搜索](https://www.baidu.com/) 百度搜索 [百度搜索](https://www.baidu.com/ ‘www.baidu.com’) 百度搜索
2. 参考式
示例 显示效果 常用网站[Google][1]、[Baidu][2]以及[Bing][3]
[1]:http://www.google.com "Google"
[2]:https://www.baidu.com
[3]:https://cn.bing.com "必应国际版"
常用网站Google、Baidu以及Bing
3.图片显示
与行内式差不多,只需在前面加个!
![alt 属性文本](https://avatar.csdnimg.cn/3/B/B/3_weixin_51777785_1603335352.jpg "CSDN")
Markdown 还没有办法指定图片的高度与宽度,如果你需要的话,你可以使用普通的<img>
标签。
<img src="https://avatar.csdnimg.cn/3/B/B/3_weixin_51777785_1603335352.jpg" width="50%">
4. 锚点
示例 显示效果 <span id='top'>Markdown 用法</sapn>
[跳到顶部](#top)
跳到顶部
5. 脚注
示例 显示效果 创建脚注格式类似这样 [^CSDN]
[^CSDN]: 一天不学习,浑身不舒服!!!
创建脚注格式类似这样 1
列表
1.无序列表使用星号(*)、加号(+)或是减号(-)作为列表标记,这些标记后面要添加一个空格,然后再填写内容
2.有序列表使用数字并加上 . 号来表示
3.列表嵌套只需在子列表中的选项前面添加四个空格即可
- 第一项:
* 第一项嵌套的第一个元素
* 第一项嵌套的第二个元素- 第二项:
+ 第二项嵌套的第一个元素
+ 第二项嵌套的第二个元素- 第三项:
- 第三项嵌套的第一个元素
- 第三项嵌套的第二个元素
代码区块
用 ```裹一段代码,并指定一种语言(也可以不指定)或代码区块使用 4 个空格或者一个制表符(Tab 键)
```javascript
$(document).ready(function () {
alert(‘CSDN’);
});
```$(document).ready(function () { alert('CSDN'); });
支持的HTML标签
目前支持的 HTML 元素有:
<kdb> <b> <i> <em> <sup> <sub> <br> <table>
等
用法 显示效果 <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd>
Ctrl+Alt+Del <i>支持的 HTML 元素</i>
支持的 HTML 元素
一天不学习,浑身不舒服!!! ↩︎