Skip to content

MarkDown 基本语法的使用

如今,用 Markdown 语法编写文档似乎已经成为了开发者必备的基础技能,好处是统一文档语法和风格。

而 Typora 是一款支持 Markdown 语法的文本编辑器,精简易用、支持实时浏览,还能搭配 PicGo 等工具实现图片自动上传,无论是写文档、写文章、做笔记都是不二之选。

如果你是第一次使用 Markdown 语法编辑文章内容,如果你想学习如何使用 Markdown 编辑器,可以仔细阅读这篇文章,了解一下 Markdown 的基本语法知识。

功能快捷键

撤销: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

创建标题

输入 #,并按下 space 后,将生成 1级标题,以此类推。

markdown
# 一级标题          或者用 HTML 语法:<h1>Heading level 1</h1>
## 二级标题         或者用 HTML 语法:<h2>Heading level 2</h2>
### 三级标题        ...
#### 四级标题       ...
##### 五级标题      ...
###### 六级标题     ...

文本样式

斜体斜体

粗体粗体

斜体+粗体

删除线

引用文本

上标:210

下标:H2O

markdown
*斜体*_斜体_
**粗体**__粗体__
***斜体+粗体***
~~删除线~~
> 引用文本
上标:2<sup>10</sup>
下标:H<sub>2</sub>O

链接与图片

链接: link

图片: Alt

markdown
链接: [link](https://www.csdn.net/)
图片: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw)

列表

  • 项目
    • 项目
      • 项目
  1. 项目 1
  2. 项目 2
  3. 项目 3
  • [ ] 待完成任务
  • [x] 已完成任务
markdown
- 项目
    - 项目
        - 项目

1. 项目 1
2. 项目 2
3. 项目 3

- [ ] 待完成任务
- [x] 已完成任务

表格

一个简单的表格是这么创建的:

项目价格
电脑$1600
手机$12
导管$1
markdown
| 项目 | 价格 |
| ---- | ----- |
| 电脑 | $1600 |
| 手机 | $12 |
| 导管 | $1 |

设定内容居中、居左、居右

居中::---------: 居左::---------- 居右:----------:

第一列第二列第三列
第一列文本居中第二列文本居右第三列文本居左
markdown
|   第一列   |     第二列 | 第三列     |
|:-------:|--------:|:--------|
| 第一列文本居中 | 第二列文本居右 | 第三列文本居左 |

注脚

一个具有注脚的文本:[^2]

markdown
[^2]: 注脚的解释

数学公式

KaTeX

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

Gamma 公式展示:

Γ(z)=0tz1etdt.
markdown
$$
\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.
$$
markdown
语法形式:$a^3_{2}$
$$a^3_{2}$$

甘特图

markdown
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
        计划二               :         des4, after des3, 5d

UML 图表

可以使用 UML 图表进行渲染 Mermaid

例如下面产生的一个序列图:

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

李四-->>张三: 打量着王五...
张三->>王五: 很好... 王五, 你怎么样?

这将产生一个流程图。:

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

FLowchart 流程图

我们依旧会支持 flowchart 的流程图:

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

st->op->cond
cond(yes)->e
cond(no)->op
编程洪同学服务平台是一个广泛收集编程相关内容和资源,旨在满足编程爱好者和专业开发人员的需求的网站。无论您是初学者还是经验丰富的开发者,都可以在这里找到有用的信息和资料,我们将助您提升编程技能和知识。
专业开发
高端定制
售后无忧
站内资源均为本站制作或收集于互联网等平台,如有侵权,请第一时间联系本站,敬请谅解!本站资源仅限于学习与参考,严禁用于各种非法活动,否则后果自行负责,本站概不承担!