Markdown 语法示例

本页面展示了 VitePress 提供的内置 Markdown 扩展功能和语法示例。

📝 基础语法

标题

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

文本样式

**粗体文本**
*斜体文本*
~~删除线~~
`行内代码`

效果展示：

• 粗体文本
• 斜体文本
• 删除线
• 行内代码

🎨 代码高亮

VitePress 使用 Shiki 提供强大的语法高亮功能，支持行高亮：

输入：

```js{4}
export default {
  data () {
    return {
      msg: '高亮显示！'
    }
  }
}
```

输出：

export default {
  data () {
    return {
      msg: '高亮显示！'
    }
  }
}

多种语言支持

# Python 示例
def hello_world():
    print("Hello, NodePro8!")
    return "欢迎使用文档中心"

# Shell 命令
npm install
npm run docs:dev

{
  "name": "nodepro8-docs",
  "scripts": {
    "docs:dev": "vitepress dev docs"
  }
}

📦 自定义容器

输入：

::: info 信息提示
这是一个信息提示框。
:::

::: tip 小贴士
这是一个提示框，用于显示有用的建议。
:::

::: warning 注意
这是一个警告框，提醒用户注意重要信息。
:::

::: danger 危险
这是一个危险警告框，用于重要的安全提醒。
:::

::: details 点击查看详情
这是一个可折叠的详情块，点击标题可以展开或收起内容。
:::

输出：

信息提示

这是一个信息提示框。

小贴士

这是一个提示框，用于显示有用的建议。

注意

这是一个警告框，提醒用户注意重要信息。

危险

这是一个危险警告框，用于重要的安全提醒。

点击查看详情

这是一个可折叠的详情块，点击标题可以展开或收起内容。

📋 表格

| 功能 | 描述 | 状态 |
|------|------|------|
| 语法高亮 | 支持多种编程语言 | ✅ |
| 自定义容器 | 信息、提示、警告等 | ✅ |
| 响应式设计 | 移动端适配 | ✅ |
| 搜索功能 | 全文搜索 | 🚧 |

功能	描述	状态
语法高亮	支持多种编程语言	✅
自定义容器	信息、提示、警告等	✅
响应式设计	移动端适配	✅
搜索功能	全文搜索	🚧

🔗 链接

• VitePress 官方文档
• Markdown 中文教程
• Vue.js 官网

📚 更多功能

查看 VitePress Markdown 扩展完整文档 了解更多功能。