CSDN的MARKDOWN标记文档写的真挺好的,各种DEMO全都有,因为常用,所以给转载了,调整了一下格式,让内容与效果同时展示,方便查阅
一、标题
# 1级标题
## 2级标题
### 3级标题
#### 四级标题
##### 五级标题
###### 陆级标题
1级标题
2级标题
3级标题
四级标题
五级标题
陆级标题
二、文本样式
*强调文本* _强调文本_
**加粗文本** __加粗文本__
==标记文本==
~~删除文本~~
> 引用文本
H~2~O is是液体。
2^10^ 运算结果是 1024。
强调文本 强调文本
加粗文本 加粗文本
标记文本
删除文本
引用文本
H2O is是液体。
210 运算结果是 1024。
三、列表
- 项目
* 项目
+ 项目
1. 项目1
2. 项目2
3. 项目3
- [ ] 计划任务
- [x] 完成任务
- 项目
- 项目
- 项目
- 项目1
- 项目2
- 项目3
- 计划任务
- 完成任务
四、链接
链接: [link](https://mp.csdn.net).
图片: ![Alt](https://i-blog.csdnimg.cn/blog_migrate/1c45030ad8e13438387a515d7f1409bc.png)
带尺寸的图片: ![Alt](https://i-blog.csdnimg.cn/blog_migrate/1c45030ad8e13438387a515d7f1409bc.png# =30x30)
链接: link.
图片:
带尺寸的图片:
五、代码片
```
// A code block
var foo = 'bar';
```
```javascript
// An highlighted block
var foo = 'bar';
```
下面展示一些 内联代码片
。
// A code block
var foo = 'bar';
// An highlighted block
var foo = 'bar';
-
代码片必须手动声明代码语言类型
-
目前支持代码类型:
markup
、html
、svg
、xml
、c
、clike
、cpp
、csharp
、java
、vbnet
、go
、ruby/rb
、python/py
、php
、sql
、perl
、objectivec
、swift
、javascript/js
、css
、handlebars
、bash
、kotlin
-
代码片主题
默认主题为:Atom One Dark
可以前往 写作中心/博客设置 在代码片样式项进行更改
六、表格
项目 | Value
-------- | -----
电脑 | $1600
手机 | $12
导管 | $1
| Column 1 | Column 2 |
|:--------:| -------------:|
| centered 文本居中 | right-aligned 文本居右 |
项目 | Value |
---|---|
电脑 | $1600 |
手机 | $12 |
导管 | $1 |
Column 1 | Column 2 |
---|---|
centered 文本居中 | right-aligned 文本居右 |
七、自定义列表
Markdown
: Text-to-HTML conversion tool
Authors
: John
: Luke
-
Markdown
-
Text-to-HTML conversion tool
Authors
-
John
-
Luke
八、插入甘特图
```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
```
九、插入UML图
```mermaid
sequenceDiagram
张三 ->> 李四: 你好!李四, 最近怎么样?
李四-->>王五: 你最近怎么样,王五?
李四--x 张三: 我很好,谢谢!
李四-x 王五: 我很好,谢谢!
Note right of 王五: 李四想了很长时间, 文字太长了不适合放在一行.
李四-->>张三: 打量着王五...
张三->>王五: 很好... 王五, 你怎么样?
```
十、插入Mermaid流程图
```mermaid
graph LR
A[长方形] -- 链接 --> B((圆))
A --> C(圆角长方形)
B --> D{菱形}
C --> D
```
十一、插入Flowchart流程图
```mermaid
flowchat
st=>start: 开始
e=>end: 结束
op=>operation: 我的操作
cond=>condition: 确认?
st->op->cond
cond(yes)->e
cond(no)->op
```
这个代码在 typora里面可能会报如下错误
![](https://i-blog.csdnimg.cn/blog_migrate/81a954338a0b905bf27ea6a8e5f0e29b.png)
![](https://i-blog.csdnimg.cn/blog_migrate/0daee37a9542b7a91ea7b20d40a72dec.png)