Markdown使用教程
2019-02-12 本文已影响3人
js_hcl
1.标题：Markdown支持6种级别的标题，对应html标签 h1 ~ h6
# h1
## h2
### h3
#### h4
##### h5
###### h6
2.段落及引用
段落：前面至少保留一个空行即可
<!--会转化为-->
<p></p>
引用：特殊符号>
<!--会转化为-->
<blockquote>
<p></p>
</blockquote>
//编辑
效果
这个是一个段落
>这个是一个引用
效果
这个是一个段落
这个是一个引用
<!--对应HTML-->
<p class="line" data-line="39">效果</p>
<p class="line" data-line="41">这个是一个段落</p>
<blockquote>
<p>这个是一个引用</p>
</blockquote>
2.1段落的嵌套(无)
2.2引用的嵌套
>这个是一级引用
>>这个是二级引用
>>>这个是三级引用
>>
>>这里又回到二级
>
>这里又回到一级
//即：可以创建多级引用，也可以回到上一级、上多级引用
//方法为：回到第3级,即：
>>>
>>>这里回到第三级
这个是一级引用
这个是二级引用
这个是三级引用
这里又回到二级
这里又回到一级
2.3 引用配合+、-、/、数字. 用于列表
无序列表：>+/-/*(其实是不同的css)
有序列表：>数字.
>+ 前面留一个空格
>+ 前面留一个空格
>- 这里用-，会发现如果和前面的不是一个符号，则会新建一个列表
>- 这里用-，和前面是一个符号，因此是这个列表的子项
>* 这里用*，会发现如果和前面的不是一个符号，则会新建一个列表
>* 这里用*，和前面是一个符号，因此是这个列表的子项
>2. 前面留一个空格，这里数字是2，则序号从2开始
>1. 前面留一个空格，有序列表序号会根据第一项自动增加，即为3
- 前面留一个空格
- 前面留一个空格
- 这里用-，会发现如果和前面的不是一个符号，则会新建一个列表
- 这里用-，和前面是一个符号，因此是这个列表的子项
- 这里用*，会发现如果和前面的不是一个符号，则会新建一个列表
- 这里用*，和前面是一个符号，因此是这个列表的子项
- 前面留一个空格，这里数字是2，则序号从2开始
- 前面留一个空格，有序列表序号会根据第一项自动增加，即为3
3.插入链接或图片
插入链接：[百度一下](http://www.baidu.com)
插入图片：[图片上传失败...(image-d267a3-1549940907916)]
//引用图片和链接的唯一区别就是在最前方添加一个感叹号
4.插入表格
表头|条目一|条目二
:---:|:---:|:---:
项目|项目一|项目二
4.文字排版
`文字加强`
$\color{#FF0000}{红色字}$或$\color{rgb(255,0,0)}{红色字}$
$\color{red}{图片文字，可以设置颜色}$
*文字斜体*
**文字加粗**
***加粗斜体***
~~删除线~~
---
下标<sub>下标</sub>
上标<sup>上标</sup>
文字加强
或
文字斜体
文字加粗
加粗斜体
删除线
下标下标
上标上标
5.脚注及目录
5.1脚注
添加脚注：
[^标识]
脚注描述：
[^对应标识]:脚注的描述
eg:
脚注：
这是一段话[^标识1]
点击脚注，会跳到脚注描述那里[^2]
对应的，点击脚注描述的第几个回车图标，会跳到对应该脚注的第几个引用那里[^2]
[^标识1]:点击脚注描述后面的第几个回车图标，可以跳转到对应第几个脚注引用那里
[^2]:比如这边就有两个回车图标，因为上面引用了两次脚注
注意：看效果不能在预览模式下，只能在浏览网页模式下起效果
脚注描述不管写在哪里，都会放在最后面
脚注：
这是一段话[1]
点击脚注，会跳到脚注描述那里[2]
对应的，点击脚注描述的第几个回车图标，会跳到对应该脚注的第几个引用那里[2]
5.2目录
有了脚注即：描点
就可以利用超链接制造目录，相当于点击脚注描述
这边为了效果明显，我再创建两个脚注，并且距离放远一点
这个是脚注1[1]
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
这里是脚注2[2]
1
1
1
1
1
1
1
1
1
1
