Markdown使用学习

Markdown使用学习

Markdown是一种纯文本格式的标记语言。通过简单的标记语法,它可以使普通文本内容具有一定的格式。

优点:

1、因为是纯文本,所以只要支持Markdown的地方都能获得一样的编辑效果,可以让作者摆脱排版的困扰,专心写作。
2、操作简单。比如:WYSIWYG编辑时标记个标题,先选中内容,再点击导航栏的标题按钮,选择几级标题。要三个步骤。而Markdown只需要在标题内容前加#即可

缺点:

1、需要记一些语法(当然,是很简单。五分钟学会)。
2、有些平台不支持Markdown编辑模式。

一、标题

展示:

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

效果如下:

这是一级标题

这是二级标题

这是三级标题

这是四级标题

这是五级标题
这是六级标题

二、字体

  • 加粗
    要加粗的文字左右分别用两个*号包起来
  • 斜体
    要倾斜的文字左右分别用一个*号包起来
  • 斜体加粗
    要倾斜和加粗的文字左右分别用三个*号包起来
  • 删除线
    要加删除线的文字左右分别用两个~~号包起来
    示例:
**这是加粗的文字**
*这是倾斜的文字*`
***这是斜体加粗的文字***
~~这是加删除线的文字~~

效果如下:
这是加粗的文字
这是倾斜的文字`
这是斜体加粗的文字
这是加删除线的文字

三、引用

在引用的文字前加>即可。引用也可以嵌套,如加两个>>三个>>>
n个...
示例:

>这是引用的内容
>>这是引用的内容
>>>>>>>>>>这是引用的内容

效果如下:

这是引用的内容

这是引用的内容

这是引用的内容

四、分割线

三个或者三个以上的 - 或者 * 都可以。
示例:

---
----
***
****

效果如下:
可以看到,显示效果是一样的。




五、上传图片

语法:

![图片alt](图片地址 ''图片title'')

图片alt就是显示在图片下面的文字,相当于对图片内容的解释。
图片title是图片的标题,当鼠标移到图片上时显示的内容。title可加可不加

示例:

![女神](https://img2020.cnblogs.com/blog/1826200/202003/1826200-20200328115042309-417261006.jpg)

效果展示:
女神
markdown格式追求的是简单、多平台统一。那么图片的存储就是一个问题,需要用图床,提供统一的外链,这样就不用在不同的平台去处理图片的问题了。才能做到书写一次,各处使用。

六、超链接

语法:

[超链接名](超链接地址 "超链接title")
title可加可不加
[简书](http://jianshu.com)
[百度](http://baidu.com)

效果展示:
百度

七、列表

无序列表

语法:
无序列表用 - + * 任何一种都可以

- 列表内容
+ 列表内容
* 列表内容

注意:- + * 跟内容之间都要有一个空格

效果展示:

  • 列表内容
  • 列表内容
  • 列表内容

有序列表

语法:
数字加点

1. 列表内容
2. 列表内容
3. 列表内容

注意:序号跟内容之间要有空格

效果展示:

  1. 列表内容
  2. 列表内容
  3. 列表内容

列表嵌套:

上一级和下一级之间敲三个空格即可

- 一级无序列表内容
   - 二级无需列表

效果展示:

  • 一级无序列表内容
    • 二级无需列表

八、表格

语法:

表头|表头|表头
---|:--:|---:
内容|内容|内容
内容|内容|内容

第二行分割表头和内容。
- 有一个就行,为了对齐,多加了几个
文字默认居左
-两边加:表示文字居中
-右边加:表示文字居右
注:原生的语法两边都要用 | 包起来。此处省略

示例:

姓名|技能|排行
--|:--:|--:
钢铁侠|科技和钱|弟弟
美国队长|身体素质|第
雷神|神|最强复仇者联盟(自称)

效果展示(此处不支持):
--|:--😐--:
钢铁侠|科技和钱|弟弟
美国队长|身体素质|第
雷神|神|最强复仇者联盟(自称)

九、代码

单行代码

示例:
`This is your codes`
单引号括起来

效果展示:
This is your codes

代码块

示例:此处括号在使用中去掉,这里引起了歧义所以加了括号为了展示
(```)
this is your codes;
this is your codes;
this is your codes;
(```)

效果展示:

this is your codes;
this is your codes;
this is your codes;

十、流程图

```flow
st=>start: 开始
op=>operation: My Operation
cond=>condition: Yes or No?
e=>end
st->op->cond
cond(yes)->e
cond(no)->op
&```

博客园不支持流程图的编辑

十一、增加空格和空行

空格

输入  
这是一个   例子

空行

输入  
这是一个例子

这是一个例子

注意句末分号

posted @ 2020-03-28 12:05  DengSchoo  阅读(212)  评论(0编辑  收藏  举报