Markdown编辑器的使用方法

可以使用冒号来定义对齐方式&＃xff1a;

使用 :---------: 居中&＃xff08;或者没有:号&＃xff0c;默认也是居中&＃xff09;
使用 :----------居左
使用----------: 居右

项目 | 价格
:------- | :---
电脑 | &＃xffe5;5600
电话 | &＃xffe5;3500
PAD | &＃xffe5;2000


• 1
• 2
• 3
• 4
• 5

14、代码块

 助记&＃xff1a;&＃96;&＃96;&＃96;开始&＃xff0c;&＃96;&＃96;&＃96;结束&＃xff0c;中间是代码&＃xff0c;&＃96;是键盘数字1前面那个按键&＃xff0c;开始标记后面可插入编程语言的名字&＃xff0c;CSDN支持常见的十几多种编程语言&＃xff0c;如图&＃xff1a;

　&＃96;&＃96;&＃96;Javascript//代码高亮显示例子var aa&＃61; &＃39;this&＃39;;var bb&＃61; &＃39;that&＃39;;let cc&＃61; aa&＃43; bb;&＃96;&＃96;&＃96;


• 1
• 2
• 3
• 4
• 5
• 6

效果如下&＃xff1a;

//代码高亮显示例子
var aa&＃61; &＃39;this&＃39;;
var bb&＃61; &＃39;that&＃39;;
let cc&＃61; aa&＃43; bb;


• 1
• 2
• 3
• 4

高端用法&＃xff1a;

1、Latex数学公式

 CSDN可以使用latex语法来渲染数学公式&＃xff0c;例如&＃xff1a;

Gamma公式展示 $\Gamma(n) &＃61; (n-1)!\quad\forall
n\in\mathbb N$ 是通过欧拉积分
$$
\Gamma(z) &＃61; \int_0^\infty t^{z-1}e^{-t}dt\,.
$$


• 1
• 2
• 3
• 4
• 5

Gamma公式展示 KaTeX parse error: Undefined control sequence: \foralln at position 60: …) &＃61; (n-1)!\quad\̲f̲o̲r̲a̲l̲l̲n̲\in\mathbb NΓ(z)&＃61;∫0∞​tz−1e−tdt.
更多latex数学符号详见&＃xff1a;常用数学符号的 LaTeX 表示方法
kaTeX数学表达式参见&＃xff1a;KaTeX

2、甘特图

 一个常见的甘特图例子如下&＃xff1a;

　&＃96;&＃96;&＃96;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计划二 : des4, after des3, 5d&＃96;&＃96;&＃96;#甘特图代码例子


• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11

更多甘特图用法参考&＃xff1a;参考文档

3、UML序列图
 一个常见的UML序列图例子如下&＃xff1a;

&＃96;&＃96;&＃96;mermaidsequenceDiagram张三 ->> 李四: 你好&＃xff01;李四, 最近怎么样?李四-->>王五: 你最近怎么样&＃xff0c;王五&＃xff1f;李四--x 张三: 我很好&＃xff0c;谢谢!李四-x 王五: 我很好&＃xff0c;谢谢!Note right of 王五: 李四想了很长时间, 文字太长了
不适合放在一行.


李四-->>张三: 打量着王五...
张三->>王五: 很好... 王五, 你怎么样?
&＃96;&＃96;&＃96;
#UML序列图代码例子


• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12

更多UML序列图用法参考&＃xff1a; 参考文档

4、Mermaid流程图

 一个常见的Mermaid流程图例子如下&＃xff1a;

&＃96;&＃96;&＃96;mermaidgraph LRA[长方形] -- 链接 --> B((圆))A --> C(圆角长方形)B --> D{菱形}C --> D&＃96;&＃96;&＃96;#Mermaid流程图代码例子


• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8

更多Mermaid流程图用法参考&＃xff1a;参考文档

5、Flowchart流程图

 一个常见的Flowchart流程图例子如下&＃xff1a;

&＃96;&＃96;&＃96;mermaidflowchatst&＃61;>start: 开始e&＃61;>end: 结束op&＃61;>operation: 我的操作cond&＃61;>condition: 确认&＃xff1f;


st->op->cond
cond(yes)->e
cond(no)->op
&＃96;&＃96;&＃96;
Flowchart流程图代码例子


• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12

更多Flowchart流程图用法参考&＃xff1a;参考文档

导出与导入

• 导出
  当你完成了一篇文章的写作, 在上方工具栏找到 文章导出 按钮&＃xff0c;生成一个.md文件或者.html文件进行本地保存。

• 导入
  如果你想加载一篇你写过的.md文件或者.html文件&＃xff0c;在上方工具栏可以选择导入功能进行对应扩展名的文件导入&＃xff0c;然后继续你的创作。

离线写博客

 即使用户在没有网络的情况下&＃xff0c;也可以通过本编辑器离线写博客&＃xff08;直接在曾经使用过的浏览器中输入https://mp.csdn.net/即可。Markdown编辑器使用浏览器离线存储将内容保存在本地。
 用户写博客的过程中&＃xff0c;内容实时保存在浏览器缓存中&＃xff0c;在用户关闭浏览器或者其它异常情况下&＃xff0c;内容不会丢失。用户再次打开浏览器时&＃xff0c;会显示上次用户正在编辑的没有发表的内容。
 博客发表后&＃xff0c;本地缓存将被删除。　
 当然&＃xff0c;用户可以选择 把正在写的博客保存到服务器草稿箱&＃xff0c;即使换浏览器或者清除缓存&＃xff0c;内容也不会丢失。

最后

 CSDN的markdown编辑器支持标准markdown的几乎全部功能&＃xff0c;同时也有一些小的功能扩充&＃xff0c;如图片拖拽、语法高亮支持的语言种类、即时预览、同步滚动等。当然市面上还有很多好用的markdown编辑器&＃xff0c;欢迎交流分享&＃xff0c;也欢迎对本文章内容提出补充和修改。

 如果你喜欢其他的流行的markdown编辑器&＃xff0c;请看我的另一篇文章《几款主流好用的markdown编辑器介绍》
 如果你还喜欢传统的富文本编辑器&＃xff0c;请看我的另一篇文章《几款主流好用的富文本编辑器&＃xff08;所见即所得常用编辑器&＃xff09;介绍》
 如果想了解markdown编辑器和富文本编辑器的区别&＃xff0c;请参考《markdown编辑器与富文本编辑器优缺点比较&＃xff0c;哪个更好用》

转载请注明原文地址&＃xff1a;https://blog.csdn.net/davidhzq/article/details/100904811