msb-public
/
vitepress
mirror of https://github.com/vuejs/vitepress
2
1
Code Issues Projects Releases Wiki Activity

docs: modify the example usage of postcssIsolateStyles (#3111)

Browse Source 
Co-authored-by: Divyansh Singh <40380293+brc-dd@users.noreply.github.com>
pull/3114/head
Ryan Luo 1 year ago committed by GitHub
parent 7a3b2d591b
commit 62f0e4f109
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 6 deletions
Show Stats Download Patch File Download Diff File

8
docs/guide/markdown.md
Unescape View File

@ -220,8 +220,6 @@ Wraps in a <div class="vp-raw">
`vp-raw` class can be directly used on elements too. Style isolation is currently opt-in: `vp-raw` class can be directly used on elements too. Style isolation is currently opt-in:
::: details
- Install `postcss` with your preferred package manager: - Install `postcss` with your preferred package manager:
```sh ```sh
@ -234,9 +232,9 @@ Wraps in a <div class="vp-raw">
import { postcssIsolateStyles } from 'vitepress' import { postcssIsolateStyles } from 'vitepress'
export default { export default {
plugins: { plugins: [
postcssIsolateStyles() postcssIsolateStyles()
} ]
} }
``` ```
@ -248,8 +246,6 @@ Wraps in a <div class="vp-raw">
}) })
``` ```
:::
## Syntax Highlighting in Code Blocks ## Syntax Highlighting in Code Blocks
VitePress uses [Shiki](https://shiki.matsu.io/) to highlight language syntax in Markdown code blocks, using coloured text. Shiki supports a wide variety of programming languages. All you need to do is append a valid language alias to the beginning backticks for the code block: VitePress uses [Shiki](https://shiki.matsu.io/) to highlight language syntax in Markdown code blocks, using coloured text. Shiki supports a wide variety of programming languages. All you need to do is append a valid language alias to the beginning backticks for the code block:

Write Preview
Loading…
Cancel
Save