Markdown 擴充功能範例

此頁面示範了 VitePress 提供的一些內建 Markdown 擴充功能。

語法高亮

VitePress 提供了由 Shiki 驅動的語法高亮功能，並附帶了行高亮等額外功能：

輸入

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

輸出

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

輸入

::: info
這是一個資訊方塊。
:::

::: tip
這是一個提示。
:::

::: warning
這是一個警告。
:::

::: danger
這是一個危險警告。
:::

::: details
這是一個詳細資料區塊。
:::

輸出

INFO

這是一個資訊方塊。

TIP

這是一個提示。

WARNING

這是一個警告。

DANGER

這是一個危險警告。

Details

這是一個詳細資料區塊。