本文链接：https://blog.csdn.net/weixin_47887075/article/details/106238485

锚点2在这儿
到底部

基础

标题级别

语法：# 标题

示例

一级标题

 二级标题

六级标题
# 一级标题
二级标题
六级标题
1
2
3
4
5

加粗、倾斜、高亮

语法：*加粗*，**倾斜**，***粗斜***，==高亮==

示例

加粗，倾斜，粗斜，高亮
**加粗**，*倾斜*，***粗斜***，==高亮==
1
也可用标签
粗体
粗体
1

居中、左/右对齐

语法：<center>文本</center>,文本,文本

示例

居中

左对齐

右对齐

<center>居中</center>
<p align="left">左对齐</p>
<p align="right">右对齐</p>
1
2
3

删除线、下划线

语法：~~删除线~~、下划线

示例

~~删除线~~、下划线
~~删除线~~、下划线
1

分割线

语法：---(三个或以上-加Enter键)

示例

---
1
2

语法<hr>文本</hr>

示例

我是分割线
<hr>我是分割线</hr>
1

上下标

语法：上^标^、下~标~

示例

上^标、下_标
上^标^、下~标~
1

语法：上标、下标

示例

上^标、下_标

上<sup>标</sup>、下<sub>标</sub>
1

转义字符

语法：在需要转义的符号前加\

示例

粗体
*粗体*
*粗体*
\*粗体*
1
2
<www.baidu.com>
<www.baidu.com>
<www.baidu.com>
\<www.baidu.com>
1
2

引用内容

语法：> 引用内容

示例

引用
引用的引用
> 引用
>
> > 引用的引用
1
2
3

添加列表

语法：无序列表：*/+/-加空格加列表内容

示例

无序列表
可以嵌套
嵌套成功
- 无序列表
- 可以嵌套
  * 嵌套成功
1
2
3

语法：有序列表：1.阿拉伯数字+小数点+空格+列表内容

示例

有序列表
可以嵌套
嵌套无序
嵌套有序
嵌套成功
1. 有序列表
2. 可以嵌套
   - 嵌套无序
     1. 嵌套有序
     2. 嵌套成功
1
2
3
4
5

添加目录

语法：[toc]+Enter键

示例

[toc]
1
2

脚注及其内容

语法：文本[^脚注序号]、[^脚注序号]:这是脚注的内容。

示例

语法：文本¹
语法：文本[^脚注序号]
1
2
3

进阶

字体和颜色

语法：文本

示例

红色的代码为#ff0000

红色的代码为#ff0000
红色的代码为#ff0000
红色的代码为#ff0000
1
2
3

设置背景色

语法：<table><tr><td bgcolor=颜色代码>背景色</td></tr></table>

示例

背景色为黄色
```
背景色为黄色
```

语法：文本

示例

背景色

<span style="background: aqua">                                                                                                                                      </span>
1

折叠内容

语法: <details>展开后显示的内容<summary>需要点击的标题</summary>展开后显示的内容</details>

示例

我是点我展开隐藏内容 ``` 我是点我展开隐藏内容 ```
也可不加标题，效果如下
隐藏内容
<details>隐藏内容</details>
1

页内跳转

跳转到标题所在位置

语法：[点我跳转到附录](#标题名称)

示例

点我跳转到附录
[点我跳转到附录](#附录)
1
跳转操作需要按 Ctrl 并点击鼠标左键

跳转到页面内任何位置

语法：<a name="跳转目标名称">锚点名称</a>、<a href="#跳转目标名称">链接文本</a>

示例

锚点1
跳转到锚点1
<a name="跳转目标名称">锚点1</a>
<a href="#跳转目标名称">跳转到锚点1</a>
1
2
相当于设置了一个锚点和一个跳转到锚点的链接，激活该锚点的链接就能跳转到该锚点==
比如我在这里设置一个锚点2的链接，在顶部设置锚点2，点击这里看看会发生什么？
锚点名称可以是空格，这样锚点就隐形了
注意不要忘记井号 #

插入图片

语法：![]()

示例

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-rQCyjkm8-1589962252550)(1569036943692.jpg)]
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-wNY1lS3F-1589962252553)(1569036943692.jpg)]
1
2

插入链接

行内式

语法：[链接名称](链接地址 "title属性")

示例

google
[google](http://www.google.com "谷歌")
1
链接地址和title属性间要有空格
将鼠标悬停在链接名称上以查看 title 属性（也可没有 title）
Typora中链接地址要有http://

参考式

语法：[链接文本][链接标记]、[链接标记]：链接地址 "链接标题"

示例

Google、Baidu
[Google][1]、[Baidu][2]
1
2
3
4
链接文字本身也可作链接标记
Gnosis
[Gnosis][]
1
2
3
参考式链接常用于学术论文以便于统一管理

自动链接

语法<链接地址>
示例

<www.baidu.com>
<www.baidu.com>
1
链接可以是邮箱地址

页内超链接

即前面的页内跳转，点我跳转

插入代码

插入单行代码

语法:用反括号括住代码

示例

文本
文本
文本
`文本`
1
2

插入代码块

语法:三个反括号加代码语言名称加回车键

示例

文本
文本
文本

<font size=5 color=yellow face="宋体">文本</font>
<font size=5 color=yellow face="宋体">文本</font>
<font size=5 color=yellow face="宋体">文本</font>1
2

也可不设置代码语言:三个反括号直接加回车键

<font size=5 color=yellow face="宋体">文本</font>
<font size=5 color=yellow face="宋体">文本</font>
<font size=5 color=yellow face="宋体">文本</font>
1
2
3

反括号`在Esc键下面
1

任务列表

语法：-空格[空格]空格
示例

任务1

- [ ] 任务1
1

表情符号

语法：:表情代码:

示例

:happy:
:happy:
1

键盘符号

语法：<kbd>按键名称</kbd>

示例

tab

<kbd>tab</kbd>
1

Mermaid流程图

关键字Graph

graph表示流程图的开始,同时需要指定流程图方向
graph LR
A-->B
1
2

方向

TB(top bottom)上到下
BT下到上
RL(right left)右到左
LR左到右
TD上到下

节点

默认节点
文本节点b[文本]
圆角节点c(文本)
圆形节点d((文本))
非对称节点e>文本]
菱形节点f{文本}
graph LR
a
b[文本节点]
c(圆角节点)
d((圆形节点))
e>不规则节点]
f{菱形节点}
1
2
3
4
5
6
7

连线

箭头连接-->
开放连接---
虚线箭头.->或-.->
虚线开放.-或-.-或..-
粗线开放===
粗线箭头==>

标签箭头--文本-->
标签开放--文本---
标签虚线箭头-.文本.->
标签虚线开放-.文本.-
标签粗线箭头==文本==>
标签粗线开放==文本===
graph LR
a1-->b1
a2---b2
a3.->b3
a4.-b4
a5===b5
a6==>b6
b1--w-->c1
b2--w---c2
b3-.w.->c3
b4-.w.-c4
b5==w==>c5
b6==w===c6
1
2
3
4
5
6
7
8
9
10
11
12
13

其他可以用到的HTML标签

big

示例

变大

<big>变大</big>
1

button

示例

我是按键

<button>我是按键</button>
1

small

示例

变小

<small>变小</small>
1

回到顶部

这是脚注的内容。 ↩︎

文章知识点与官方知识档案匹配，可进一步学习相关知识

CS入门技能树MarkDown入门MarkDown介绍1400 人正在系统学习中

欢迎来到梅七的博客

当一棵树，默默扎根 放松一下

typora语法

Typora入门语法（超全）

文章目录

基础