Markdown ,Typora教程

Markdown 教程

建议使用Typora ,一款轻便简洁的Markdown编辑器

下载地址:链接:https://pan.baidu.com/s/1gwj6_U4FIF6kCO0vMVnGIA 提取码:e64o

1.标题

1.1使用 # 号标记

使用 # 号可表示 1-6 级标题,一级标题对应一个 # 号,二级标题对应两个 # 号,以此类推。在** ** 用 Ctrl+ 数字1-6

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

2.段落格式

Typora 段落用 Ctrl+ 0

2.1字体

*斜体文本*
_斜体文本_
**粗体文本**
__粗体文本__
***粗斜体文本***
___粗斜体文本___

斜体文本 斜体文本 粗体文本 粗体文本 粗斜体文本 粗斜体文本

2.2线性

2.2.1 分隔线
***

* * *

*****

- - -

----------





2.2.2 删除线

在文字的两端加上两个波浪线 ~~

~~loser~~

lower

2.2.3 下划线

<u> 标签来实现

<u>带下划线文本</u>

带下划线文本

2.2.4 脚注

脚注是对文本的补充说明

[^要注明的文本]

只有站在最高处才不会仰望他人的风景

3.列表

3.1有序列表

数字并加上 . 号来表示,标记后面要添加一个空格

1. 第一项
2. 第二项
3. 第三项
  1. 第一项

  2. 第二项

  3. 第三项

3.2无序列表

无序列表使用星号(*)、加号(+)或是减号(-)作为列表标记,这些标记后面要添加一个空格

* 第一项
* 第二项
* 第三项

+ 第一项
+ 第二项
+ 第三项


- 第一项
- 第二项
- 第三项
  • 第一项

  • 第二项

  • 第三项

  • 第一项

  • 第二项

  • 第三项

  • 第一项

  • 第二项

  • 第三项

4.区块引用

选择使用Typora快捷键Ctrl+Shift+Q

在段落开头使用 > 符号 ,然后后面紧跟一个空格符号

> 人生没有白走的路,每一步都算数

人生没有白走的路,每一步都算数

 

5.代码

可以选择使用Typora快捷键 Ctrl+Shift+K

在代码开头使用 ```

printf()

6.链接

[我是链接](选择链接网址)

 

7.图片

可以选择使用Typora快捷键 Ctrl+Shift+I

![我是一张图片](选择图片路径)

 

8.表格

可以选择使用Typora快捷键 Ctrl+T

Markdown使用 | 来分隔不同的单元格,使用 - 来分隔表头和其他行。语法格式:

|  表头   | 表头  |
| ---- | ---- |
| 单元格 | 单元格 |
| 单元格 | 单元格 |

表格的对齐方式:

  • -: 设置内容和标题栏居右对齐。

  • :- 设置内容和标题栏居左对齐。

  • :-: 设置内容和标题栏居中对齐

eg:
| 左对齐 | 右对齐 | 居中对齐 |
| :-----| ----: | :----: |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |
左对齐右对齐居中对齐
单元格 单元格 单元格
单元格 单元格 单元格

 

9.高级技巧

9.1 常用html元素

<kbd> </kbd> 标签定义键盘文本 eg:可以选择使用快捷键Ctrl+Shift+K 来插入代码块

<b> </b> 加粗文本eg:看到这里的你可真是厉害

<i> </i>斜体文本 eg:斜斜的东西好看?

<em> </em> 引用把其中的文本表示为强调的内容。 标签可以用来把这些名称和其他斜体字区别开来。 eg:好看的你 麻烦点个赞👍  

<sup></sup>上标 eg:我是上标

<sub> </sub>下标 eg:我是下标

<br>换行 eg:我要 换行了

9.2 软件开发常用图 Typora

9.2.1 时序图mermaid

->> 代表实线箭头,-->> 则代表虚线。

sequenceDiagram
Alice->>John: Hello John, how are you?
John-->>Alice: Great!

 

 
AliceJohnHello John, how are you?Great!AliceJohn
 

9.2.2 流程图 mermaid

graph 关键字就是声明一张流程图,TD 从上至下竖向 LR从左至右横向 箭头 -->

eg:

graph LR
F[横向流程图]
A[方形] -->B(圆角)
B --> C{条件a}
C -->|a=1| D[结果1]
C -->|a=2| E[结果2]
graph TD
F[竖向流程图]
A[方形] -->B(圆角)
B --> C{条件a}
C -->|a=1| D[结果1]
C -->|a=2| E[结果2]

 

 
 
 
a=1
a=2
横向流程图
方形
圆角
条件a
结果1
结果2
 
 
 
 
a=1
a=2
竖向流程图
方形
圆角
条件a
结果1
结果2
 

 

9.2.3 甘特图 mermaid

 

 
2014-01-062014-01-062014-01-072014-01-072014-01-082014-01-082014-01-092014-01-092014-01-10基础知识项目基础知识基础知识项目项目Java基础JAVA Web框架JAVA学习路线图计划图
 

9.2.4 饼图 mermaid

饼图使用 pie 表示,title下面分别是区域名称及其百分比。

pie
title 饼图举例
"A" : 25
"B" : 25
"C" : 25
"D" : 25

 

 
25%25%25%25%饼图举例ABCD
 

9.2.5 类图

语法:<|-- 表示继承,+ 表示 public- 表示 private

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()
}

 

 
Animal+int age+String gender+isMammal()+mate()Duck+String beakColor+swim()+quack()Fish-int sizeInFeet-canEat()Zebra+bool is_wild+run()
 

9.2.6状态图

语法:[*] 表示开始或者结束,如果在箭头右边则表示结束。

stateDiagram
[*] --> s1
s1 --> [*]
 
s1
 

 

 

参考 Smart 公众号 https://zhuanlan.zhihu.com/p/172635547

posted @ 2021-10-14 17:26  领翔  阅读(103)  评论(0)    收藏  举报