优快云的MarkDown使用整理（学习笔记）

最新推荐文章于 2025-03-09 21:46:52 发布

canxuezhang

最新推荐文章于 2025-03-09 21:46:52 发布

阅读量475

点赞数

分类专栏：工具学习文章标签： markdown 小白优快云

本文链接：https://blog.youkuaiyun.com/canxuezhang/article/details/113553167

版权

工具学习专栏收录该内容

1 篇文章

订阅专栏

本文介绍了Markdown编辑器的常用快捷键，包括文本格式化、列表创建等，并详细说明了如何使用Markdown来实现标题、链接、图片插入等功能。此外，还探讨了一些高级特性，如KaTeX数学公式、甘特图和UML图表等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、标题

有六级标题：只能放在行的前面才会生效，比如 # 标题这样是不生效的
# + space

一级标题

## + space

二级标题

### + space

三级标题

#### + space

四级标题

##### + space

五级标题

###### + space

六级标题

二、功能快捷键

撤销：Ctrl/Command + Z

重做：Ctrl/Command + Y

加粗：Ctrl/Command + B

斜体：Ctrl/Command + I

标题：Ctrl/Command + Shift + H

无序列表：Ctrl/Command + Shift + U

有序列表：Ctrl/Command + Shift + O

检查列表：Ctrl/Command + Shift + C

插入代码：Ctrl/Command + Shift + K

插入链接：Ctrl/Command + Shift + L

插入图片：Ctrl/Command + Shift + G

查找：Ctrl/Command + F

替换：Ctrl/Command + G

三、改变文本的样式

* + 斜体文字（强调作用）+ *
*也可以用单个下划线_代替
_ + 斜体文字（强调作用）+ _

*这是强调1*  _这是强调2_

这是强调1 这是强调2

** + 粗体文字 + **
**也可以用两个下划线__代替
__ + 粗体文字 + __

**这是粗体1**  __这是粗体2__

这是粗体1 这是粗体2

== + 标志文字 + ==

==标志文字==

标志文字

~~ + 删除文字 + ~~

~~删除文字~~

~~删除文字~~

~ + 下标 + ~

~下标~   H~2~O

_下标 H₂O

^ + 上标 + ^

^上标^  2^1024^

^上标 2¹⁰²⁴

> + 引用的内容

> 马克思说：雇佣的本质是一群部分人拿掌握积累起来的劳动用来去支配大部分只掌握活劳动的人的一部分生命、时间，其本质是支配与被支配的非理性关系。

马克思说：雇佣的本质是一群部分人拿掌握积累起来的劳动用来去支配大部分只掌握活劳动的人的一部分生命、时间，其本质是支配与被支配的非理性关系。

<kbd> + 键盘键+ </kbd>

 <kbd> ^ </kbd>

^

两个 ` 中间加高亮文字

`高亮`

高亮

四、插入内容

4.1 链接

方式一：

 链接: [链接名称](链接地址)    [百度](https://www.baidu.com)

链接: 链接名称百度

方式二：
[ + 链接名称 + ] + [ + 序号 + ]

文章末尾：
[ + 序号 + ] + : + 链接

链接: [链接名称][序号]  
[序号]: 链接
 [百度][10]
 [10]: http://www.baidu.com

百度

4.2 图片

 ![图片描述](图片链接)

图片描述
设置图片大小：在链接后面加尺寸： space + =size x size 如 =50x50

 ![图片描述](图片链接  =50x50)    一定要在链接和尺寸中间有一个空格

示例1
图片描述
设置图片居中：在链接后面直接加： #pic_center

 ![图片描述](图片链接#pic_center)    一直接链接后面加

图片描述
设置图片大小并居中： #pic_center 必须在前面

 ![图片描述](图片链接#pic_center =200x200)     #pic_center 必须在前面

图片描述

4.3 代码

代码设置高亮： 在代码框前面加上使用的语言名称
示例2

var foo = 'bat'

4.4 表格

格式：

表头1 + space + | + space + 表头2 + …… (类推) + 表头N + enter (换行）

+ - + space + | + space + - + …… (类推) + | + space + - + enter (换行）

表头1值1 + space + | + space + 表头2值1 + …… (类推) + 表头N值1 + enter (换行）
……
表头1值N + space + | + space + 表头2值N + …… (类推) + 表头N值N + enter (换行）

名字   |    性别 | 爱好
- | - | -
室友A | 女 | 睡觉
室友B | 女 | 洗澡
室友C | 女 | 吃饭
我 | 男 | 学习

名字	性别	爱好
室友A	女	睡觉
室友B	女	洗澡
室友C	女	吃饭
我	男	学习

使用:---------:居中
使用:----------居左
使用----------:居右

名字   |    性别 | 爱好
:-: | :- | -:
室友A | 女 | 睡觉
室友B | 女 | 洗澡
室友C | 女 | 吃饭
我 | 男 | 学习

名字	性别	爱好
室友A	女	睡觉
室友B	女	洗澡
室友C	女	吃饭
我	男	学习

4.5 注脚

专有名词 + [ + ^ + 序号 + ]

[ + ^ + 序号 + ] + : + 名词解释

注脚[^1]
[^1]: 注脚的dd

注脚 ¹

五、进阶

5.1 KaTeX数学公式

KaTeX

这个有点难，以后再仔细学

官方示例：

Gamma公式展示 $\Gamma(n) = (n-1)!\quad\forall
n\in\mathbb N$ 是通过欧拉积分

$$
\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.
$$

Gamma公式展示 $\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$ 是通过欧拉积分

$\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.$

多关于的信息 LaTeX 数学表达式here.

5.2 甘特图

官方示例：
示例3

关于 甘特图 语法，参考这儿,

5.3 UML 图表

关于 Mermaid 语法，参考这儿,

5.4 FLowchart流程图

关于 Flowchart流程图 语法，参考这儿.

注脚的dd ↩︎