# Markdown 入门教程：从小白到高手

**URL:** <https://forum.rainyun.com/t/topic/7704>\
**Category:** 综合讨论\
**Created:** [2024 年4 月 28 日 13:21 UTC](https://forum.rainyun.com/t/topic/7704 "2024-04-28T13:21:56Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

作者： ![云上公园](https://forum.rainyun.com/user_avatar/forum.rainyun.com/%E4%BA%91%E4%B8%8A%E5%85%AC%E5%9B%AD/32/9066_2.png) [@云上公园](https://forum.rainyun.com/u/%E4%BA%91%E4%B8%8A%E5%85%AC%E5%9B%AD)\
发布日期： [2024 年4 月 28 日 13:21 UTC](https://forum.rainyun.com/t/topic/7704/1 "2024-04-28T13:21:56Z")

</div>

## 一、Markdown 简介

Markdown 是一种轻量级的文本格式语言，通过简单的易于记忆的符号，帮助你快速排版文本，转化为美观的 HTML 文档。它让你专注于内容创作，而非格式调整。

## 二、基础语法

### 标题

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

```

## 段落与换行

段落之间自然空行即可换段。单个空格后回车不产生换行，需两个空格后回车。

## 强调

- 斜体：`*斜体文本*` 或 `_斜体文本_`
- 粗体：` **粗体文本** ` 或 ` __粗体文本__ `
- 删除线：` ~~删除线文本~~ `

**效果预览：**

- 斜体：_斜体文本_
- 粗体： **粗体文本**
- 删除线： ~~删除线文本~~

## 列表

**1. 有序列表：**

```markdown
1. 第一项
2. 第二项
3. 第三项

```

效果预览：

1. 第一项
2. 第二项
3. 第三项

**2. 无序列表：**

```markdown
- 项目一
- 项目二
- 项目三

```

**效果预览：**

- 项目一
- 项目二
- 项目三

## 链接

```markdown
[雨云](https://www.rainyun.com/yhj_)

```

**效果预览：** [雨云](https://www.rainyun.com/yhj_)

## 图片

```markdown
![图片描述](upload://bpX2SrpzVOm4nbO0OpgTPSUAP28.png)

```

**效果预览：**

 ![图片描述](https://forum.rainyun.com/uploads/default/original/2X/5/5006ee3d1e0061ffc2581a0647b0ae8c94f23530.png)

##### 代码

行内代码：在文字两边加上 ``` 即可

行外代码：在代码 上面一行和下面一行分别 加上 ``` 即可

**比如：**

```javascript
console.log("Hello, World!");

```

## 三、进阶用法

### 任务列表

```markdown
- [] 待办事项
- [x] 已完成事项

```

**效果预览：**

- 待办事项
- 已完成事项

### 表格

```markdown
| 列1标题 | 列2标题 | 列3标题 |
| --- | --- | --- |
| 列1数据 | 列2数据 | 列3数据 |
| 数据2-1 | 数据2-2 | 数据2-3 |

```

**效果预览：**

| 列1标题 | 列2标题 | 列3标题 |
| --- | --- | --- |
| 列1数据 | 列2数据 | 列3数据 |
| 数据2-1 | 数据2-2 | 数据2-3 |

### 区块引用

```markdown
> 这是一个区块引用
>
> > 这是嵌套的区块引用

```

**效果预览：**

> 这是一个区块引用
> 
> > 这是嵌套的区块引用

### 分割线

```auto
---

```

### 转义字符

使用反斜杠 `\` 转义特殊字符，如 `\*` 显示为 `*`。

## 四、Markdown 编辑器推荐

- **Typora** ：简洁直观，实时预览。
- **Visual Studio Code** ：配合插件使用，功能强大。
- **Atom** ：开源编辑器，有丰富的Markdown插件。

* * *

## 五、实战演练

创建一个简单的个人简介页面：

```markdown
# 我的个人简介

## 关于我

我是一名程序员，热爱技术，喜欢探索新事物。

## 技能

- **编程语言** ：
  - Python
  - JavaScript
  - Java

- **框架与工具** ：
  - React
  - Node.js
  - Docker

## 联系方式

- 邮箱：[example@example.com](mailto:example@example.com)
- 博客：[我的博客](https://blog.example.com)

```

## 六、文章编写

如果你已经掌握Markdown的基本用法可以尝试写一篇文章，发布到网上。如果想建立自己的文章网站可以尝试入门 VitePress或者是VuePress来创建自己的网站。

如果已经创建完成自己的网站可以购买一台服务器用于网站上线，这里推荐[雨云](https://www.rainyun.com/yhj_)，[雨云](https://www.rainyun.com/yhj_)是国内领先的云计算平台，推荐使用，并附上优惠码 **yhj** 以获得优惠。

通过本教程，你已掌握了Markdown的基本和一些高级用法，现在可以开始使用Markdown高效编写文档、博客或README文件了。继续实践，你会发现Markdown的无限可能。

---

<div class="post-metadata">

作者： ![anon41502374](https://forum.rainyun.com/letter_avatar_proxy/v4/letter/a/ee7513/32.png) [@anon41502374](https://forum.rainyun.com/u/anon41502374)\
发布日期： [2024 年4 月 29 日 16:15 UTC](https://forum.rainyun.com/t/topic/7704/2 "2024-04-29T16:15:01Z")

</div>

**从小白到入土**