csdn写作关于markdown语法说明-相关操作及对应效果

快捷键 必备利器

Markdown 图标 快捷键
撤销 Ctrl /⌘+Z
重做 Ctrl /⌘+Y
加粗 Ctrl /⌘+B
斜体 Ctrl /⌘+I
标题 Ctrl /⌘+Shift +H
有序列表 Ctrl /⌘+Shift +O
无序列表 Ctrl /⌘+Shift +U
待办列表 Ctrl /⌘+Shift +C
插入代码 Ctrl /⌘+Shift +K
插入链接 Ctrl /⌘+Shift +L
插入图片 Ctrl /⌘+Shift +G
查找 Ctrl /⌘+F
替换 Ctrl /⌘+G

标题

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

文本样式

*强调文本* _强调文本_

**加粗文本** __加粗文本__

==标记文本==

~~删除文本~~

> 引用文本

H~2~O is是液体。

2^10^ 运算结果是 1024。

对应效果

  • 强调文本 强调文本

  • 加粗文本 加粗文本

  • 标记文本

  • 删除文本

  • 引用文本

  • H2O is是液体。

  • 210 运算结果是 1024。

列表

- 项目
  * 项目
    + 项目

1. 项目1
2. 项目2
3. 项目3

- [ ] 计划任务
- [x] 完成任务

对应效果

  • 项目
    • 项目
      • 项目
  1. 项目1
  2. 项目2
  3. 项目3
  • 计划任务
  • 完成任务

表格

项目     | Value
-------- | -----
电脑  | $1600
手机  | $12
导管  | $1

| Column 1 | Column 2      |
|:--------:| -------------:|
| centered 文本居中 | right-aligned 文本居右 |

对应效果

项目 Value
电脑 $1600
手机 $12
导管 $1
Column 1 Column 2
centered 文本居中 right-aligned 文本居右

注脚

一个具有注脚的文本。[^1]

[^1]: 注脚的解释

对应效果
一个具有注脚的文本。1

注释

Markdown将文本转换为 HTML。

*[HTML]:   超文本标记语言

对应效果
Markdown将文本转换为 HTML

自定义列表

Markdown
:  Text-to-HTML conversion tool

Authors
:  John
:  Luke

对应效果
Markdown
: Text-to-HTML conversion tool

Authors
John
Luke

数学公式

数学公式复制

[参考文档](https://khan.github.io/KaTeX/)
Gamma公式展示 $\Gamma(n) = (n-1)!\quad\forall
n\in\mathbb N$ 是通过 Euler integral

$$
\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.
$$

数学公式复制

参考文档
Gamma公式展示 Γ ( n ) = ( n − 1 ) ! ∀ n ∈ N \Gamma(n) = (n-1)!\quad\forall n\in\mathbb N Γ(n)=(n1)!nN 是通过 Euler integral

Γ ( z ) = ∫ 0 ∞ t z − 1 e − t d t   . \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,. Γ(z)=0tz1etdt.

甘特图

插入甘特图

参考文档

```mermaid
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
\```

对应效果

2014-01-06 2014-01-07 2014-01-08 2014-01-09 2014-01-10 2014-01-11 2014-01-12 2014-01-13 2014-01-14 2014-01-15 2014-01-16 2014-01-17 已完成 进行中 计划中 现有任务 Adding GANTT diagram functionality to mermaid

插入UML图

插入UML图复制

[参考文档](https://mermaid-js.github.io/mermaid/#/sequenceDiagram)
```mermaid
sequenceDiagram
张三 ->> 李四: 你好!李四, 最近怎么样?
李四-->>王五: 你最近怎么样,王五?
李四--x 张三: 我很好,谢谢!
李四-x 王五: 我很好,谢谢!
Note right of 王五: 李四想了很长时间, 文字太长了
不适合放在一行. 李四-->>张三: 打量着王五... 张三->>王五: 很好... 王五, 你怎么样? \``
`

相关效果

张三 李四 王五 你好!李四, 最近怎么样? 你最近怎么样,王五? 我很好,谢谢! 我很好,谢谢! 李四想了很长时间, 文字太长了 不适合放在一行. 打量着王五... 很好... 王五, 你怎么样? 张三 李四 王五

插入Mermaid流程图

[参考文档](https://mermaid-js.github.io/mermaid/#/flowchart?id=graph)
```mermaid
graph LR
A[长方形] -- 链接 --> B((圆))
A --> C(圆角长方形)
B --> D{菱形}
C --> D
\```

相关效果
参考文档

链接
长方形
圆角长方形
菱形

插入Flowchart流程图

[参考文档](http://flowchart.js.org/)
```mermaid
flowchat
st=>start: 开始
e=>end: 结束
op=>operation: 我的操作
cond=>condition: 确认?

st->op->cond
cond(yes)->e
cond(no)->op
\```

相关效果
参考文档

Created with Raphaël 2.3.0 开始 我的操作 确认? 结束 yes no

插入classDiagram类图

[参考文档](https://mermaid-js.github.io/mermaid/#/classDiagram)
```mermaid
classDiagram
    Class01 <|-- AveryLongClass : Cool
    <> Class01
    Class09 --> C2 : Where am i?
    Class09 --* C3
    Class09 --|> Class07
    Class07 : equals()
    Class07 : Object[] elementData
    Class01 : size()
    Class01 : int chimp
    Class01 : int gorilla
    class Class10 {
        >>service>>
        int id
        size()
    }

\```

对应效果
参考文档

Cool
Where am i?
«interface»
Class01
int chimp
int gorilla
size()
AveryLongClass
Class09
C2
C3
Class07
Object[] elementData
equals()
Class10
>>service>>
int id
size()

  1. 注脚的解释 ↩︎

你可能感兴趣的:(工具类,开发语言)