Skip to content

Markdown 擴充語法範例

本頁示範 VitePress 內建的一些 Markdown 擴充語法。

語法醒目標示

VitePress 使用 Shiki 提供語法醒目標示,並支援例如標註特定行數等進階功能:

輸入範例

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

輸出結果

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

自訂區塊(Custom Containers)

輸入範例

md
::: info
This is an info box.
:::

::: tip
This is a tip.
:::

::: warning
This is a warning.
:::

::: danger
This is a dangerous warning.
:::

::: details
This is a details block.
:::

輸出結果

INFO

這是一個資訊提示框。

TIP

這是一個小提示。

WARNING

這是一個警告訊息。

DANGER

這是一個嚴重警告。

Details

這是一個可展開的詳細內容區塊。

更多

完整的 Markdown 擴充語法請參考官方文件: full list of markdown extensions

Released under the MIT License.