Markdown是什么?Markdown语法大全-Markdown从入门到精通

Markdown是什么意思?

Markdown是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档,然后转换成结构化的HTML(或者其他格式)。Markdown的语法包括标题、段落、列表、链接、图片、代码等元素的简单标记。

对比我们日常使用的Word文档,Markdown的优势在于,兼容性更强,编辑时无需特定的软件就能打开,与此同时,基于Markdown编辑排版的文档,经过渲染就能一键转为标准的富文本文档,格式不易错乱,整体使用体验更佳。
image

Markdown的优势

由于Markdown的轻量化、易读易写特性,并且对于图片,图表、数学式都有支持,许多网站都广泛使用 Markdown 来撰写帮助文档或是用于论坛上发表消息。如 GitHub、Reddit、Diaspora、Stack Exchange、OpenStreetMap 、SourceForge、简书、CSDN、知乎等,甚至还能被使用来撰写电子书。

  • 世界上最流行的博客平台WordPress和大型CMS如Joomla、Drupal都能很好的支持Markdown。完全采用Markdown编辑器的博客平台有Ghost和Typecho等。
  • 用于编写说明文档,以“README.md”的文件名保存在软件的目录下面。
  • Markdown可以快速转化为演讲PPT、Word产品文档甚至是用非常少量的代码完成最小可用原型。

Markdown学习

Markdown标记语言其实很简单的,基本5分钟就能够入门,当你掌握了markdown来写文档后,你会发现你的文档格式统一了,而且相当的快,不用再担心格式问题,还能转换成不同的类似。
Markdown文档地址:https://www.markdownlang.com

Markdown发展历史

Markdown诞生的时间非常早,约翰·格鲁伯在2004年创造了Markdown语言,在语法上有很大一部分是跟亚伦·斯沃茨共同合作的。Markdown语言的目的是希望大家使用“易于阅读、易于撰写的纯文字格式,并选择性地转换成有效的XHTML(或是HTML)”。

其中最重要的设计是可读性,也就是说这个语言应该要能直接在字面上阅读,而不用记忆格式化指令标记(像是RTF与HTML)。

因此,Markdown是现行电子邮件标记格式的惯例,虽然它也借鉴了几个早期的标记语言,如:Setext、Textile (markup language)、reStructuredText。格鲁伯也编写了的Perl脚本:Markdown.pl,用于把Markdown语法编写的内容转换成有效的、结构良好的XHTML或HTML内容,并将左尖括号<和&号替换成它们各自的字符实体引用。它可以用作单独的脚本,Blosxom和Movable Type的插件又或者BBEdit的文本过滤器。

Markdown逐渐变得流行的原因

在各类AI大语言模型推出后,Markdown变得愈发流行,原本Markdown只是在小范围内使用的文本编辑方式,随着各种AI工具的普及,让AI输出返回Markdown格式的使用技巧变得广为人知。

AI大语言模型生成Markdown后,可经由各种工具灵活转换,一步到位直接生成PPT、思维导图、表格、文档等,Markdown的这种特点,极大拓宽了AI大模型的使用场景,因此使得原先小众的Markdown逐渐被大众所熟知。

看到AI大模型和Markdown联动的用法后,相信有很多人想知道,如何在AI工作流中引入Markdown文件,让AI生成的内容更符合我们的意图。下面分享2个AI工具联动Markdown生成PPT、思维导图的具体案例,希望能起到举一反三的效果,让AI更好地反哺每个人的学习、工作和生活。

Markdown语法大全

标题

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

效果:

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

文本样式

> 引用文本
>  最外层
> > 第一层嵌套
> > > 第二层嵌套

效果:

引用文本
最外层

第一层嵌套

第二层嵌套

*斜体文本*
_斜体文本_
**粗体文本**
__粗体文本__
***粗斜体文本***
___粗斜体文本___
==标记文本==
~~删除文本~~

效果:
斜体文本
斜体文本
粗体文本
粗体文本
粗斜体文本
粗斜体文本
标记文本
删除文本

HTML元素

目前支持的HTML元素有:<kbd> <b> <i> <em> <sup> <sub> <br>

使用 <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd> 重启电脑

代码片```

链接

markdown
https://https://www.markdownlang.com/

图片

图片: ![Alt](https://www.markdownlang.com/static/images/logo.svg)

带尺寸的图片: ![Alt](https://www.markdownlang.com/static/images/logo.svg =60x60)

宽度确定高度等比例的图片: ![Alt](https://www.markdownlang.com/static/images/logo.svg =60x)

高度确定宽度等比例的图片: ![Alt](https://www.markdownlang.com/static/images/logo.svg =x60)

居中的图片: ![Alt](https://www.markdownlang.com/static/images/logo.svg#pic_center)

居中并且带尺寸的图片: ![Alt](https://www.markdownlang.com/static/images/logo.svg#pic_center =60x60)

居右的图片: ![Alt](https://www.markdownlang.com/static/images/logo.svgg#pic_right)

图片: Alt

带尺寸的图片: Alt

宽度确定高度等比例的图片: Alt

高度确定宽度等比例的图片: Alt

居中的图片: Alt

居中并且带尺寸的图片: Alt

居右的图片: Alt

列表

- 无序列表
  * 项目
    + 项目

1. 有序列表
2. 项目2
3. 项目3

- [ ] 计划任务
- [x] 完成任务
  • 无序列表
    • 项目
      • 项目
  1. 有序列表
  2. 项目2
  3. 项目3

表格

学生 | 成绩
 -- | --
张三  | 80
李四  | 90
王二  | 95

| Column 1 | Column 2 | Column 2  
|:--|:--:| --:|
|  文本居左 |  文本居中 |  文本居右 |
学生 成绩
张三 80
李四 90
王二 95
Column 1 Column 2 Column 2
文本居左 文本居中 文本居右

注脚和注释

一个具有注脚的文本。[^1]

[^1]: 注脚的解释

image

插入UML图

	```mermaid
	sequenceDiagram
	张三 ->> 李四: 你好!李四, 最近怎么样?
	李四-->>王五: 你最近怎么样,王五?
	李四--x 张三: 我很好,谢谢!
	李四-x 王五: 我很好,谢谢!
	Note right of 王五: 李四想了很长时间, 文字太长了<br/>不适合放在一行.

	李四-->>张三: 打量着王五...
	张三->>王五: 很好... 王五, 你怎么样?
	```
sequenceDiagram 张三 ->> 李四: 你好!李四, 最近怎么样? 李四-->>王五: 你最近怎么样,王五? 李四--x 张三: 我很好,谢谢! 李四-x 王五: 我很好,谢谢! Note right of 王五: 李四想了很长时间, 文字太长了<br/>不适合放在一行. 李四-->>张三: 打量着王五... 张三->>王五: 很好... 王五, 你怎么样?

插入甘特图

	```mermaid
	gantt
       	 dateFormat  YYYY-MM-DD
       	 title Adding GANTT diagram functionality to mermaid
       	 section 现有任务
       	 已完成               :done,    des1, 2014-01-06,2014-01-08
       	 进行中               :active,  des2, 2014-01-09, 3d
         计划中               :des3, after des2, 5d
	```

gantt dateFormat YYYY-MM-DD title Adding GANTT diagram functionality to mermaid section 现有任务 已完成 :done, des1, 2014-01-06,2014-01-08 进行中 :active, des2, 2014-01-09, 3d 计划中 :des3, after des2, 5d

插入Mermaid流程图

	```mermaid
	graph LR
	A[长方形] -- 链接 --> B((圆))
	A --> C(圆角长方形)
	B --> D{菱形}
	C --> D
	```
graph LR A[长方形] -- 链接 --> B((圆)) A --> C(圆角长方形) B --> D{菱形} C --> D

插入Flowchart流程图

	```mermaid
	flowchat
	st=>start: 开始
	e=>end: 结束
	op=>operation: 我的操作
	cond=>condition: 确认?

	st->op->cond
	cond(yes)->e
	cond(no)->op
	```

image

插入classDiagram类图

	```mermaid
	classDiagram
    	Class01 <|-- AveryLongClass : Cool
    	<<interface>> Class01
    	Class09 --> C2 : Where am i?
   	 	Class09 --* C3
    	Class09 --|> Class07
    	Class07 : equals()
    	Class07 : Object[] elementData
    	Class01 : size()
    	Class01 : int chimp
    	Class01 : int gorilla
    	class Class10 {
        	>>service>>
        	int id
        	size()
    	}
	```

image

转义

**文本加粗** 
\*\* 正常显示星号 \*\*

文本加粗

** 正常显示星号 **

Markdown 支持以下这些符号前面加上反斜杠来帮助插入普通的符号:

\   反斜线
`   反引号
*   星号
_   下划线
{}  花括号
[]  方括号
()  小括号
#   井字号
+   加号
-   减号
.   英文句点
!   感叹号

数学公式(高级)

数学公式都用 $ $ 来表示, $$ $$ 表示独行并且居中。
$x+y$ : x + y x+yx+y
$$x+y$$ :
以下都用单个的 $ 进行举例。

image

数学符号
image

占位符
image

四则运算
image

逻辑运算

image

集合运算
image

高级运算
image

大写希腊字母
image

小写希腊字母
image

最后,如何你在使用markdown时,可以结合markdown在线编辑器 https://www.markdownlang.com/editor/
这样学下来比较快。

posted @ 2025-12-05 14:55  ayuday  阅读(0)  评论(0)    收藏  举报