Skip to content

Commit 60da7d5

Browse files
vicmeowulivz
authored andcommitted
docs: update default theme config docs to reflect changes in v0 vs v1 (#1611)
1 parent 5f0b221 commit 60da7d5

File tree

1 file changed

+11
-4
lines changed

1 file changed

+11
-4
lines changed

packages/docs/docs/theme/default-theme-config.md

+11-4
Original file line numberDiff line numberDiff line change
@@ -464,19 +464,22 @@ pageClass: custom-page-class
464464
---
465465
```
466466

467-
Then you can write CSS targeting that page only:
467+
Then you can write CSS targeting that page only in `./vuepress/styles/index.styl`.
468468

469469
``` css
470-
/* .vuepress/override.styl */
471470

472471
.theme-container.custom-page-class {
473472
/* page-specific rules */
474473
}
475474
```
476475

476+
::: tip Note
477+
These styles are written in [index.styl](/config/#index-styl), a file that allows you to conveniently add extra styles or override existing ones for the default theme.
478+
:::
479+
477480
## Custom Layout for Specific Pages
478481

479-
By default the content of each `*.md` file is rendered in a `<div class="page">` container, along with the sidebar, auto-generated edit links and prev/next links. If you wish to use a completely custom component in place of the page (while only keeping the navbar), you can again specify the component to use using `YAML front matter`:
482+
By default the content of each `*.md` file is rendered in a `<div class="page">` container, along with the sidebar, auto-generated edit links and prev/next links. If you wish to use a completely custom component in place of the page, you can again specify the component to use using `YAML front matter`:
480483

481484
``` yaml
482485
---
@@ -488,4 +491,8 @@ This will render `.vuepress/components/SpecialLayout.vue` for the given page.
488491

489492
## Ejecting
490493

491-
You can copy the default theme source code into `.vuepress/theme` to fully customize the theme using the `vuepress eject [targetDir]` command. Note, however, once you eject, you are on your own and won't be receiving future updates or bug fixes to the default theme even if you upgrade VuePress.
494+
You can copy the default theme source code into `.vuepress/theme` to fully customize the theme using the `vuepress eject [targetDir]` command.
495+
496+
::: warning
497+
Once you eject, you are on your own and **won't** be receiving future updates or bug fixes to the default theme even if you upgrade VuePress.
498+
:::

0 commit comments

Comments
 (0)