Markdown 入门到精通 | 狼魔宇个人博客

一、文本格式化

1、加粗

文本加粗语法
语法	对应的 HTML 语法	效果
`粗体`	`<strong>粗体</strong>`	粗体
`__粗体__`	`<strong>粗体</strong>`	粗体
💡最佳实践：尽可能使用`粗体`。

2、斜体

文本斜体语法
语法	对应的 HTML 语法	效果
`斜体`	`<em>斜体</em>`	斜体
`_斜体_`	`<em>斜体</em>`	斜体
💡最佳实践：尽可能使用`斜体`。

3、删除线

文本~~删除线~~语法
语法	对应的 HTML 语法	效果
`~~删除线~~`	`<del>删除线</del>`	~~删除线~~

4、下划线（HTML）

文本下划线（HTML）语法
语法	对应的 HTML 语法	效果
无	`<u>下划线（HTML）</u>`	下划线（HTML）

5、高亮

文本高亮语法
语法	对应的 HTML 语法	效果
`==高亮==`	`<mark>高亮</mark>`	高亮

6、字体、字号和颜色（样式化）（HTML）

文本字体、字号和颜色（样式化）（HTML）语法
样式	语法	对应的 HTML 语法	效果
字体	无	`<font face="楷体">字体</font>`	⬅️见第一列
字号	无	`<font size="6">字号</font>`
颜色	无	`<font color="green">颜色</font>`

二、链接

语法：

1	全球最大的开发者社区：[GitHub](https://github.com)。

对应的 HTML 语法：

1	全球最大的开发者社区：<a href="https://github.com">GitHub</a>。

效果：

全球最大的开发者社区：GitHub。

1、链接的 title

鼠标悬停在链接上时的提示文本。

语法：

1	[GNU](https://www.gnu.org "伟大，无需多言。")。

对应的 HTML 语法：

1	<a href="https://www.gnu.org" title="伟大，无需多言。">GNU</a>。

效果：

GNU。

2、字面 url

字面 url，不同于超链接，将文本指向一个 url，而是将 url 原样写出来。

语法：

1	<https://www.markdownguide.org/>。

对应的 HTML 语法：

1	<a href="https://www.markdownguide.org/">https://www.markdownguide.org/</a>。

效果：

https://www.markdownguide.org/。

3、邮箱链接

语法：

1	<[email protected]>。

对应的 HTML 语法：

1	<a href="mailto:[email protected]">[email protected]</a>。

效果：

[email protected]。

三、图像

语法：

1	![GNU Logo](https://www.gnu.org/graphics/gerwinski-gnu-head.png)

对应的 HTML 语法：

1	<img src="https://www.gnu.org/graphics/gerwinski-gnu-head.png" alt="GNU Logo" />

效果：

GNU Logo

1、图像 title

同链接。

2、图像链接

语法：

1	[![GNU Logo](https://www.gnu.org/graphics/gerwinski-gnu-head.png)](https://www.gnu.org/)

对应的 HTML 语法：

1	<a href="https://www.gnu.org/"><img src="https://www.gnu.org/graphics/gerwinski-gnu-head.png" alt="GNU Logo" /></a>

效果：

四、引用块

语法：

1	> GNU's Not Unix!

对应的 HTML 语法：

1	<blockquote>GNU's Not Unix!</blockquote>

效果：

GNU’s Not Unix!

五、列表

1、有序列表

语法：

编写程序的 7 个步骤：

1. 定义程序的目标；
2. 设计程序；
3. 编写代码；
4. 编译；
5. 运行程序
6. 测试和调试
7. 维护和修改

对应的 HTML 语法：

<p>编写程序的 7 个步骤：</p>
<ol>
    <li>定义程序的目标；</li>
    <li>设计程序；</li>
    <li>编写代码；</li>
    <li>编译；</li>
    <li>运行程序</li>
    <li>测试和调试</li>
    <li>维护和修改</li>
</ol>

效果：

编写程序的 7 个步骤：

定义程序的目标；
设计程序；
编写代码；
编译；
运行程序
测试和调试
维护和修改

2、无序列表

语法：

1
2
3

- React
- Vue
- Astro

对应的 HTML 语法：

<ul>
    <li>React</li>
    <li>Vue</li>
    <li>Astro</li>
</ul>

效果：

React
Vue
Astro

六、分割线

语法：

---

对应的 HTML 语法：

<hr />

效果：

七、代码

1、行内代码

语法：

1	在 C 语言中打印“Hello world!”：`printf("Hello world!\n");`。

对应的 HTML 语法：

1	在 C 语言中打印“Hello world!”：<code>printf("Hello world!\n");</code>。

效果：

在 C 语言中打印“Hello world!”：printf("Hello world!\n");。

2、代码块

语法：

```c
#include <stdio.h>

int main(void) {
    printf("Hello world!\n");
    return 0;
}
```

对应的 HTML 语法：

<pre><code>#include &lt;stdio.h&gt;
int main(void) {
    printf("Hello world!\n");
    return 0;
}</code></pre>

效果：

#include <stdio.h>

int main(void) {
    printf("Hello world!\n");
    return 0;
}

八、进阶语法

1、转义字符

Markdown 语法中涉及到的字符，如果想正常显示，则需要使用反斜杠（\）转移。

2、表格

语法：

| 网站 | 说明 |
| ---: | :--- |
| [GitHub](https://github.com) | 全球最大的开发者社区。 |
| [GNU](https://www.gnu.com) | GNU's Not Unix! |

---:、:---、:---: 分别表示对应列右、左、居中对齐。

对应的 HTML 语法：

效果：

网站	说明
GitHub	全球最大的开发者社区。
GNU	GNU’s Not Unix!

网站	说明
GitHub	全球最大的开发者社区。
GNU	GNU’s Not Unix!

表格的跨行跨列（HTML）

版本规划任务分配表
需求：V0.3版本规划		优先级	任务分解	产品负责人
功能模块1	具体事项1	3	任务1	@翠花
	具体事项2	4	任务2
	具体事项2	1	任务3
功能模块2	具体事项1	2	任务1
	具体事项2	3	任务1
		2	任务2
		1	任务3
		4	任务4
	具体事项3	1	任务1
备注信息
...

脚注

GNU/Linux^[1] 是一个伟大的开源项目。

上下标

上标：x²

下标：H₂O

待办列表

[ ] 任务 1
[ ] 任务 2
[ ] 任务 3
[x] 任务 4

锚点

1.Markdown 入门到精通

内容目录

[TOC]

高级语法

1、LaTeX 数学公式

1.1、行内公式

$E=mc^2$

1.2、块级公式

$E=mc^2$

1.3、常用 LaTeX 语法

上标与下标：^ 表示上标，_ 表示下标。

$x_i^2$

分式：\frac{}{}

$\frac{1}{2}$

根号：\sqrt{}

$\sqrt{x^2+y^2}$

求和：\sum{}

$\sum_{i=1}^{n} i^2$

积分：\int{}

$\int_{0}^{\infty} e^{-x} dx$

矩阵：\begin{matrix} 矩阵内容 \end{matrix}

$\begin{matrix} a & b & c \\ d & e & f \\ g & h & i \end{matrix}$

2、Emoji

😄

😠

👍

😄

❤️

😃

3、流程图

graph TD;
	A --> B;
	A --> |你好| C;

mindmap
 root((mindmap))

徽章

GNU/Linux refers to an operating system that combines the GNU Project’s software components with the Linux kernel. ↩︎