Markdown语法速查

本文详细介绍了Markdown的基本语法,包括标题、段落、列表、代码块、链接、图片等,并探讨了其扩展特性,如表格、表情、数学公式、甘特图和UML图表的使用。此外,还涵盖了如何在Markdown中内嵌HTML标签,以及如何转义特殊字符,确保正确显示。
摘要由CSDN通过智能技术生成

Markdown语法速查

基本语法

元素快捷键Markdown语法说明效果
目录[TOC]自动生成目录,列出所有标题toc
标题Ctrl+1
Ctrl+2
Ctrl+3
Ctrl+4
Ctrl+5
Ctrl+6
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题
设置标题
标题
段落<p></p>使用空白行分割文本
或 使用<p>标签
换行Shift+Enter<br/>某些情况下需要用<br/> 换行,
比如在表格中
粗体Ctrl+B**粗体**__粗体__双星号或双下划线粗体
斜体Ctrl+I*粗体*_粗体_单星号或单下划线斜体
加粗倾斜Ctrl+B+
Ctrl+I
顺序可颠倒
***粗体***___粗体___三星号或三下划线加粗倾斜
引用块> 引用在要引用的段落前加>,
要引用多个段落。需要为每个
段落前加>符号,
段落之间的空白行也要加
在这里插入图片描述
引用嵌套>> 引用块引用可以包含其他 Markdown 格式的元素。
并非所有元素都可以使用
在这里插入图片描述
有序列表1. 项目1
2. 项目2
3. 项目3
4. ……
要创建有序列表,请在每个列表项前
添加数字并紧跟一个英文句点和空格
数字不必按数学顺序排列,
但是列表应当以数字 1 起始
在这里插入图片描述
无序列表- 项目1
- 项目2
- 项目3
- ……
要创建无序列表,请在每个列表项
前面添加破折号 (-)、星号 (*)
或加号 (+)

缩进一个或多个列表项可
创建嵌套列表。
不要在同一个列表里使用不同的符号
在这里插入图片描述
代码块`Code`要将单词或短语表示为代码,
请将其包裹在反引号 (`) 中。
let arr = [1,2]
分割线***

___
在单独一行上使用三个或多个星号 (***)、破折号 (---)
或下划线 (___)
不能包含其他内容
链接[alt](url "title")链接文本放在中括号内,
链接地址放在后面的括号中
链接title是当鼠标悬停在链接上时
会出现的文字,它放在
圆括号中链接地址后面,跟链接地址之间以空格分隔。
链接
文件[alt](./url "title")
[alt](File:///url "title")
相对路径
绝对路径,File:// 的首字母必须大写
示例:
[1.txt](./1.txt "我是1.txt")
[1.txt](File:///D:/1.txt "我是1.txt")
网址和Email地址<https://markdown.com.cn>
<fake@example.com>
使用尖括号可以很方便地
把URL或者email地址变成可点击的链接
1450820572@qq.com
带格式的链接用于 强调 链接, 在链接语法前后增加星号。
要将链接表示为代码,请在方括号中添加反引号。
链接
图片[外链图片转存失败,源站可能有防盗插入图片在这里插入图片描述

扩展语法

详见:概述 | Markdown 官方教程

这些元素通过添加额外的功能扩展了基本语法。但是,并非所有 Markdown 应用程序都支持这些元素。

元素Markdown语法说明
表格(table)| Syntax | Description |
| ------ | ----------- |
| Header | Title |
| Paragraph | Text |
使用:---------:居中
使用:----------居左
使用----------:居右

示例:
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-1GqGOywU-1634815455101)(Markdown%E8%AF%AD%E6%B3%95%E9%80%9F%E6%9F%A5.assets/image-20211011213646929.png)]
代码块```可选的CodeType
Code
```

示例:
```javescript
const fn = () => {}
```


在这里插入图片描述
脚注here’s a sentence with a footnote.[^1]
[^1]:This is the footnote
在这里插入图片描述
标题编号### My Great Heading {#custom-id}
定义列表term
: definition
在这里插入图片描述
删除线~~The world is flat.~~删除线
任务列表- [x] 选中状态
- [ ] 非选中状态
在这里插入图片描述
键盘按键<kbd>Ctrl</kbd>Ctrl
标记文本 (高亮)==标记文本==标记文本
2^10^210
H~2~OH2O

转义字符

以下字符在作为普通字符(串)使用时,需要使用反斜杠字符转义

CharacterName
\backslash
`backtick (see also escaping backticks in code)
*asterisk
_underscore
{ }curly braces
[ ]brackets
( )parentheses
#pound sign
+plus sign
-minus sign (hyphen)
.dot
!exclamation mark
|pipe (see also escaping pipe in tables)

特殊字符自动转义

在 HTML 文件中,有两个字符需要特殊处理: <&< 符号用于起始标签,& 符号则用于标记 HTML 实体,如果你只是想要使用这些符号,你必须要使用实体的形式,像是 <&

& 符号其实很容易让写作网页文件的人感到困扰,如果你要打「AT&T」 ,你必须要写成「AT&T」 ,还得转换网址内的 & 符号,如果你要链接到:

http://images.google.com/images?num=30&q=larry+bird

你必须要把网址转成:

http://images.google.com/images?num=30&amp;q=larry+bird

才能放到链接标签的 href 属性里。不用说也知道这很容易忘记,这也可能是 HTML 标准检查所检查到的错误中,数量最多的。

Markdown 允许你直接使用这些符号,它帮你自动转义字符。如果你使用 & 符号的作为 HTML 实体的一部分,那么它不会被转换,而在其它情况下,它则会被转换成 &。所以你如果要在文件中插入一个著作权的符号,你可以这样写:

&copy;

Markdown 将不会对这段文字做修改,但是如果你这样写:

AT&T

Markdown 就会将它转为:

AT&amp;T

类似的状况也会发生在 < 符号上,因为 Markdown 支持 行内 HTML ,如果你使用 < 符号作为 HTML 标签的分隔符,那 Markdown 也不会对它做任何转换,但是如果你是写:

4 < 5

Markdown 将会把它转换为:

4 &lt; 5

需要特别注意的是,在 Markdown 的块级元素和内联元素中, <& 两个符号都会被自动转换成 HTML 实体,这项特性让你可以很容易地用 Markdown 写 HTML。(在 HTML 语法中,你要手动把所有的 <& 都转换为 HTML 实体。)

内嵌 HTML 标签

对于 Markdown 涵盖范围之外的标签,都可以直接在文件里面用 HTML 本身。如需使用 HTML,不需要额外标注这是 HTML 或是 Markdown,只需 HTML 标签添加到 Markdown 文本中即可。

注意:

  1. 出于安全原因,并非所有 Markdown 应用程序都支持在 Markdown 文档中添加 HTML。如有疑问,请查看相应 Markdown 应用程序的手册。某些应用程序只支持 HTML 标签的子集。
  2. 对于 HTML 的块级元素 <div><table><pre><p>,请在其前后使用空行(blank lines)与其它内容进行分隔。尽量不要使用制表符(tabs)或空格(spaces)对 HTML 标签做缩进,否则将影响格式。
  3. 在 HTML 块级标签内不能使用 Markdown 语法。例如 <p>italic and **bold**</p> 将不起作用。

行级內联标签

在內联标签的范围内, Markdown 的语法是可以解析的

HTML 的行级內联标签如 <span><cite><del> 不受限制,可以在 Markdown 的段落、列表或是标题里任意使用。依照个人习惯,甚至可以不用 Markdown 格式,而采用 HTML 标签来格式化。例如:如果比较喜欢 HTML 的 <a><img> 标签,可以直接使用这些标签,而不用 Markdown 提供的链接或是图片语法。当你需要更改元素的属性时(例如为文本指定颜色或更改图像的宽度),使用 HTML 标签更方便些。

HTML 行级內联标签和区块标签不同,在內联标签的范围内, Markdown 的语法是可以解析的。

This **word** is bold. 
This <em>word</em> is italic.

渲染效果如下:

This word is bold.

This word is italic.

区块标签

在区块标签的范围内, Markdown 的语法不会被进行处理

区块元素──比如 <div><table><pre><p> 等标签,必须在前后加上空行,以便于内容区分。而且这些元素的开始与结尾标签,不可以用 tab 或是空白来缩进。Markdown 会自动识别这区块元素,避免在区块标签前后加上没有必要的 <p> 标签。

例如,在 Markdown 文件里加上一段 HTML 表格:

This is a regular paragraph.

<table>
    <tr>
        <td>Foo</td>
    </tr>
</table>

This is another regular paragraph.

请注意,Markdown 语法在 HTML 区块标签中将不会被进行处理。例如,你无法在 HTML 区块内使用 Markdown 形式的*强调*

{
  "firstName": "John",
  "lastName": "Smith",
  "age": 25
}

使用 Emoji 表情

有两种方法可以将表情符号添加到Markdown文件中:

  1. 将表情符号复制并粘贴到Markdown格式的文本中

  2. 键入emoji shortcodes(表情符号简码),一些Markdown应用程序允许您通过键入表情符号短代码来插入表情符号。这些以冒号开头和结尾,并包含表情符号的名称

    表情符号简码列表

    示例:

    去露营了! :tent: 很快回来。
    真好笑! :joy:
    

    呈现的输出如下所示:

    去露营了!⛺很快回来。

    真好笑!😂

KaTeX数学公式

您可以使用渲染LaTeX数学表达式 KaTeX:

Gamma公式展示 Γ ( n ) = ( n − 1 ) ! ∀ n ∈ N \Gamma(n) = (n-1)!\quad\forall n\in\mathbb N Γ(n)=(n1)!nN 是通过欧拉积分

Γ ( z ) = ∫ 0 ∞ t z − 1 e − t d t   . \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,. Γ(z)=0tz1etdt.

甘特图

在这里插入图片描述

Mon 06 Mon 13 Mon 20 已完成 进行中 计划一 计划二 现有任务 Adding GANTT diagram functionality to mermaid

UML 图表

可以使用UML图表进行渲染。 Mermaid. 例如下面产生的一个序列图:
在这里插入图片描述

张三 李四 王五 你好!李四, 最近怎么样? 你最近怎么样,王五? 我很好,谢谢! 我很好,谢谢! 李四想了很长时间, 文字太长了 不适合放在一行. 打量着王五... 很好... 王五, 你怎么样? 张三 李四 王五

流程图:
在这里插入图片描述

链接
长方形
圆角长方形
菱形
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值