关于Markdown的使用教程
最近想学习学习Markdown,稍微做下总结。
一、标题
- 使用“=”或“-”
我展示的是一级标题
=================
我战士的是二级标题
-----------------
我展示的是一级标题
我战士的是二级标题
- 使用 “#” “#”越多级数越小最高6级
# 这是一级标题
## 这是二级标题
这是一级标题
这是二级标题
这是三级标题
这是四级标题
这是五级标题
这是六级标题
二、正文
正文中的代码块,在代码开头与结尾用 “ ```”,另外,可在开头后方加入编程语言名称(也可以不加)
print(
Hello,world!
)
三、列表
- 有序列表
数字 + “ . ” + 空格
1. 列表1
2. 列表2
3. 列表3
- 无序列表
“ + ” 或 “ - ” + 空格
- 父列表
- 子列表1
+ 子列表2
四、粗体与斜体
- 粗体
“ ** ” 或 “__”(使用两个*或者两个下划线作为开头与结尾)
**加粗**
__粗体__
加粗
粗体
- 斜体
*倾斜*
_倾斜_
倾斜
倾斜
- 粗斜体
***粗斜体***
___粗斜体___
粗斜体
粗斜体
五、分割线
在某一行只使用三个 “ - ” 或 “ * ”,注意使用---
时上方不能存在文字,格式有间隔同样有效果
---
* * *
- - -
--------
六、删除线、下划线、脚注
1. 删除线
两个波浪号作为开头与结尾
~~删除线~~
删除线
2. 下划线
html格式
<u>文字</u>
下划线
3. 脚注
在需要脚注的文字后面加入[^标签]
,脚注内容自动放入文章结尾,点击脚注会自动跳转到内容
创建脚注[^您好]
[^您好]: asdasd
Markdown是什么1
七、区块引用
使用>
最外层区块引用,使用> >
进行一级区块嵌套,使用> > >
进行二级区块嵌套,三级区块嵌套以此类推
>
>>
>>>
>>>>
最外层区块引用
一级区块引用
二级区块嵌套
三级区块嵌套
八、超链接
- 超链接使用方法如下:
[链接名称](链接地址)
或者
<链接地址>
或者html格式
<a href="目标地址" taget="目标" titl="说明">被链接内容</a>
1)、href:打开目标地址(网址),一般填写将要转到目标地址。如href="http://www.divcss5.com/"这样浏览者在网页中鼠标点击对应此锚文本将打开到网页http://www.divcss5.com/
2)、target:打开目标方式
如果a标签内没有此元素,默认是在浏览网页中重新载入对应链接网页
_blank :新建标签窗口页,设置此属性,点击锚文本后对应新建标签网页窗口卡打开对应地址
_parent:父级打开网页,此属性可以理解为本页网页从新载入锚文本的网页,针对html框架iframe网页中,整个网页将重新载入打开目标网址地址
常用就此两种打开目标方式,一个是新建窗口、一个不设置target将本页重新载入锚文本地址指向URL、一个是整个网页父级重新载入(类似于没有设置target)相同效果。
- 高级链接
可以通过变量来设置一个链接,变量赋值在文档末尾进行,空一行即可看到效果
这个链接用 1 作为网址变量 [百度][1]
这个链接用 google 作为网址变量 [谷歌][google]
然后在文档的结尾为变量赋值(网址)
[1]: http://www.baidu.com/
[google]: http://www.google.com/
九、图片
1. 图片语法格式
![alt 属性文本](图片地址)
![alt 属性文本](图片地址 "可选标题")
- 开头一个感叹号 !
- 接着一个方括号,里面放上图片的替代文字
- 接着一个普通括号,里面放上图片的网址,最后还可以用引号包住并加上选择性的 ‘title’ 属性的文字。
2. 两种插入图片方法
目前有三种插入图片方法:网络图片、本地图片和把图片存入Markdown
1. 插入网络图片(只需要填入图片链接即可,如何获得网络图片链接?以火狐浏览器为例,右键目标图片,点击新建标签页打开图像,复制新窗口地址即可)
![CSDN 图标](https://i-blog.csdnimg.cn/blog_migrate/b3b0352a462f3047e6f5a3a21fc793fb.png)
2.插入本地图片(这个我就不用说了吧)这个可能在网页上显示不出来
![MARKDOWN 图标](D:/code/markdown/test1/1.jpg)
第三种目前还没有试过,把链接放在这了: 插入图片的三种方法
当然也可以像网址那样对图片网址使用变量:
这个链接用 1 作为网址变量 [CSDN 网址][CSDN].
然后在文档的结尾为变量赋值(网址)
[CSDN]: https://img-home.csdnimg.cn/images/20201124032511.png
3. 设置图片大小
Markdown目前还不可以设置图片的高度与宽度,如果有需要可以使用html语法,<img>
标签
<img src="https://i-blog.csdnimg.cn/blog_migrate/20d6af58735197e7dbe45daf0793feb3.png" width="20%">
十、表格
Markdown制作表格使用|
来分隔不同的单元格,使用-
来分隔表头和其他行。
| 表头 | 表头 |
| ---- | ---- |
| 单元格 | 单元格 |
| 单元格 | 单元格 |
表头 | 表头 |
---|---|
单元格 | 单元格 |
单元格 | 单元格 |
对齐方式
我们可以设置表格的对齐方式:
-:
设置内容和标题栏居右对齐:-
设置内容和标题栏居左对齐:-:
设置内容和标题栏居中对齐
| 左对齐 | 右对齐 | 居中对齐 |
| :-----| ----: | :----: |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |
左对齐 | 右对齐 | 居中对齐 |
---|---|---|
单元格 | 单元格 | 单元格 |
单元格 | 单元格 | 单元格 |
十一、高级技巧
1. 支持HTML元素
目前支持的 HTML 元素有:<kbd> <b> <i> <em> <sup> <sub> <br>
等 ,如:
使用 <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd> 重启电脑
使用 Ctrl+Alt+Del 重启电脑
注意在使用HTML的区段内使用Markdown语法没有效果
2.转义
Markdown 使用了很多特殊符号来表示特定的意义,如果需要显示特定的符号则需要使用转义字符,Markdown 使用反斜杠转义特殊字符:
**文本加粗**
\*\* 正常显示星号 \*\*
文本加粗
** 正常显示星号 **
Markdown支持以下这些符号前面加上反斜杠来帮助插入普通的符号:
符号 | 解释 |
---|---|
\ | 反斜线 |
` | 反引号 |
* | 星号 |
_ | 下划线 |
{} | 花括号 |
[] | 方括号 |
() | 小括号 |
# | 井字号 |
+ | 加号 |
- | 减号 |
. | 英文句点 |
! | 感叹号 |
3.公式
需要在编辑器中插入数学公式时,可以使用两个美元符 $$ 包裹 TeX 或 LaTeX 格式的数学公式来实现。提交后,问答和文章页会根据需要加载 Mathjax 对数学公式进行渲染。如:
摘自菜鸟教程,原代码如下,但是会出现乱码,不知道为啥
$$
\mathbf{V}_1 \times \mathbf{V}_2 = \begin{vmatrix}
\mathbf{i} & \mathbf{j} & \mathbf{k} \\
\frac{\partial X}{\partial u} & \frac{\partial Y}{\partial u} & 0 \\
\frac{\partial X}{\partial v} & \frac{\partial Y}{\partial v} & 0 \\
\end{vmatrix}
${$tep1}{\style{visibility:hidden}{(x+1)(x+1)}}
$$
关于Markdown使用Latex,贴一个大佬写的教程:新技能:Markdown中使用LaTeX.
以上内容学习自菜鸟教程,以及一些大佬的的博客。
本文Markdown源代码链接:GitHub传送门
Markdown是一种轻量级标记语言,创始人为约翰·格鲁伯(英语:John Gruber)。 它允许人们使用易读易写的纯文本格式编写文档,然后转换成有效的XHTML(或者HTML)文档。这种语言吸收了很多在电子邮件中已有的纯文本标记的特性。 ↩︎