Markdown 从入门到精通(基础用法)

前言

Markdown 是一种轻量级标记语言,通俗的说你记笔记写博客的时候不用管排版如何,只要将自己的内容写上去,Markdown 语法就可以给你搞定一切。


一、Markdown是什么

在这里插入图片描述

Markdown 是一种轻量级标记语言,创始人为约翰·格鲁伯(John Gruber)。
Markdown 允许人们使用易读易写的纯文本格式编写文档,然后转换成有效的HTML文档。
Markdown 编写的文档可以导出 HTML 、Word、图像、PDF、Epub 等多种格式的文档。
Markdown 编写的文档后缀为 .md, .markdown。
Markdown 是现在现在是互联网上最流行的写作语言,许多网站平台的文章、博客、论文都是基于它写的。

例如:
国外的GitHub、Reddit、Diaspora、Stack Exchange、OpenStreetMap 、SourceForge等;
国内的CSDN、简书、掘金、博客园、知乎等。

推荐一款 Markdown 编辑器Typora(下载链接我放到文末)。这款软件足够轻量级,同时功能做到了尽可能的简单。至于Web编辑器CSDN等博客平台及笔记软件都可以。

二、Markdown优点

好多人看到Markdown的标签是【轻量级】【标记】【语言】就直接放弃,想着自己学习了非常多的语言,为了记个笔记写个博客还要再学习一门语言吗?实则不然,Markdown的语言非常非常简单,如果想学,10分钟你完全可以学完90%的常用的语法,而且你从此摆脱排版的折磨,属实是强迫症党的福利了。它的优点不仅限于此:

  • 纯文本编辑,只要是支持Markdown编辑的都能获得同样的结果,摆脱排版苦恼
  • 学习成本低,常用的语法很少,简单易学快速上手
  • 支持跨平台同步数据
  • 支持插入图片、视频等
  • 随时修改,不必担心word等工具出现排版错误

三、Markdown的基本语法

3.1 标题

使用#号标记,可以表示1-6级标题, 随#的个数递增,一级标题字号最大,六级标题字号最小。
代码如下:

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

效果如下:在这里插入图片描述

注意:

  • 最后一个#字符与标题中间留一个空格
  • 标题应该置于行首,如果放入表格中可能无法正确解析

3.2 字体

星号与下划线都可以,单是斜体,双是粗体,三是粗斜体

代码 效果
*这是斜体* 这是斜体
_这是斜体_ 这是斜体
**这是粗体** 这是粗体
__这是粗体__ 这是粗体
***这是粗斜体*** 这是粗斜体
___这是粗斜体___ 这是粗斜体

快捷键:
加粗:Ctrl+B
斜体:Ctrl+I

3.3 换行

Markdown换行的方式有很多种:

  • 直接在一句话后敲两个空格
  • 两句话之间加一个空行
  • 如果你在编辑的时候,想让一行文字在显示的时候换行,就在中间加<br>

3.4 引用

Markdown 中引用通过符号 > 来实现。> 符号后通常加一个空格。
在引用的区块内,允许换行存在,换行并不会终止引用的区块。如果要结束引用,需要一行空白行,来结束引用的区块。
代码:

> 这是一个引用

效果:

这是一个引用

此外,引用还可以嵌套使用:
代码:

> 这是一个引用:
>> 这是一个引用的引用
>>> 这是一个引用的引用的引用

这是一个引用:

这是一个引用的引用

这是一个引用的引用的引用

3.5 链接

Markdown中插入链接的使用方式是:
代码:

[链接名称](链接地址)
<链接地址>
即是:
[这是我的主页](https://www.feihua.life)
或者
<https://www.feihua.life>

效果:

这是我的主页
或者
https://www.feihua.life

3.6 图片

Markdown中插入图片的使用方式是:
代码:

![图片描述,可写可不写,但是中括号要有](图片地址,本地链接或者URL地址。)
比如一张新闻图片:
![中国矿业大学徐海学院](https://xhxy.cumt.edu.cn/_upload/article/images/1d/62/cfe77186467e84487e392c35a04a/71ae997b-3222-4a7f-a03a-e60623091574.jpg)

效果:
中国矿业大学徐海学院

3.7 列表

列表分为有序列表和无序列表

无序列表,使用*、+、-,再加一个空格作为列表的标记
有序列表,使用数字并加上.号,再加一个空格作为列表的标记
代码:

* 无序列表 1
+ 无序列表 2
- 无序列表 3

1. 有序列表 1
2. 有序列表 2
3. 有序列表 3

效果:

  • 无序列表 1
  • 无序列表 2
  • 无序列表 3
  1. 有序列表 1
  2. 有序列表 2
  3. 有序列表 3

如果想要控制列表的层级,则需要在列表符号前使用Tab
代码:

+ 无序列表 1
+ 无序列表 2
  + 无序列表 2.1
  + 无序列表 2.2

1. 有序列表 1
   1.1 有序列表 1.1
2. 有序列表 2
   2.1 有序列表2.1

效果:

  • 无序列表 1
  • 无序列表 2
    • 无序列表 2.1
    • 无序列表 2.2
  1. 有序列表 1
    1.1 有序列表 1.1
  2. 有序列表 2
    2.1 有序列表2.1

3.8 分割线

Markdown 中给出了多种分割线的样式,我们可以使用分割线让文章结构更加的清晰。
分割线的使用,可以在一行中用三个- or * 来建立一个分割线,但是注意:在分割线的上面空一行!!!

代码:

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

效果:





3.9 删除线

删除线的的使用,可以在要添加删除线的文字前后添加两个~
代码:

~~这是要被删除的文字~~

效果:

这是要被删除的文字

3.10 下划线

下划线的使用和html中类似,在需要添加下划线的文字首尾添加<u>文本</u>
代码:

<u>这行文字已被添加下划线</u>

效果:

这行文字已被添加下划线

3.11 代码块

Markdown中代码块有两种:
如果在一行内需要引用代码,只需要用反引号 ` 引起来就好了。
代码:

`Hello` World.

效果:

Hello World.

如果是在一个块内需要引用代码,则在需要引用的代码块的前一行和后一行使用三个反引号,同时在前一个反引号后写入代码的语言。
代码:

效果:

```cpp
#include<iostream>
int main(){
   printf("HelloWorld");
}
```
#include<iostream>
int main(){
   printf("HelloWorld");
}

支持以下语言:

bash
c,clojure,cpp,cs,css
dart,dockerfile, diff
erlang
go,gradle,groovy
haskell
java,javascript,json,julia
kotlin
lisp,lua
makefile,markdown,matlab
objectivec
perl,php,python
r,ruby,rust
scala,shell,sql,swift
tex,typescript
verilog,vhdl
xml
yaml

3.12 表格

表格使用|来分割不同的单元格,使用-来分隔表头和其他行

  • :- 将表头及单元格内容左对齐
  • -: 将表头及单元格内容右对齐
  • :-: 将表头及单元格内容居中

代码:

| 项目        | 价格   |  数量  |
| :--------   | -----:  | :----:  |
| 计算机     | \$1600 |   5     |
| 手机        |   \$12   |   12   |
| 管线        |    \$1    |  234  |

效果:

项目 价格 数量
计算机 $1600 5
手机 $12 12
管线 $1 234

3.13 脚注

脚注是对文本的备注,我们时长在论文中看到脚注,在Markdown中的使用方法
代码:

使用 Markdown[^1]可以效率的书写文档, 直接转换成 HTML[^2], 你可以使用 Typora[^T] 编辑器进行书写。
[^1]: Markdown是一种纯文本标记语言
[^2]: HyperText Markup Language 超文本标记语言
[^T]: NEW WAY TO READ & WRITE MARKDOWN.

效果:
使用 Markdown[1]可以效率的书写文档, 直接转换成 HTML[2], 你可以使用 Typora[3] 编辑器进行书写。

注意:脚注自动被搬运到最后面,请到文章末尾查看,并且脚注后方的链接可以直接跳转回到加注的地方。

3.14 特殊符号

对于Markdown中的语法符号,前面家反斜线\即可以显示符号本身。
代码:

\\
\*
\_
\+
\.
等等

效果:


*
_
+
.


  1. Markdown是一种纯文本标记语言 ↩︎

  2. HyperText Markup Language 超文本标记语言 ↩︎

  3. NEW WAY TO READ & WRITE MARKDOWN. ↩︎

posted @ 2025-05-11 20:49  飞花阁  阅读(327)  评论(0)    收藏  举报
//雪花飘落效果