# 使用练习

用于练习markdown的各种语法来编辑博客,具体展示示例见vuepress官网指南 (opens new window)

# 基础语法

# 标题

暂不示例因为会形成侧边栏,二级标题带有分割线,在vuepress中默认从二级标题抽出侧边栏(层级2层)

# 这是一级标题
## 这是二级标题
### 这是三级标题
#### 这是四级标题
##### 这是五级标题
###### 这是六级标题

# 字体

  • 加粗:要加粗的文字左右分别用2个*号包起来
  • 斜体:要倾斜的文字左右分别用1个*号包起来
  • 斜体加粗:要倾斜和加粗的文字左右分别用3个*号包起来
  • 删除线:要加删除线的文字左右分别用两个~~号包起来
**这是加粗的文字**
*这是倾斜的文字*`
***这是斜体加粗的文字***
~~这是加删除线的文字~~

# 引用

在引用的文字前加>即可,引用也可以嵌套。

>这是引用的内容
>>这是引用的内容
>>>这是引用的内容

示例:

这是引用的内容

这是引用的内容

这是引用的内容

# 分割线

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

----
***

示例:


# 图片

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

![图片alt](图片地址)

示例: 点赞~1.gif

图片引入:

<img :src="$withBase('/favicon.ico')" alt="foo">

![favicon](./favicon.ico)

示例:foo favicon

# 超链接

[超链接名](超链接地址)
or新页面中打开:
<a href="https://www.baidu.com" target="_blank">百度</a>

示例: 掘金 (opens new window) 百度

# 列表

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

- 列表内容
+ 列表内容
* 列表内容
注意:- + * 跟内容之间都要有一个空格

示例:

  • 列表内容
  • 列表内容
  • 列表内容

2、有序列表用 数字+加点+空格

1. 列表内容
2. 列表内容
3. 列表内容
注意:序号跟内容之间要有空格

示例:

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

3、列表嵌套(上一级和下一级之间敲三个空格即可)

  • 无序啊列表
    1. 列表内容
    2. 列表内容
    3. 列表内容
  • 无序啊列表
    • 列表内容
    • 列表内容
    • 列表内容

# 表格

表头|表头|表头
---|:--:|---:
内容|内容|内容
内容|内容|内容

第二行分割表头和内容。
- 有一个就行,为了对齐,多加了几个
:--- 文字默认居左
:--: 表示文字居中
---: 表示文字居右

注:原生的语法两边都要用 | 包起来。此处省略

示例:

姓名 技能 排行
刘备 大哥
关羽 二哥
张飞 三弟
张名 四弟

# 代码块

(```后加语言名进行高亮:比如+js)

  代码...
  代码...
  代码...

# vuepress中的拓展语法

# 自定义容器

你也可以自定义块中的标题: 如::: warning+标题名

::: tip
这是一个提示
:::

::: warning
这是一个警告
:::

::: danger
这是一个危险警告
:::

::: danger 自定义标题的
这是一个危险警告
:::

::: details
这是一个详情块,在 IE / Edge 中不生效
:::

示例:

TIP

这是一个提示

WARNING

这是一个警告

DANGER

这是一个危险警告

自定义一个标题

这是一个危险警告

DETAILS

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

# Emoji

可以在Emoji列表 (opens new window)中找到所有可用通过:xx:可用

 :tada: :100:

示例:🎉 💯 🤡

# 目录

通过下面语法可以直接获得本页md目录

[[toc]]

示例:

最近更新: 2022-09-21 15:37