简单的markdown语法使用说明

最新推荐文章于 2024-09-08 23:03:42 发布

各种吃土豆

最新推荐文章于 2024-09-08 23:03:42 发布

阅读量421

点赞数 1

CC 4.0 BY-SA版权

分类专栏：前端周边

本文链接：https://blog.youkuaiyun.com/liangzhenAAAAA/article/details/89446879

前端周边专栏收录该内容

0 篇文章

订阅专栏

本文详细介绍Markdown语法的基础知识，包括标题、列表、代码块、引用、图片、链接、表格等元素的使用方法，适合初学者快速掌握Markdown写作技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

title: markdown语法简单教程
tags:

markdown语法
categories:
前端周边
comments: true
date: 2018-08-13 15:52:43
updated:

标题

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题
展示效果如下

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

注释

[](第一种注释)
aaa

[这里可以写任何东西]:
第二种注释

bbb


<!--第三种注释-->
ccc
展示效果如下

aaa

bbb

ccc

无序列表

以-、+、*这三个字符开头的行是无序列表项

+ q
+ w
+ e


- a
- b
- c

* q
* w
* e
展示效果如下

嵌套列表

+ q
  + w
  + e
  - a
    - b
    - c
      * q
        * w
          * e

展示效果如下

q
- w
- e
- a
  - b
  - c
    - q
      - w
        e

有序列表

1. wdewdwed
2. swdc
展示效果如下

wdewdwed
swdc

文字加粗和斜体

**加粗**的文字

*斜体*
展示效果如下

加粗的文字

斜体

代码块

`第一种代码块,行内代码块`

    第二种代码块,四个空格开头的也是代码块
    function a(){
        
    }

\`\`\`
第三种代码块
function b(){
    
}
\`\`\`     \是为了转义，书写时是没有的

展示效果如下

行内代码块

四个空格开头的也是代码块，第二种代码块
function a(){
    
}

第三种代码块
function b(){
    
}

引用

> 引用
一段引用

> 第一层
>> 第二层
>>> 第三层
展示效果如下

引用和多层引用
一段引用

第一层

第二层

第三层

图片

![alt属性](https://i-blog.csdnimg.cn/blog_migrate/4d3233ed2b58d51cfa5011c4393ea10f.gif "title属性")

展示效果如下

alt属性

横线

`---`和`***`和`___`都是横线

链接

直接链接 http://www.baidu.com

超链接 More info: [被引用的文字](https://hexo.io/docs/generating.html "my title")

展示效果如下

直接链接 http://www.baidu.com

超链接 More info: 被引用的文字

表格

 name | age | sex 
:-------:|:-----|-----:
 tony | 20 | 男 
 lucy | 18 | 女 
 tony | 20 | 男 
 lucy | 18 | 女 


 表头1 | 表头2
---------|-----
表格1 | 表格2
表格3 | 表格4


第二行的--|--|--特别重要，决定了是否是一个表格

`:-------:`居中对齐，即同时左对齐和右对齐

`:-------`左对齐

`--------:`右对齐

展示效果如下

name	age	sex
tony	20	男
lucy	18	女
tony	20	男
lucy	18	女

表头1	表头2
表格1	表格2
表格3	表格4

删除线

~~删除线 价格$19.99~~
展示效果如下

~~删除线价格$19.99~~

下划线

<u>文字文字文字文字</u>
展示效果如下

文字文字文字文字

缩进

&emsp;&emsp;全方大的空白,或&#8195;
&ensp;&ensp;半方大的空白,或&#8194;
&nbsp;&nbsp;不断行的空白格,或&#160;
展示效果如下

全方大的空白,或
半方大的空白,或
不断行的空白格,或

换行

一行文字后面回车，或者是用两个空格，根据markdown编辑器的不同有所不同。

展示效果如下

这是一段文字。
这是一段
文字。

字体、颜色、字号

<font face="黑体" color=red size=28 >hello world</font>

展示效果如下

hello world