CSDN中Markdown格式(编辑器)语法及其使用

Markdown格式的文档在很多地方都要用到,CSDN博客中尤甚。该笔记中以CSDN官方Markdown编辑器教程为基础,整理出常用的Markdown语法。

1.标题的设置

前面加#可生成标题的样式,每多一个#标题即降一个等级。(注意#要和标题之间留出一个空格)

# 一级标题

## 二级标题

### 三级标题

2.列表的设置

- 后加内容即可构成列表,且下一级列表要相对上一级列表有缩进,三级列表如图所示。

- 项目

- 项目

  -项目

如果没有缩进则为同级列表,如下。

- 项目

- 项目

-项目

3.改变文本样式(引用、加粗、颜色标记、删除)

引用:> 后加引用文本

加粗:**加粗文本**、__加粗文本__(两边分别两个下划短线)

强调:*加粗文本*、_加粗文本_(两边分别一个下划短线)

颜色标记文本:==标记文本==

删除文本:~~删除文本~~

4.上下标设置

下标:~后加文字:H~2~O is是液体。

上标:^后加文字:2^10^ 运算结果是 1024.

5.段落中文字标记

加框标记:<kbd>#</kbd>

字体颜色标记:使用`TOC`语法

6.插入链接与图片

链接: [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)

7.待办事项设置

- [ ] 计划任务

- [x] 完成任务

8.插入代码设置

去[博客设置](https://mp.csdn.net/configure)页面,选择一款你喜欢的代码片高亮样式,下面展示同样高亮的 `代码片`.

```javascript

// An highlighted block

var foo = 'bar';

9.创建表格

项目     | Value

-------- | -----

电脑  | $1600

手机  | $12

导管  | $1

设定内容居中、居左、居右

使用`:---------:`居中

使用`:----------`居左

使用`----------:`居右

| 第一列       | 第二列         | 第三列        |

|:-----------:| -------------:|:-------------|

| 第一列文本居中 | 第二列文本居右  | 第三列文本居左 |

10.创建脚注和注释

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

[^2]: 注脚的解释

Markdown将文本转换为 HTML。

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

11.创建自定义列表

Authors

:  John

:  Luke

12.数学公式

支持Latex语法的数学公式,更多Latex语法见https://math.meta.stackexchange.com/questions/5020/mathjax-basic-tutorial-and-quick-reference

13.甘特图功能

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

        计划二               :         des4, after des3, 5d

```

14.UML 图表

详细见https://mermaidjs.github.io/

产生的一个序列图::

```mermaid

sequenceDiagram

张三 ->> 李四: 你好!李四, 最近怎么样?

李四-->>王五: 你最近怎么样,王五?

李四--x 张三: 我很好,谢谢!

李四-x 王五: 我很好,谢谢!

Note right of 王五: 李四想了很长时间, 文字太长了<br/>不适合放在一行.

 

李四-->>张三: 打量着王五...

张三->>王五: 很好... 王五, 你怎么样?

```

流程图

```mermaid

graph LR

    A[Square Rect] -- Link text --> B((Circle))

    A --> C(Round Rect)

    B --> D{Rhombus}

    C --> D

```

FLowchart流程图

```mermaid

flowchat

st=>start: 开始

e=>end: 结束

op=>operation: 我的操作

cond=>condition: 确认?

 

st->op->cond

cond(yes)->e

cond(no)->op

```

15.快捷键

这里面的功能是目前CSDN博客Markdown编辑器所支持的功能,其他Markdown编辑器所支持的功能可能与此略不相同,需要在明确所用Markdown编辑器支持功能的基础上使用。

 

P.S.之前的CSDN博客账户由于之前更换了绑定手机号,现在换了工作地点再登陆必须要求验证绑定的手机号码,所以无法登陆了。衰......重新注册账户后的首篇内容就献给了这个Markdown使用方法~

 

祝枫

2018年9月27日于深圳 

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值