星云-全栈知识体系

Markdown语法

2023/8/18 Markdown

# 1、标题

通过#来表示

# 一级标题
## 二级标题
### 三级标题
##### 四级标题
###### 五级标题
###### 六级标题
1
2
3
4
5
6

通过=或者-来表示一级二级标题

一级标题
======

二级标题
----------
1
2
3
4
5

# 2、序号

无序通过-、+、*来表示，效果都是一样的

- 序号1
- 序号2
- 序号3

* 序号1
* 序号2
* 序号3

+ 序号1
+ 序号2
+ 序号3
1
2
3
4
5
6
7
8
9
10
11

有序通过数字加英文句点.来表示

1. 序号1
2. 序号2
3. 序号3
1
2
3

# 3、代码块

通过```开始和结束来表示

```这里是代码```
1

通过 ` 开始和结束来表示行内代码

`这里是代码`
1

# 4、引用

通过>来表示

> 这里是引用内容
1

通过>来表示引用代码块，中间有5个空格

>     这里是引用代码块
1

效果如下

引用代码块

通过>内嵌来表示多级引用

> 一级引用
> > 二级引用
> > > 三级引用
1
2
3

# 5、分割线

通过--- *** ___来表示

---
***
___
1
2
3

# 6、图片

通过![]()语法来表示

![图片文本(可忽略)](图片地址)
1

# 7、链接

通过[]()来表示

[链接文本](链接地址)
1

# 8、加粗

通过**或__来表示

**加粗文本**
__加粗文本__
1
2

# 9、斜体

通过*或-来表示

*斜体文本*
_斜体文本_
1
2

# 10、删除线

通过~~来表示

~~删除文本~~
1

# 11、下划线

通过<u></u>来表示下划线文本

<u>下划线文本</u>
1

# 12、表格

通过如下来表示

|标题|标题|标题|
|:---|:---:|---:|
|居左测试文本|居中测试文本|居右测试文本|
|居左测试文本1|居中测试文本2|居右测试文本3|
|居左测试文本11|居中测试文本22|居右测试文本33|
|居左测试文本111|居中测试文本222|居右测试文本333|
1
2
3
4
5
6

# 13、VuePress特殊图标

通过特殊标志来表示，查看更多 图标 emoji-cheat-sheet (opens new window)

:tada:
1

🎉

# 14、VuePress摘要

:::tip
tip
:::

:::warning
warning
:::

:::danger
danger
:::

::: theorem 牛顿第一定律
假若施加于某物体的外力为零，则该物体的运动速度不变。
:::

::: right
来自 [维基百科](https://zh.wikipedia.org/wiki/%E7%89%9B%E9%A1%BF%E8%BF%90%E5%8A%A8%E5%AE%9A%E5%BE%8B)
:::

::: details
这是一个详情块，在 IE / Edge 中不生效
:::
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

效果如下

tip

warning

danger

牛顿第一定律

假若施加于某物体的外力为零，则该物体的运动速度不变。

来自 维基百科 (opens new window)

查看更多

这是一个详情块，在 IE / Edge 中不生效

# 15、字体颜色

**<font color=#EF6E6E >微软雅黑字体</font>**
<font face="微软雅黑" size=6 color=#FF0000 >微软雅黑字体</font>
1
2

# 16、分隔符

***
1

# 17、换行

<br/>
1

# 18、空格字符

&nbsp;    <!--空格 Space-->
&ensp;    <!--此空格其占据的宽度正好是1/2个中文宽度，而且基本上不受字体影响。-->
&emsp;    <!--此空格其占据的宽度正好是1个中文宽度，而且基本上不受字体影响。-->
1
2
3

# 19、VuePress扩展代码块

<RecoDemo>
  <template slot="code-html">
    <<< @/docs/.vuepress/config/nav/index.html
  </template>
  <template slot="code-css">
    <<< @/docs/.vuepress/config/nav/style.css
  </template>
  <template slot="code-js">
    <<< @/docs/.vuepress/config/nav/index.js
  </template>
</RecoDemo>

<RecoDemo :collapse="true">
  <template slot="code-js">
    <pre>
      console.log(`I'm reco_luan.`)
    </pre>
  </template>
</RecoDemo>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
Not found: C:\GitCode\xygalaxy\xygalaxy-blog/docs/.vuepress/config/nav/index.html
console.log(`I'm reco_luan.`)