一级标题(vuepress 侧边栏 + 未设置 title 时显示)
二级标题(vuepress 侧边栏)
三级标题(vuepress 侧边栏)
四级标题
五级标题
六级标题
# 一级标题(vuepress 侧边栏 + 未设置 title 时显示)
## 二级标题(vuepress 侧边栏)
### 三级标题(vuepress 侧边栏)
#### 四级标题
##### 五级标题
###### 六级标题
1.文字
普通文字
加粗文字
斜体文字
斜体加粗文字
删除线文字
普通文字
**加粗文字**
_斜体文字_
**_斜体加粗文字_**
~~删除线文字~~
2.引用
引用文字
嵌套引用文字
> 引用文字
>
> > 嵌套引用文字
3.emoji
😀😃🚌🚗
😀😃🚌🚗
4.分割线
---
5.图片
<!-- public/assets/about 目录下 javascript svg 图片 -->
<img :src="$withBase('/assets/about/javascript.svg')" />
![外部图片](https://aodazhang.oss-cn-shanghai.aliyuncs.com/img/caniuse.png)
6.链接
[内部路由 1](/) <!-- 跳转到根目录 README.md -->
[内部路由 2](/about/) <!-- 跳转到 about 文件夹 README.md -->
[外部链接](https://baidu.com)
7.列表
- 无序列表 1
- 无序列表 1-1
- 无序列表 1-2
- 无序列表 1-3
- 无序列表 2
- 无序列表 3
- 有序列表 1
- 有序列表 1-1
- 有序列表 1-2
- 有序列表 1-3
- 有序列表 2
- 有序列表 3
- 无序列表 1
- 无序列表 1-1
- 无序列表 1-2
- 无序列表 1-3
- 无序列表 2
- 无序列表 3
1. 有序列表 1
1. 有序列表 1-1
2. 有序列表 1-2
3. 有序列表 1-3
2. 有序列表 2
3. 有序列表 3
8.表格
课程名称 | 任课教师(右对齐) | 课程类型(左对齐) | 课程周期 |
---|---|---|---|
大学英语 | 曾老师 | 必修 | 9.4~11.28 |
数据结构 | 董老师 | 必修 | 9.4~11.14 |
| 课程名称 | 任课教师(右对齐) | 课程类型(左对齐) | 课程周期 |
| -------- | -----------------: | :----------------- | --------- |
| 大学英语 | 曾老师 | 必修 | 9.4~11.28 |
| 数据结构 | 董老师 | 必修 | 9.4~11.14 |
9.代码块
const fs = require('fs')
const path = require('path')
const nav = require('./nav')
function sidebarItem(title, prefixPath) {
const children = fs
.readdirSync(path.join(process.cwd(), 'docs', prefixPath))
.map(path => `${prefixPath}${path.replace('README.md', '')}`)
return {
title,
collapsable: true,
children
}
}
<!-- 高亮 1、6、7 行的代码 -->
```javascript{1,6-7}
const fs = require('fs')
const path = require('path')
const nav = require('./nav')
function sidebarItem(title, prefixPath) {
const children = fs
.readdirSync(path.join(process.cwd(), 'docs', prefixPath))
.map(path => `${prefixPath}${path.replace('README.md', '')}`)
return {
title,
collapsable: false,
children
}
}
```
10.目录
[[toc]]
11.自定义容器(vuepress 组件)
提示
这是一个提示
警告
这是一个警告
危险
这是一个危险警告
详情
这是一个详情块,在 IE / Edge 中不生效
::: tip 提示
这是一个提示
:::
::: warning 警告
这是一个警告
:::
::: danger 危险
这是一个危险警告
:::
::: details 详情
这是一个详情块,在 IE / Edge 中不生效
:::
12.标记(vuepress 组件)
默认标记 默认主题
警告标记 beta
默认标记 <Badge type="tip" text="默认主题"/>
警告标记 <Badge type="warning" vertical="top" text="beta" />
13.自定义(vuepress 功能)
<!-- vuepress 可直接在 markdown 中写入 html -->
<div class="flappy-bird">
<iframe src="https://project.aodazhang.com/ecs-lite"></iframe>
</div>