Typro的基础使用以及画图-创新互联

Typro的基础使用标题

#标题#

’#个数‘代表标题等级

文字

~~两个波浪号代表删除线~~

~~两个波浪号代表删除线~~

**两个星号代表加粗**

两个星号代表加粗

*一个星号代表斜体*

一个星号代表斜体

下划线

下划线快捷键ctrl+u

==两个=代表高亮==

两个=代表高亮

~ 包裹为下标 H~2~O~2~

H₂O₂~ 包裹为下标

^ 包裹为上标  X^2^

X²^ 包裹为上标

:smile:  :  包裹为表情

😄 : 包裹为表情

表格

name | age
--- | ---
快捷键|CTRL+T

name	age
姜傲	20
阿苏	20

引用

一级引用 >
成都创新互联主要从事成都做网站、成都网站设计、网页设计、企业做网站、公司建网站等业务。立足成都服务茅箭,十年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18982081108
二级引用 >>
三级引用 >>>

列表无序列表

--符号 空格
* 可以使用*作为标记
+ 可以使用+作为标记
- 可以使用-作为标记

可以使用*作为标记
可以使用+作为标记
可以使用-作为标记

有序列表

--数字. 空格
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`

javaC

分割线

---
***

跳转外部跳转

[link text](link)
[跳转百度](http://www.baidu.com)

[跳转百度](www.baidu.com)

### 	内部跳转

[跳转查看引用](##引用)

跳转查看引用

自动连接

http://www.baidu.com

图片

### 	网上图片

![图片名字](图片地址)
![java](https://imgconvert.csdnimg.cn/aHR0cHM6Ly93d3cuamF2YXdlYi5zaG9wL3VwbG9hZC9pbWFnZS8yMDE5MDkyNC8xNTY5MzEzNjQyODkxMDY2NjAxLmdpZg)

java

本地图片

![本地图片名](../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（正在进行） 或者 不填(表示为待完成状态)
  //参数三：取小名 或者 不填
  //参数四：任务开始时间
  //参数五：任务结束时间

你是否还在寻找稳定的海外服务器提供商？创新互联www.cdcxhl.cn海外机房具备T级流量清洗系统配攻击溯源，准确流量调度确保服务器高可用性，企业级服务器适合批量采购，新人活动首月15元起，快前往官网查看详情吧

新闻名称：Typro的基础使用以及画图-创新互联
浏览路径：http://cdxtjz.cn/article/posij.html

Typro的基础使用以及画图-创新互联

其他资讯