Typro的基础使用
标题
#标题#
- ’#个数‘代表标题等级
文字
~~两个波浪号代表删除线~~
-
两个波浪号代表删除线
**两个星号代表加粗**
- 两个星号代表加粗
*一个星号代表斜体*
- 一个星号代表斜体
<u>下划线<u>
- 下划线快捷键ctrl+u
==两个=代表高亮==
- 两个=代表高亮
~ 包裹为下标 H~2~O~2~
- H2O2 ~ 包裹为下标
^ 包裹为上标 X^2^
- X2 ^ 包裹为上标
:smile: : 包裹为表情
- 😄 : 包裹为表情
表格
name | age
--- | ---
快捷键|CTRL+T
name | age |
---|---|
姜傲 | 20 |
阿苏 | 20 |
引用
一级引用 >
二级引用 >>
三级引用 >>>
列表
无序列表
--符号 空格
* 可以使用*作为标记
+ 可以使用+作为标记
- 可以使用-作为标记
- 可以使用*作为标记
- 可以使用+作为标记
- 可以使用-作为标记
有序列表
--数字. 空格
1. 有序列表以数字和.开始
2. 数字的序列并不会影响生产的列表序列
3. 但仍然推荐按照自然顺序(1.2.3..)编写
- 有序列表以数字开始
- 数字的序列并不会影响生产的列表序列
- 但仍然推荐按照自然顺序(1.2.3…)编写
代码
代码块
public class Base64Test {
@Test
public void test() throws UnsupportedEncodingException {
// 编码
String encode = Base64.getEncoder().encodeToString("姜傲".getBytes("UTF-8"));
System.out.println(encode);
// 解码
byte[] decode = Base64.getDecoder().decode(encode);
System.out.println(new String(decode, "UTF-8"));
}
}
行内代码
`java` `C`
java
C
分割线
---
***
跳转
外部跳转
[link text](link)
[跳转百度](http://www.baidu.com)
[跳转百度](www.baidu.com)
### 内部跳转
[跳转查看引用](##引用)
自动连接
<http://www.baidu.com>
图片
### 网上图片
![图片名字](图片地址)
![java](https://i-blog.csdnimg.cn/blog_migrate/82f4df3e4fe63e70055918717cb26988.png)
本地图片
![本地图片名](../Imgs/test.jpg)
Markdown画图篇
轻量级,功能并不全
Mermaid:一个用于画流程图,状态图,时序图,甘特图的库
使用JS进行本地渲染,广泛集成于虚脱的Markdown编辑器中
生成的不是一个图片,而是一段HTML代码
流程图(graph)
用词含义
用词 | 含义 |
---|---|
TB | 从上到下 |
BT | 从下到上 |
RL | 从右到左 |
LR | 从左到右 |
graph TB
A-->B
B-->C
C-->A
graph LR
A-->B
B-->C
C-->A
节点形状
表述 | 说明 | 含义 |
id[文字] | 矩形节点 | 表示过程,也就是整个流程中的一个环节 |
id(文字) | 圆角矩形节点 | 表示开始和结束 |
id((文字)) | 圆形节点 | 表示连接。为避免流程过长或有交叉,可将流程切开。成对 |
id{文字} | 菱形节点 | 表示判断、决策 |
id>文字] | 右向旗帜状节点 |
graph TB
A
B(圆角矩形节点)
C[矩形节点]
D((圆形节点))
E{菱形节点}
F>右向旗帜状节点]
graph LR
begin(JA)-->play[球场]
-->ball{篮球}
ball--YES-->hava[投篮]-->happy[开心]-->back(回家)
ball--NO-->sad[伤心]-->back
连线形状
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
子图表
graph LR
subgraph 兴高采烈
begin(JA)-->play[球场]
-->ball{篮球}
end
ball--YES-->hava[投篮]-->happy[开心]-->back(回家)
ball--NO-->sad[伤心]-->back
序列图(Sequence diagram)
sequenceDiagram
Title: 打篮球
JA->>球场: 有人么
球场-->>JA: 没有,那就回家
饼图(Pie)
pie
title TOTAL
"后端" : 3
"测试" : 1
"前端" : 2
"UI" : 1
甘特图(gantt)
title 标题
dateFormat 日期格式
section 部分名
任务名:参数一, 参数二, 参数三, 参数四,参数五
//参数一:crit(是否重要,红框框) 或者 不填
//参数二:done(已完成)、active(正在进行) 或者 不填(表示为待完成状态)
//参数三:取小名 或者 不填
//参数四:任务开始时间
//参数五:任务结束时间