快捷键

撤销：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

标题

源码

 # 1级标题## 2级标题### 3级标题#### 四级标题 ##### 五级标题  ###### 六级标题

效果

1级标题

2级标题

3级标题

四级标题

五级标题

六级标题

文本样式

源码

 *强调文本* _强调文本_**加粗文本** __加粗文本__==标记文本==~~删除文本~~> 引用文本H~2~O is是液体。2^10^ 运算结果是 1024。

效果

强调文本 强调文本

加粗文本 加粗文本

标记文本

删除文本

引用文本

H₂O is是液体。

2¹⁰ 运算结果是 1024。

列表

源码

 - 项目* 项目+ 项目1. 项目12. 项目23. 项目3- [ ] 计划任务- [x] 完成任务

效果
项目
- 项目
  - 项目

项目1
项目2
项目3

计划任务
完成任务

链接

源码

 链接: [link](https://mp.csdn.net).图片: ![Alt](https://avatar.csdn.net/7/7/B/1_ralf_hx163com.jpg)带尺寸的图片: ![Alt](https://avatar.csdn.net/7/7/B/1_ralf_hx163com.jpg =30x30)居中的图片: ![Alt](https://avatar.csdn.net/7/7/B/1_ralf_hx163com.jpg#pic_center)居中并且带尺寸的图片: ![Alt](https://avatar.csdn.net/7/7/B/1_ralf_hx163com.jpg#pic_center =30x30)

效果

链接: link.

图片:

带尺寸的图片:

居中的图片:

居中并且带尺寸的图片:

代码片

源码

 下面展示一些 `内联代码片`。```// A code blockvar foo = 'bar';``````javascript// An highlighted blockvar foo = 'bar';```

效果

下面展示一些 内联代码片。

// A code block
var foo = 'bar';

// An highlighted block
var foo = 'bar';

表格

源码

 项目     | 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 toolAuthors:  John:  Luke

效果

Markdown: Text-to- HTML conversion tool
Authors: John; Luke

注脚

源码

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

效果

一个具有注脚的文本。¹

注释

源码

 Markdown将文本转换为 HTML。*[HTML]:   超文本标记语言

效果

Markdown将文本转换为 HTML。

LaTeX 数学公式

源码

 Gamma公式展示 $\Gamma(n) = (n-1)!\quad\foralln\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)=(n−1)!∀n∈N 是通过 Euler integral

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

插入甘特图

源码

 ```mermaidganttdateFormat  YYYY-MM-DDtitle Adding GANTT diagram functionality to mermaidsection 现有任务已完成               :done,    des1, 2014-01-06,2014-01-08进行中               :active,  des2, 2014-01-09, 3d计划中               :         des3, after des2, 5d```

效果

Mon 06 Mon 13 已完成进行中计划中现有任务 Adding GANTT diagram functionality to mermaid

插入UML图

源码

 ```mermaidsequenceDiagram张三 ->> 李四: 你好！李四, 最近怎么样?李四-->>王五: 你最近怎么样，王五？李四--x 张三: 我很好，谢谢!李四-x 王五: 我很好，谢谢!Note right of 王五: 李四想了很长时间, 文字太长了<br/>不适合放在一行.李四-->>张三: 打量着王五...张三->>王五: 很好... 王五, 你怎么样?```

效果

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

插入Mermaid流程图

源码

 ```mermaidgraph LRA[长方形] -- 链接 --> B((圆))A --> C(圆角长方形)B --> D{菱形}C --> D```

效果

链接

长方形

圆

圆角长方形

菱形

插入Flowchart流程图

源码

 ```mermaidflowchatst=>start: 开始e=>end: 结束op=>operation: 我的操作cond=>condition: 确认？st->op->condcond(yes)->econd(no)->op```

效果

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

注脚的解释 ↩︎

CSDN的md示例模板相关推荐

java项目README.MD文件模板
java项目README.MD文件模板项目简介: 用一两句话简单描述该项目所实现的业务功能: 技术选型: 后端技术栈 springboot mybaits jwt 数据库关系型数据库 mysql ...
解决CSDN导入md文档时图片显示不出来，出现[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-jiakLQhy-1628602853830)提示
解决CSDN导入md文档时图片显示不出来,出现[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-jiakLQhy-1628602853830)提示 https://blog ...
STC单片机驱动1.8‘TFT SPI屏幕示例模板（含资料包）
STC单片机驱动1.8'TFT SPI屏幕示例模板(含资料包) 驱动演示 STC单片机采用的是: STC12C5A60S2,采用的自制开发板:<[开源]STC12C5A60S2开发板> 1 ...
python短信接口_基于 python 的短信接口调用代码示例模板
阅信短信验证码平台最近会从新梳理基于不同语言的短信接口调用代码示例,是为了迎合市面上现在流行的各个语言代码实现,也是为了能够更好的服务满足客户的不同层次的需求. 下面的代码是基于 python 的短信 ...
CSDN花里胡哨的自定义模板
大家好,我是小佑@小佐:https://blog.csdn.net/Smell_rookie,是一名页面仔工程师,我会不定时在CSDN更新我的博客,有兴趣的可以点个关注来逛逛我的主页. 一次偶然的机会 ...
CSDN文本MD编辑器教程【始终专一MD】
CSDN排版 [1]- - - 杠显示横线 [2]== Text== 显示字体黄色底纹 [3] - [X] 在文本前显示蓝框打钩 [4] ``显示文本红色 [5]巧用超链接 http:// [6]巧用 ...
手机应用UI设计示例+模板|为了在下一个应用程序设计项目找到灵感
如今,人们花在手机上的时间比其他任何设备都多. 作为设计师,你现在必须比以往更仔细地考虑应用程序的用户界面设计. 因为它在提高可用性和用户留存方面发挥着关键作用. 为了在下一个应用程序设计项目找到灵感 ...
【CSDN】MD编辑器使用指南
功能快捷键撤销:Ctrl/Command + Z 重做:Ctrl/Command + Y 加粗:Ctrl/Command + B 斜体:Ctrl/Command + I 标题:Ctrl/Comman ...
CSDN使用MD编辑器修改插入的图片管理
目录一.修改大小直接设置大小按照比例缩小使用HTML标记语言二.多张图片排列使用HTML标记语言在MD编辑器中插入图片直接复制或者 [图片描述](url/xxx.1pg)后边加上 #pi ...

CSDN的md示例模板

快捷键

标题