首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >Markdown基础语法

Markdown基础语法

作者头像
ZEHAN
发布2020-09-23 18:10:12
发布2020-09-23 18:10:12
4520
举报
文章被收录于专栏:前端开发ZEHAN前端开发ZEHAN

写博客必备的一些md语法

Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。如果你作为一名博客站长,那么它可是你必不可少的工具之一。 markdown中文文档

一.标题

标题能显示出文章的结构。行首插入1-6个 # ,每增加一个 # 表示更深入层次的内容,对应到标题的深度由 1-6 阶。当然#越多,标题的大小反而越小

代码语言:javascript
复制
# Header 1#
## Header 2##
### Header 3###
#### Header 4####
##### Header 5#####
###### Header 6######

效果如下:

Header 1

Header 2

Header 3

Header 4
Header 5
Header 6

二.字体

1.加粗

要加粗的文字左右分别用两个 * 号包起来

2.斜体

要倾斜的文字左右分别用一个 * 号包起来

3.斜体加粗

要倾斜和加粗的文字左右分别用三个 * 号包起来

4.删除线

要加删除线的文字左右分别用两个~~号包起来

示例:

代码语言:javascript
复制
**这是加粗的文字**
*这是倾斜的文字*`
***这是斜体加粗的文字***
~~这是加删除线的文字~~

效果如下:

这是加粗的文字 这是倾斜的文字` 这是斜体加粗的文字 这是加删除线的文字


三.列表

1.有序列表

代码语言:javascript
复制
1. 小明
2. 小王
3. 小刚

2.无序列表

代码语言:javascript
复制
- 小明
- 小王
- 小刚

效果如下:

  1. 小明
  2. 小王
  3. 小刚
  • 小明
  • 小王
  • 小刚

四.引用

直接在需要引用的内容前加上尖括号 < 即可,多少个 < 就是多少级引用,且可以一直引用下去。

代码语言:javascript
复制
> 一级引用
>> 二级引用
>>> 三级引用
>>>> 四级引用

效果如下:

一级引用 二级引用 三级引用 四级引用


五.图片/链接

图片

有 2 种方式:行内式和参数式

1.行内式
代码语言:javascript
复制
![我是名字](我是链接)
2.参数式
代码语言:javascript
复制
![我是名字](我是链接)
//图片参数
[我是名字]:我是链接

Ps: 上述两种方法效果都是一样的。

链接

[] 里为指向链接名称,() 则为地址,注意大括号与小括号之间不能有空格。

代码语言:javascript
复制
[zehan](https://zehan.xyz/)是一条咸鱼的个人博客。

效果如下:

zehan是一条咸鱼的个人博客。


六.分割线

分割线可以由三个或以上 - 来表示。

代码语言:javascript
复制
----
------
--------

可以更长,但其效果是相同的。


七.代码块

当发布一些技术文章时,需要展示代码,这个语法是很重要的。

1.少量可以直接用`包裹起来,单行使用。

代码语言:javascript
复制
`Markdown是世界上最好的标记语言`

2.大量代码可以使用`包裹起来。

使用时将 #删除即可。

代码语言:javascript
复制
# ```
Markdown是世界上最好的标记语言
Markdown是世界上最好的标记语言
Markdown是世界上最好的标记语言
# ```

八.表格

代码语言:javascript
复制
|  表头   | 表头  |
|  ----  | ----  |
| 单元格  | 单元格 |
| 单元格  | 单元格 |

效果如下:

表头

表头

单元格

单元格

单元格

单元格


这篇文章内容参考了 Mark­down 语法说明 (简体中文版),在平常写文章当中,MD 语法是我们不可缺少的伙伴,希望这篇文章可以为需要的人提供帮助。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-07-27,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一.标题
    • 效果如下:
  • Header 1
    • Header 2
      • Header 3
    • 二.字体
      • 1.加粗
      • 2.斜体
      • 3.斜体加粗
      • 4.删除线
      • 示例:
      • 效果如下:
    • 三.列表
      • 1.有序列表
      • 2.无序列表
      • 效果如下:
    • 四.引用
      • 效果如下:
    • 五.图片/链接
      • 图片
      • 链接
    • 六.分割线
    • 七.代码块
      • 1.少量可以直接用`包裹起来,单行使用。
      • 2.大量代码可以使用`包裹起来。
    • 八.表格
      • 效果如下:
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档