前言

建站小白想来写点什么东西。这几天里看过许许多多的超级厉害的博客，大多开篇都是关于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://cdn.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

结语

第一篇博文写完，开心！！！！

（暂且先记到这里，以后如果需要其他内容，再学习，再补充）