From 85ddc33a911ab7089e730612b6e351793e416dee Mon Sep 17 00:00:00 2001 From: lisianthus-a <1419033252@qq.com> Date: Mon, 30 Nov 2020 17:57:34 +0800 Subject: [PATCH] docs: fix custom page class path --- packages/docs/docs/zh/theme/default-theme-config.md | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/packages/docs/docs/zh/theme/default-theme-config.md b/packages/docs/docs/zh/theme/default-theme-config.md index 7d3a442b56..b8e167b796 100644 --- a/packages/docs/docs/zh/theme/default-theme-config.md +++ b/packages/docs/docs/zh/theme/default-theme-config.md @@ -508,16 +508,20 @@ pageClass: custom-page-class --- ``` -然后你就可以写专门针对该页面的 CSS 了： +只能在 `.vuepress/styles/index.styl` 中编写针对该页面的 CSS ： ``` css -/* .vuepress/override.styl */ +/* .vuepress/styles/index.styl */ .theme-container.custom-page-class { /* 特定页面的 CSS */ } ``` +::: tip 注意 +自定义样式应该写在 [index.styl](/config/#index-styl) 内, 该文件可以让你方便地添加或覆盖样式. +::: + ## 特定页面的自定义布局 默认情况下，每个 `*.md` 文件将会被渲染在一个 `
` 容器中，同时还有侧边栏、自动生成的编辑链接，以及上 / 下一篇文章的链接。如果你想要使用一个完全自定义的组件来代替当前的页面（而只保留导航栏），你可以再次使用 `YAML front matter` 来指定这个组件。