模式切换
MarkDown 基本语法的使用
如今,用 Markdown 语法编写文档似乎已经成为了开发者必备的基础技能,好处是统一文档语法和风格。
而 Typora 是一款支持 Markdown 语法的文本编辑器,精简易用、支持实时浏览,还能搭配 PicGo 等工具实现图片自动上传,无论是写文档、写文章、做笔记都是不二之选。
如果你是第一次使用 Markdown 语法编辑文章内容,如果你想学习如何使用 Markdown 编辑器,可以仔细阅读这篇文章,了解一下 Markdown 的基本语法知识。
功能快捷键
撤销:Ctrl/Command + Z
重做:Ctrl/Command + Y
加粗:Ctrl/Command + B
斜体:Ctrl/Command + I
标题:Ctrl/Command + Shift + H
无序列表:Ctrl/Command + Shift + U
有序列表:Ctrl/Command + Shift + O
检查列表:Ctrl/Command + Shift + C
插入代码:Ctrl/Command + Shift + K
插入链接:Ctrl/Command + Shift + L
插入图片:Ctrl/Command + Shift + G
查找:Ctrl/Command + F
替换:Ctrl/Command + G
创建标题
输入 #
,并按下 space
后,将生成 1级标题
,以此类推。
markdown
# 一级标题 或者用 HTML 语法:<h1>Heading level 1</h1>
## 二级标题 或者用 HTML 语法:<h2>Heading level 2</h2>
### 三级标题 ...
#### 四级标题 ...
##### 五级标题 ...
###### 六级标题 ...
文本样式
斜体 或 斜体
粗体 或 粗体
斜体+粗体
删除线
引用文本
上标:210
下标:H2O
markdown
*斜体* 或 _斜体_
**粗体** 或 __粗体__
***斜体+粗体***
~~删除线~~
> 引用文本
上标:2<sup>10</sup>
下标:H<sub>2</sub>O
链接与图片
链接: link
图片:
markdown
链接: [link](https://www.csdn.net/)
图片: 
列表
- 项目
- 项目
- 项目
- 项目
- 项目 1
- 项目 2
- 项目 3
- [ ] 待完成任务
- [x] 已完成任务
markdown
- 项目
- 项目
- 项目
1. 项目 1
2. 项目 2
3. 项目 3
- [ ] 待完成任务
- [x] 已完成任务
表格
一个简单的表格是这么创建的:
项目 | 价格 |
---|---|
电脑 | $1600 |
手机 | $12 |
导管 | $1 |
markdown
| 项目 | 价格 |
| ---- | ----- |
| 电脑 | $1600 |
| 手机 | $12 |
| 导管 | $1 |
设定内容居中、居左、居右
居中::---------:
居左::----------
居右:----------:
第一列 | 第二列 | 第三列 |
---|---|---|
第一列文本居中 | 第二列文本居右 | 第三列文本居左 |
markdown
| 第一列 | 第二列 | 第三列 |
|:-------:|--------:|:--------|
| 第一列文本居中 | 第二列文本居右 | 第三列文本居左 |
注脚
一个具有注脚的文本:[^2]
markdown
[^2]: 注脚的解释
数学公式
KaTeX
您可以使用渲染 LaTeX 数学表达式 KaTeX:
Gamma 公式展示:
markdown
$$
\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.
$$
markdown
语法形式:$a^3_{2}$
$$a^3_{2}$$
甘特图
markdown
gantt
dateFormat YYYY-MM-DD
title Adding GANTT diagram functionality to mermaid
section 现有任务
已完成 :done, des1, 2014-01-06,2014-01-08
进行中 :active, des2, 2014-01-09, 3d
计划一 : des3, after des2, 5d
计划二 : des4, after des3, 5d
UML 图表
可以使用 UML 图表进行渲染 Mermaid。
例如下面产生的一个序列图:
markdown
sequenceDiagram
张三 ->> 李四: 你好!李四, 最近怎么样?
李四-->>王五: 你最近怎么样,王五?
李四--x 张三: 我很好,谢谢!
李四-x 王五: 我很好,谢谢!
Note right of 王五: 李四想了很长时间, 文字太长了<br/>不适合放在一行.
李四-->>张三: 打量着王五...
张三->>王五: 很好... 王五, 你怎么样?
这将产生一个流程图。:
markdown
graph LR
A[长方形] -- 链接 --> B((圆))
A --> C(圆角长方形)
B --> D{菱形}
C --> D
FLowchart 流程图
我们依旧会支持 flowchart 的流程图:
markdown
flowchat
st=>start: 开始
e=>end: 结束
op=>operation: 我的操作
cond=>condition: 确认?
st->op->cond
cond(yes)->e
cond(no)->op