Markdown语法

前言

建站小白想来写点什么东西。这几天里看过许许多多的超级厉害的博客,大多开篇都是关于Markdown语法的一些基本介绍。想来写一篇也好,留个笔记。

注: 本篇文章使用VScode编写。Ctrl + Shift + P调出主命令框,输入Markdown,就可以匹配到Markdown的相关命令。

Markdown的基本语法

标题

注:一共有6个级别的标题

代码

1
2
3
4
5
6
# h1
## h2
### h3
#### h4
##### h5
###### h6

引用

代码

1
2
>这里是引用代码
>>可以多级嵌套

效果

这里是引用效果

可以多级嵌套


字体

代码

1
2
3
4
**加粗 效果代码**
*倾斜 效果代码*
***斜体加粗 效果代码***
~~加删除线 效果代码~~

效果

加粗 效果代码


倾斜 效果代码


斜体加粗 效果代码


加删除线 效果代码


分割线

代码

三个或者三个以上的-或者*都可以

1
2
---
***

效果

这里的分割线被主题美化了



代码展示

代码

1
2
3
4
5
(```)
代码块的语法:使用一对```将代码块包围起来。(这里加了括号是防止转义)
(```)

`` --> 单行代码直接用一对`将其包围就好,也可以行内标记。

效果

这里展示行内标记(Hello World)效果


超链接

语法

[超链接名](超链接地址 "超链接title")

代码

[百度](https://www.baidu.com "百度一下")

效果

百度


图片

语法

1
2
3
4
![图片alt](图片地址 ''图片title'')

注:图片alt就是显示在图片下面的文字,相当于对图片内容的解释。
图片title是图片的标题,当鼠标移到图片上时显示的内容。title可加可不加

代码

![](https://gcore.jsdelivr.net/gh/CNhuazhu/Image/page1.jpg)

效果


列表

无序列表:用- + *任何一种都可以

有序列表:为数字.

列表嵌套:上一级和下一级之间敲三个空格即可

代码

1
2
3
4
5
6
7
8
9
10
11
- 无序列表内容
+ 无序列表内容
* 无序列表内容

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

* 外层无序列表
1. 内层有序列表
2. 内层有序列表

效果

  • 无序列表内容
  • 无序列表内容
  • 无序列表内容
  1. 有序列表内容
  2. 有序列表内容
  3. 有序列表内容
  • 外层无序列表
    1. 内层有序列表
    2. 内层有序列表

表格

语法

1
2
3
4
5
6
7
8
9
10
11
12
表头|表头|表头
---|:--:|---:
内容|内容|内容
内容|内容|内容

注:
第二行分割表头和内容。
- 有一个就行,为了对齐,多加了几个
文字默认居左
-两边加:表示文字居中
-右边加:表示文字居右
注:原生的语法两边都要用 | 包起来。

代码

1
2
3
4
|    a    |       b       |    c       |
|:-------:|:------------- | ----------:|
| 居中 | 左对齐 | 右对齐 |
|=========|===============|============|

效果

a b c
居中 左对齐 右对齐
========= =============== ============

表情包

这里抛一个网站:https://www.webfx.com/tools/emoji-cheat-sheet/

里面复制相应表情代码,粘贴。一气呵成(但是这里为什么用不了😭)


那我就再抛一个网站:https://www.emojidaquan.com/

这里直接复制表情就好☀️(没有什么能难倒👴,哈哈哈哈)


空格字符

代码

  注意是英文分号


锚点

语法

  • 跳转链接:

    1
    [跳转链接(说明文字)](#jump)
  • 跳转位置

    1
    <span id = "jump">跳转位置(说明文字)</span>

上、下标

语法

Markdown兼容HTML语法,所以直接用HTML语法中的上、下标来实现:

1
2
H<sub>2</sub>O 
2×10<sup>8</sup>

效果

H2O
2×108


结语

第一篇博文写完,开心!!!!

(暂且先记到这里,以后如果需要其他内容,再学习,再补充)