Markdowm 语法汇总
其中包含了基础语法和拓展语法
- 1.标题
- 2.正文
- 3.换行
- 4.代码和代码块
- 5.行中代码
- 6.列表
- 7.加粗和倾斜
- 8.段落
- 9.引用
- 8.分割线
- 9.链接
- 10.图片
- 11.表格
- 12.脚注
- 13.复选框
- 14.Mermaid超级绘图工具
- 15. 文本颜色
1.标题
通过#
的数量来定义标题等级
一级标题
二级标题
三级标题
四级标题
五级标题
六级标题
####### 不会有七级标题
还可以使用
或者
实现标题的表示
2.正文
正文直接输入就可以了
3.换行
在一行的最后添加两个以上的空格
,然后回车
实现换行而不是段落
4.代码和代码块
在正文中使用反引号
实现代码引用
两个反引号(`)
可以将一个反引号在代码中显示出啊来
每一行缩进五个空格
或一个Tab
+空格
,实现创建代码块
示例
- 拓展-围栏式代码块
使用三个```是代码块模式
在```后面加语言名称,可以使用语言相应的高亮语法
`#`include "stdio.h"
> import ***
5.行中代码
正文中的代码可以用“``” 框起来,如 #
include “asdasd”`
6.列表
有序列表
输入一个数字
,后面带一个句点
,然后空格
即可;可以缩进改变缩进设置多级标题
- 一级列表
- 二级列表
- 三级列表
- 四级列表
- 五级列表
- 无限级
无序列表
输入-
,然后空格
- 无序
- 无序
- 无序
- 无序
- 以此往复
列表嵌套
- 有序中嵌套无序
- 无序列表
- 无序列表嵌套有序
- 有序列表的嵌套
- 代码块嵌套
示例代码嵌套
- 图片嵌套
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-7L3QHakd-1662009207061)(/assets/img/shiprock.jpg “Shiprock”)]
- 段落嵌套
使用四个
空格
或一个Tab
实现
段落的嵌套
- 引用嵌套
隔开一段四个
空格
或一个Tab
加一个>
实现引用嵌套
7.加粗和倾斜
使用**xx**
将需要加粗的内容包起来,例如加粗
使用*xx*
将需要倾斜的内容包起来,例如倾斜
使用***xx***
将需要加粗和倾斜的内容包起来,例如加粗和倾斜
使用~~xx~~
将需要的文字转化成删除线,例如删除线
使用<u>xx</u>
将需要的文字生成下划线,例如下划线
8.段落
创建段落使用空白
进行分隔
这样才是新的段落
9.引用
要创建引用块,在段落前添加一个>
即可
示例
多个段落
引用快的使用
嵌套引用块的使用
示例
其他元素的嵌套
- 有序标题
- 无序标题
倾斜加粗
8.分割线
要创建分隔线,请在单独一行上使用三个或多个星号 ***
、破折号 ---
或下划线 ___
,并且不能包含其他内容。
横线示例
示例
示例
9.链接
语法[超链接显示名](超链接地址)
示例
这是一个链接 点击它
超链接地址用#标题
,可以用于生成目录跳转
使鼠标移动过去可以显示文字
[链接名](超链接地址 “鼠标显示名”)
示例
链接
网址和email地址
直接使用<>
将需要链接的网址框选出来
引用类型链接
第一部分在需要引用的文本用[]
括起来以及后面添加[数字]
,两者之间隔一个空格
,也可以不用;
第二部分使用[数字]:
方括号后紧跟冒号和一个空格组成URL链接,可以在链接后添加标题,使用""
''
()
将标题括起来。
示例
[这是一段要标注的文字] [1]
[1]: https://www.baidu.com“百度”
10.图片
使用![替代文本](图片链接 “图片标题”)
生成图片
示例
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-njHPrm8g-1662009207063)(/photo “图片”)]
把原语法用[]
括起来,然后在后面添加(链接)
示例
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-z0N6Pqt2-1662009207065)(/photo “图片”)]
11.表格
使用---
创建表格标题,使用|
分隔每列
示例
表格 属性 随便输点什么 可以吧 完全不需要在意格式 自动生成表格
对表格进行对其,可以在标题的---
中添加:
,以此实现左、右以及居中。
示例
左对齐 居中 右对齐 caojiduo dasdas ddfadgasdgsdgdgsas sdfasdfsdfsddaf
12.脚注
使用[^数字/文字]
来进行脚注,用法同引用,由两部分组成。
示例
这只一个示例文字,我将在这里添加一个脚注1。
13.复选框
使用- [ ] 名称
来实现复选框完成
使用- [x] 名称
实现复选框未完成
示例
- 已完成
- 未完成
14.Mermaid超级绘图工具
配合插件Markdown Preview Mermaid Support
使用``使用```mermaid`````实现
流程图
使用graph
关键字实现流程图,使用[字母][文字描述]
graph LR
从左往右graph RL
从右往左graph TB
从上往下flowchart TB
外部从上往下、内部从左往右flowchart TD
内外都从上往下
graph BT
从下往上
语法 | 功能 | 语法 | 功能 |
---|---|---|---|
{} | 显示菱形框 | [[]] | 子程序框 |
[] | 显示方形框 | [()] | 圆柱体框 |
() | 显示圆角矩形框 | ([]) | 体育场馆框 |
(()) | 显示圆形框 | {{}} | 六边形框 |
[//] | 平行四边形框 | [\\] | 反向平行四边形框 |
[/\] | 梯形框 | [\/] | 反向梯形框 |
<br/> | 换行 | ||
==> | 粗线 | ==文本==> | 插入文字 |
--> | 实线 | ---文本-> | 插入文字 |
-.-> | 虚线 | -.文本.-> | 插入文字 |
饼状图
使用pie
关键字实现饼状图
语法 | 功能 |
---|---|
title 标题 | 标题 |
"分区名":数值 | 显示分区 |
子图
使用flowchart
,每一个小子图用subgraph
开始,end
结束
15. 文本颜色
$\color{color_name} {文本}$
or
$\color{rgb(0,0,0)}{文本}$
红色 \color{red} {红色} 红色
绿色 \color{green} {绿色} 绿色
蓝色 \color{blue} {蓝色} 蓝色
2
subgraph one
a1–>a2
end
subgraph two
b1–>b2
end
subgraph three
c1–>c2
end
one --> two
three --> two
two --> c2
## 15. 文本颜色
`$\color{color_name} {文本}$`
or
`$\color{rgb(0,0,0)}{文本}$`
> $\color{red} {红色}$
>
> $\color{green} {绿色}$
>
> $\color{blue} {蓝色}$
这是脚注的解释文字 ↩︎