Typora Markdown 常用语法(画图)
文章目录
Markdown 工具Typora
这个工具贼好用(记笔记)
Markdown 标题
Markdown语法 | 语法意义 |
---|---|
# 一级标题 | 一级标题 |
## 二级标题 | 二级标题 |
### 三级标题 | 三级标题 |
#### 四级标题 | 四级标题 |
##### 五级标题 | 五级标题 |
###### 六级标题 | 六级标题 |
- 展示效果如下:
Markdown 段落
- 要创建段落,请使用空白行将一行或多行文本进行分隔。
Markdown语法 | HTML |
---|---|
Markdown是一种纯文本格式的标记语言。通过简单的标记语法,它可以使普通文本内容具有一定的格式。 | Markdown是一种纯文本格式的标记语言。通过简单的标记语法,它可以使普通文本内容具有一定的格式。 |
- 展示效果如下:
Markdown是一种纯文本格式的标记语言。通过简单的标记语法,它可以使普通文本内容具有一定的格式。Markdown是一种纯文本格式的标记语言。通过简单的标记语法,它可以使普通文本内容具有一定的格式。
Markdown是一种纯文本格式的标记语言。通过简单的标记语法,它可以使普通文本内容具有一定的格式。Markdown是一种纯文本格式的标记语言。通过简单的标记语法,它可以使普通文本内容具有一定的格式。
Markdown 强调
粗体
需要加粗的前后加两个星号
Markdown语法 | 演示效果 |
---|---|
**bold text**. | **blod text ** |
斜体
单词或短语前后添加一个星号或下划线
Markdown语法 | 演示效果 |
---|---|
*斜体* | 斜体 |
粗体和斜体
前后加三个星号
Markdown语法 | 演示效果 |
---|---|
***斜体*** | 斜体 |
删除线
要加删除线的文字左右分别用两个~~号包起来
Markdown语法 | 演示效果 |
---|---|
~~这是加删除线的文字~~ |
Markdown 引用
单块引用
- 要创建块引用,请在段落前添加一个
>
符号。
> Markdown是一种纯文本格式的标记语言。通过简单的标记语法,它可以使普通文本内容具有一定的格式。
效果如下:
Markdown是一种纯文本格式的标记语言。通过简单的标记语法,它可以使普通文本内容具有一定的格式。
嵌套引用
- 块引用可以嵌套。在要嵌套的段落前添加一个
>>
符号。
> Markdown是一种纯文本格式的标记语言。通过简单的标记语法,它可以使普通文本内容具有一定的格式。
>
>> Markdown是一种纯文本格式的标记语言。通过简单的标记语法,它可以使普通文本内容具有一定的格式。
效果如下:
Markdown是一种纯文本格式的标记语言。通过简单的标记语法,它可以使普通文本内容具有一定的格式。
Markdown是一种纯文本格式的标记语言。通过简单的标记语法,它可以使普通文本内容具有一定的格式。
Markdown 列表
有序列表
Markdown语法 | 意义 |
---|---|
1. 序号1 | 有序列表 |
无序列表
Markdown语法 | 意义 |
---|---|
- 序号1 | 无序列表 |
效果如下:
- 有序序号1
- 序号2
- 序号1
- 序号2
- 序号3
- 序号4
Markdown 代码
- 将写的文本配置信息代码等内容放到代码块中。
```java```
```txt```
效果如下:如下为java代码块
public class Test{
public void main(String args[]){
System.out.println("Hellow World!");
}
}
select * from test;
Markdown 分隔线
- 要创建分隔线,请在单独一行上使用三个或多个星号 (
***
)、破折号 (---
) 或下划线 (___
) ,并且不能包含其他内容。
效果如下:
Markdown 链接
- 链接文本放在中括号内,链接地址放在后面的括号中,链接title可选。
这是一个链接 [Markdown语法](<https://markdown.com.cn>)。
效果如下:
这是一个链接 Markdown语法。
Markdown 图片
静态图片
- 要添加图像,请使用感叹号 (
!
), 然后在方括号增加替代文本,图片链接放在圆括号里,括号里的链接后可以增加一个可选的图片标题文本。
![这是图片](/assets/img/philly-magic-garden.jpg "Magic Gardens")
效果如下:
链接图片
[![狗子的图片](/assets/img/shiprock.jpg "Shiprock")](https://www.baidu.com)
Markdown 转义字符
- 要显示原本用于格式化 Markdown 文档的字符,请在字符前面添加反斜杠字符 。
效果如下:
- * + _
Markdown 表格
语法格式:
姓名|技能|排行
--|:--:|--:
刘备|哭|大哥
关羽|打|二哥
张飞|骂|三弟
效果如下:
姓名 | 技能 | 排行 |
---|---|---|
刘备 | 哭 | 大哥 |
关羽 | 打 | 二哥 |
张飞 | 骂 | 三弟 |
Markdown 流程图
- 创建一个画布:输入下面的命令
```mermaid```
流程图
- 基本形状
graph TB
A
B(圆角矩形节点)
C[矩形节点]
D((圆形节点))
E{菱形节点}
F>右向旗帜状节点]
- 连线
graph TB
A1-->B1
A2---B2
A3--text---B3
A4--text-->B4
A5-.-B5
A6-.->B6
A7-.text.-B7
A8-.text.->B8
A9===B9
A10==>B10
A11==text===B11
A12==text==>B12
- 图的方向
用词 | 含义 |
---|---|
TB | 从上到下 |
BT | 从下到上 |
RL | 从右到左 |
LR | 从左到右 |
- 粗线条: ==>
- 备注:A --> |备注| B
- 方形边框: 代号[名称] (直接写名称默认是这个)
- 圆角边框: 代号(名称)
- 菱形边框: 代号{名称}
树形图:
横向图:
时序图
-
详细请参考:https://blog.csdn.net/Ybc_csdn/article/details/118557460
-
格式
sequenceDiagram
Title: 买东西
客户->>商家: 下单
商家->>仓库: 下单提醒发货
商家-->>客户: 下单成功等待收货
仓库-->>客户: 发货
客户->>商家: 收获成功
类图
- 格式
classDiagram
Animal <|-- Duck
Animal <|-- Fish
Animal <|-- Zebra
Animal : +int age
Animal : +String gender
Animal : +isMammal()
Animal : +mate()
class Duck{
+String beakColor
+swim()
+quack()
}
class Fish{
-int sizeInFeet
-canEat()
}
class Zebra{
+bool is_wild
+run()
}
甘特图
- 格式
gantt
title 我的甘特图
dateFormat YYYY-MM-DD
section Section A
学习后端 :a1, 2014-01-01, 20d
学习前端 :after a1 , 20d
section Section B
学习vue :2014-01-12 , 8d
学习spring : 14d
饼图
- 格式
pie title 我的饼图
"狗" : 386
"猫" : 85
"鼠" : 150
流程图
- 格式
flowchat
st=>start: 开始
op=>operation: 操作
cond=>condition: 条件判断?
e=>end: 结束
st(right)->op->cond
cond(yes)->e
cond(no)->op