首页 > 技术文章 > Typora的一些常见语法

Ishton 2021-08-29 15:52 原文

1.产生目录

2.标题

  • 语法
    # 一级
    ## 二级
    ...
    ###### 六级
    在typora中可以使用快捷键ctrl + 1/2/3/4/5/6

  • 效果

3.加粗

  • 语法
    **加粗内容**
    在typora中可以使用快捷键Ctrl + B,调出四个星号;
    -效果
    加粗内容

4.下划线

  • 语法
    <u>内容</u>
    在typora中使用快捷键 Ctrl +U,在相关文本选中后调用;
  • 效果
    内容

5.删除线

  • 语法
    ~~删除线~~
    在typora当中使用Alt + Shift + 5,在要加删除线的文本选中后调出删除线;
  • 效果
    删除线

6.斜体

  • 语法
    *倾斜内容*
    在typora中的可以使用快捷键Ctrl + I,将两个星号自动调出;
  • 效果
    倾斜内容

7.斜体加粗

  • 语法
    ***倾斜加粗的内容***
  • 效果
    倾斜加粗的内容

8.高亮

  • 语法
    ==高亮内容==
  • 效果
    高亮内容

9.区块

  • 语法
    > 最外层
    > > 第一层嵌套
    > > > 第二层嵌套
  • 效果

最外层

第一层嵌套

第二层嵌套

10.无序列表

  • 语法
    - 第一项
    - 第二项
    - 第三项

  • 效果

  • 第一项

  • 第二项

  • 第三项

11.连接

12.表格

  • 语法
    | 表头 | 表头 |
    | ---- | ---- |
    | 单元格 | 单元格 |
    | 单元格 | 单元格 |

  • 效果
    | 表头 | 表头 |
    | ---- | ---- |
    | 单元格 | 单元格 |
    | 单元格 | 单元格 |

13.代码块

  • 语法
    ```` 代码块内容``` `
  • 效果
代码块内容

14.高级内容

  • 语法
    <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd> 重启电脑
  • 效果
    Ctrl+Alt+Del 重启电脑

15.画流程图

复制以下代码使用 typora 的源码模式粘贴到编辑器中查看效果:

1、横向流程图源码格式:

  • 语法
​```mermaid
graph LR
A[方形] -->B(圆角)
    B --> C{条件a}
    C -->|a=1| D[结果1]
    C -->|a=2| E[结果2]
    F[横向流程图]
​```
  • 效果图
graph L A[方形] -->B(圆角) B --> C{条件a} C -->|a=1| D[结果1] C -->|a=2| E[结果2] F[横向流程图]

2、竖向流程图源码格式

  • 语法
​```mermaid
graph TD
A[方形] --> B(圆角)
    B --> C{条件a}
    C --> |a=1| D[结果1]
    C --> |a=2| E[结果2]
    F[竖向流程图]
​```
  • 效果
    mermaid graph TD A[方形] --> B(圆角) B --> C{条件a} C --> |a=1| D[结果1] C --> |a=2| E[结果2] F[竖向流程图] ​

UML时序图

  • 语法
​```sequence
对象A->对象B: 对象B你好吗?(请求)
Note right of 对象B: 对象B的描述
Note left of 对象A: 对象A的描述(提示)
对象B-->对象A: 我很好(响应)
对象A->对象B: 你真的好吗?
​```
  • 效果

sequence 对象A->对象B: 对象B你好吗?(请求) Note right of 对象B: 对象B的描述 Note left of 对象A: 对象A的描述(提示) 对象B-->对象A: 我很好(响应) 对象A->对象B: 你真的好吗? ​

UML时序图复杂

  • 语法
​```sequence
Title: 标题:复杂使用
对象A->对象B: 对象B你好吗?(请求)
Note right of 对象B: 对象B的描述
Note left of 对象A: 对象A的描述(提示)
对象B-->对象A: 我很好(响应)
对象B->小三: 你好吗
小三-->>对象A: 对象B找我了
对象A->对象B: 你真的好吗?
Note over 小三,对象B: 我们是朋友
participant C
Note right of C: 没人陪我玩
​```
  • 效果
​```sequence
Title: 标题:复杂使用
对象A->对象B: 对象B你好吗?(请求)
Note right of 对象B: 对象B的描述
Note left of 对象A: 对象A的描述(提示)
对象B-->对象A: 我很好(响应)
对象B->小三: 你好吗
小三-->>对象A: 对象B找我了
对象A->对象B: 你真的好吗?
Note over 小三,对象B: 我们是朋友
participant C
Note right of C: 没人陪我玩
​```

UML标准时序图

  • 语法
​```mermaid
%% 时序图例子,-> 直线,-->虚线,->>实线箭头
  sequenceDiagram
    participant 张三
    participant 李四
    张三->王五: 王五你好吗?
    loop 健康检查
        王五->王五: 与疾病战斗
    end
    Note right of 王五: 合理 食物 <br/>看医生...
    李四-->>张三: 很好!
    王五->李四: 你怎么样?
    李四-->王五: 很好!
​```
  • 效果

mermaid %% 时序图例子,-> 直线,-->虚线,->>实线箭头 sequenceDiagram participant 张三 participant 李四 张三->王五: 王五你好吗? loop 健康检查 王五->王五: 与疾病战斗 end Note right of 王五: 合理 食物 <br/>看医生... 李四-->>张三: 很好! 王五->李四: 你怎么样? 李四-->王五: 很好! ​

甘特图

  • 语法
​```mermaid
%% 语法示例
        gantt
        dateFormat  YYYY-MM-DD
        title 软件开发甘特图
        section 设计
        需求                      :done,    des1, 2014-01-06,2014-01-08
        原型                      :active,  des2, 2014-01-09, 3d
        UI设计                     :         des3, after des2, 5d
    未来任务                     :         des4, after des3, 5d
        section 开发
        学习准备理解需求                      :crit, done, 2014-01-06,24h
        设计框架                             :crit, done, after des2, 2d
        开发                                 :crit, active, 3d
        未来任务                              :crit, 5d
        耍                                   :2d
        section 测试
        功能测试                              :active, a1, after des3, 3d
        压力测试                               :after a1  , 20h
        测试报告                               : 48h
​```
  • 效果
%% 语法示例 gantt dateFormat YYYY-MM-DD title 软件开发甘特图 section 设计 需求 :done, des1, 2014-01-06,2014-01-08 原型 :active, des2, 2014-01-09, 3d UI设计 : des3, after des2, 5d 未来任务 : des4, after des3, 5d section 开发 学习准备理解需求 :crit, done, 2014-01-06,24h 设计框架 :crit, done, after des2, 2d 开发 :crit, active, 3d 未来任务 :crit, 5d 耍 :2d section 测试 功能测试 :active, a1, after des3, 3d 压力测试 :after a1 , 20h 测试报告 : 48h

时序图详解:https://www.runoob.com/markdown/md-advance.html

推荐阅读