Tables | Are | Cool |
---|---|---|
col 3 is | right-aligned | $1600 |
col 2 is | centered | $12 |
zebra stripes | are neat | $1 |
- 🎉
- 💯
[[toc]]
::: 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. :::
::: danger STOP Danger zone, do not proceed :::
::: details Click me to view the code
console.log('Hello, VitePress!')
:::
export default {
data () {
return {
msg: 'Highlighted!'
}
}
}
export default {
data () {
return {
msg: `Highlighted!
This line isn't highlighted,
but this and the next 2 are.`,
motd: 'VitePress is awesome',
lorem: 'ipsum',
}
}
}
export default { // [!code focus]
data() { // [!code hl]
return {
msg: 'Removed' // [!code --]
msg: 'Added' // [!code ++]
msg: 'Error', // [!code error]
msg: 'Warning' // [!code warning]
}
}
}
const line1 = 'This is line 1'
const line2 = 'This is line 2'
<<< @/markdown-extensions/foo.md
<<< @/markdown-extensions/foo.md#snippet
<<< @/markdown-extensions/foo.md#snippet{1 ts:line-numbers} [snippet with region]
::: code-group
/**
* @type {import('vitepress').UserConfig}
*/
const config = {
// ...
}
export default config
import type { UserConfig } from 'vitepress'
const config: UserConfig = {
// ...
}
export default config
:::
::: code-group
<<< @/markdown-extensions/foo.md
<<< @/markdown-extensions/foo.md#snippet{1 ts:line-numbers} [snippet with region]
:::