优秀的编程知识分享平台

网站首页 > 技术文章 正文

简单易懂的MarkDown语法(markdown语法是什么意思)

nanyue 2024-09-27 13:06:43 技术文章 7 ℃

什么是MarkDown?

MarkDown可以被理解成一个被越来越多人用于写作的一种标记语言,可以让一些普通的文本具备一定的样式,其语法简单,学习容易,很多人都用它来写博客、文档等。写这篇文章也是因为昨章写了一个写作同步到博客的文章,刚好使用的是MarkDown。



为什么学习MarkDown?

学习之前我们先了解为什么使用它,它有什么优点?

  • 专注写作

你需要的是专注你的文章内容,而不是排版样式,你只需安心写作;

  • 纯文本

兼容所有的文本编辑器与文字处理工具;

  • 随时更改

你可以随时去修改你的文章排版

  • 简单

学习成本非常低,语法简单

快速学习

以下效果图分别是VSCode和昨天文章中的博客效果

  • 字体

**粗体**

*斜体*

~~划线~~

VSCode预览效果:



博客预览效果:



  • 标题(#和文字中间有空格)

# 特大标题

## 大标题

### 较大标题

#### 普通标题

##### 小标题

###### 较小标题

VSCode预览效果:



博客预览效果:



  • 列表(中间也有空格)

- 无序列表

- 无序列表

- 无序列表

1. 有序列表

2. 有序列表

3. 有序列表

VSCode预览效果:



博客预览效果:



  • 链接

[文字描述](http://www.example.com)


[文字描述](http://www.example.com "提示tips")

VSCode预览效果:




博客预览效果:




  • 引用

> This is a quote.

> It can span multiple lines!

VSCode效果预览:



博客效果预览:



  • 图片

![文字描述](http://www.example.com/1.jpg)

VSCode预览效果:



博客预览效果:



  • 表格

| Column 1 | Column 2 | Column 3 |

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

| John | Doe | Male |

| Mary | Smith | Female |


| Column 1 | Column 2 | Column 3 |

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

| John | Doe | Male |

| Mary | Smith | Female |

VSCode预览效果:



博客预览效果:



  • 文字中代码

文字中显示代码 `var example = "hello!";`你好!

VSCode预览效果:



博客预览效果:



  • 代码片段

```

var example = "hello!";

alert(example);

```

VSCode效果预览:



博客预览效果:



总结

总体来说MarkDown的语法很简单,大概也就几分钟就学会了,但是有些其他的编辑器对MarkDown进行了扩展,展示效果和功能也可能不太一样,但那时针对特定编辑器的,我们写文章用到这些差不多就够了!特别是配合昨天的写作工具,绝配!

最近发表
标签列表