Typora功能使用+MarkDown语法归纳

小鱼儿 2022-09-16 03:40 218阅读 0赞

# Typora功能说明 #

### 文章目录 ###

*  Typora功能说明
 *   *  MarkDown语法
     *   *   *  标题
             *  下划线
             *  删除线
             *  加粗
             *  倾斜
             *  超链接
             *  代码块
             *  表格
             *  图片
             *  无序列表
             *  有序列表
             *  区块
             *  分割线
             *  数学公式
             *  高亮文本
             *  生成目录
     *  流程图中文字换行
     *  1. 流程图
     *  2. 类图
     *  3. 甘特图
     *  4. 思维导图
     *  5. 插入图片添加标题

## MarkDown语法 ##

#### 标题 ####

`#`一阶标题——快捷键：**Ctrl+1**

`##`二阶标题——快捷键：**Ctrl+2**

`###`三阶标题——快捷键：**Ctrl+3**

`####`四阶标题——快捷键：**Ctrl+4**

`#####`五阶标题——快捷键：**Ctrl+5**

#### 下划线 ####

语法：下划线内容

实例：下划线内容

或者使用快捷键：**Ctrl+U**

#### 删除线 ####

**删除线内容**

或者使用快捷键**Alt+Shift+5**

#### 加粗 ####

***\*需要加粗的字体*\***

或者使用快捷键**Ctrl+B**

#### 倾斜 ####

*需要倾斜的字体*

或者使用快捷键：**Ctrl+I**

#### 超链接 ####

自定义内容

或者使用快捷键：**Ctrl+K**

#### 代码块 ####

语法:\`\`\`+编程语言

举例： \`\`\`java

#### 表格 ####

|列名1|列名2|，回车，即可创建一个包含2列的表。

快捷键 **Ctrl+T**弹出对话框

#### 图片 ####

语法：！图片\]

直接拖动到指定位置即可或者**Ctrl+Shift+i**

#### 无序列表 ####

\* 无序列表1

\+ 无序列表2

\- 无序列表3

#### 有序列表 ####

使用数字加上`.`再加上空格来表示有序列表。

语法：1. 第一项

\\2. 第二项

\\3. 第三项

#### 区块 ####

引用别人的文章内容时，可以将其放在区块内。

语法： 使用`>`加空格来表示区块。

#### 分割线 ####

分割线，可以使用三个及以上的 `+` 号或 `*` 号或 `-` 来表示一条分割线

语法：+++

--------------------

#### 数学公式 ####

语法： 需 要 插 入 的 数 学 公 式 需要插入的数学公式 需要插入的数学公式

或者： 需 要 插 入 的 数 学 公 式 需要插入的数学公式 需要插入的数学公式

#### 高亮文本 ####

语法：文本

#### 生成目录 ####

语法：在准备生成目录的地方输入\[TOC\]

## 流程图中文字换行 ##

直接在文字中添加上`<br>`

流程图换行例子

流程图  
换行

## 1. 流程图 ##

graph TD;
    	A-->B;
    	A-->C;

## 2. 类图 ##

classDiagram
    	Animal <|-- Duck
    	Animal <|-- Fish
    	Animal <|-- Zebra
    	Animal : +int age
    	Animal : +isMammal
    	Animal : +mate()
    	class Duck{
    		+String beakColor
    		+siwm()
    		+quack()
    	}
    	class Fish{
    		-int sizeInFeet
    		-canEat
    	}
    	class Zebra{
    		+bool is_wild
    		+run()
    	}

Animal\+int age \+isMammal\+mate()Duck\+String beakColor\+siwm() \+quack()Fish\-int sizeInFeet \-canEatZebra\+bool is\_wild\+run()

## 3. 甘特图 ##

gantt
    	title 工作计划
    	dateFormat YYYY-MM-DD
    	section Section
    	A task		:a1, 2021-07-01, 30d
    	Another task:after a1,20d
    	section Another
    	Task in sec		:2021-09-01,24d

Mon 05Mon 12Mon 19Mon 26Mon 02Mon 09Mon 16Mon 23Mon 30Mon 06Mon 13Mon 20A task Another task Task in secSection Another工作计划

## 4. 思维导图 ##

graph LR
    A[青柠学术]-->B[博主]
    A-->C[Up主]
    A-->D[社群]
    B-->E[公众号]
    B-->F[知乎]
    C-->H[B站]
    C-->I[荔枝微课]
    D-->J[知识星球]
    D-->K[微信群]

青柠学术

博主

Up主

社群

公众号

知乎

B站

荔枝微课

知识星球

微信群

## 5. 插入图片添加标题 ##

*  首先进入源代码模式

<div>			
        <center>	
        <img src="图片路径放这里" alt="无法显示图片时显示的文字" style="zoom:这里写图片的缩放百分比"/>
        <br>		
        这里是图片的标题	
        </center>
    </div>

插入图片添加标题

*  首先进入源代码模式