风铃语

md 支持语法

vuepress 基础语法open in new window

Front Matter

---
title: 标题
tags:
  - 标签
---

目录

[[toc]]

标题

# title-1

## title-2

### title-3

#### title-4

##### title-5

###### title-6

链接

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

图片

![图片](https://fengling68.github.io/imgbed/images-upic-blogs/404-1664538096183.svg)

列表

- 无序列表
  - 无序列表
  - 无序列表
  - 无序列表
- 无序列表
- 无序列表

1. 有序列表
2. 有序列表
3. 有序列表
  • 无序列表
    • 无序列表
    • 无序列表
    • 无序列表
  • 无序列表
  • 无序列表
  1. 有序列表
  2. 有序列表
  3. 有序列表

表情

markdown-it-emoji, 所有 emoji 列表open in new window

:tada: :100: :tada:

🎉 💯 🎉

表格

| name | Are |
| ---- | :-: |
| aaa  | 18  |
| bbb  | 20  |
nameAre
aaa18
bbb20

代码高亮

<!-- 注意 , 前后不能有空格 -->

```js {1,3-4}
export default {
  data() {
    return {
      msg: "Highlighted!",
    };
  },
};
```

export default {
  data() {
    return {
      msg: "Highlighted!",
    };
  },
};
 

 
 



自定义容器-基础

::: tip 标题-提示
这是一个提示
:::

::: warning 标题-警告
这是一个警告
:::

::: danger 标题-危险
这是一个危险警告
:::

::: details 标题-标签
这是一个 details 标签
:::

::: details 标题-查看代码

```js
console.log("查看代码");
```

:::

标题-提示

这是一个提示

标题-警告

这是一个警告

标题-危险

这是一个危险警告

标题-标签

这是一个 details 标签

标题-查看代码
console.log("查看代码");

自定义容器-选项卡

:::: code-group

::: code-group-item FOO

```ts
const foo = "foo";
```

:::

::: code-group-item BAR

```ts
const bar = "bar";
```

:::

::::

const foo = "foo";

const bar = "bar";

vuepress-plugin-md-enhance 增强语法open in new window

标记

==标记==

标记

幻灯片

主题：black, white, league, beige, sky, night, serif, simple, solarized, blood, moon

@slidestart moon

# slide1

## something

![图片](https://t7.baidu.com/it/u=1324065465,1026086221&fm=193&f=GIF)

---

# slide2

## something

![图片](https://t7.baidu.com/it/u=966267389,974091805&fm=193&f=GIF)

---

# slide3

## something

![图片](https://t7.baidu.com/it/u=3175010467,659988071&fm=193&f=GIF)

@slideend

任务列表

- [ ] 任务列表
- [ ] 任务列表
- [x] 任务列表

图片尺寸

![404](https://fengling68.github.io/imgbed/images-upic-blogs/404-1664538096183.svg =300x200)

404

数学公式

katex 语法open in new window

$$
1rem = \frac{clientWidth}{750}
$$

1rem=clientWidth750 1rem = \frac{clientWidth}{750}

自定义容器-增强

::: info 标题-提示
这是一个提示
:::

::: note 标题-警告
这是一个警告
:::

标题-信息

这是一个信息

标题-笔记

这是一个笔记

自定义容器-选项卡

::: tabs
@tab code-group-item FOO

```ts
const foo = "foo";
```

@tab code-group-item BAR

```ts
const bar = "bar";
```

:::