Skip to content

测试页面

测试折叠框 & 目录生成

目录
点我展开 Markdown默认折叠语法,Vitepress可以使用容器折叠语法,更加美观

测试图片

测试图片,如果你看到这行文字,说明加载失败了

测试视频

这是原生播放器。

这是使用 xgplayer 组件的播放器。

这是 B 站视频嵌入播放器。

这是 YouTube 视频嵌入播放器。

测试文段

这是一个测试文段,用于展示自定义样式的效果。

这是一个测试文段,用于展示自定义样式的效果。

Markdown 扩展功能示例

本文档展示了 VitePress 内置的部分 Markdown 扩展功能。

语法高亮

VitePress 基于 Shiki 提供语法高亮功能,支持行高亮等增强特性:

输入

md
```js{4}
export default {
  data () {
    return {
      msg: 'Highlighted!'
    }
  }
}
```

输出

js
export default {
  data () {
    return {
      msg: 'Highlighted!'
    }
  }
}

自定义容器

输入

md
::: info
这是一个信息框。
:::

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

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

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

::: details
这是一个可展开详情块。
:::

输出

INFO

这是一个信息框。

TIP

这是一个提示框。

WARNING

这是一个警告框。

DANGER

这是一个危险警告框。

IMPORTANT

这是一个重要提示框。

Details

这是一个可展开详情块。

徽章

这里有一大坨徽章!

后端技术栈

Spring  Spring Boot  MySQL  MariaDB  PostgreSQL  Oracle  Microsoft SQL Server  Redis  MongoDB  RabbitMQ  Solr  ElasticSearch  Logstash  Kibana  Kafka  Consul  Tomcat  JUnit5  Liquibase  Maven  Gradle  Spring Security  Hibernate  JSON  JWT  Java  Python  Android  Go  GraphQL 

前端技术栈

Vue3  TypeScript  Ant Design  Node.js  Vite  Webpack  NPM  Axios  ESLint  jQuery  BootStrap  ECharts  JavaScript  HTML5  CSS3  Tailwind CSS  Less 

DevOps

Git  GitHub  Gitee  gitlab  GitHub Actions  Jenkins  SonarQube  Docker  Harbor  Kubernetes  CentOS  Ubuntu 

运维技术栈

阿里云  Nginx  VMware  Prometheus  Grafana  Ansible  Lua 

测试技术栈

Postman  JMeter 

开发工具

Intellij IDEA  Eclipse  WebStorm  PyCharm  Android Studio  VSCode 

其他

Markdown  WordPress  GitHub Pages  Adobe Photoshop 

更多功能

查看 完整 Markdown 扩展列表 文档了解更多细节。

基于 AGPL-3.0 协议开源