- 介绍
- 起步
- 配置
- 静态资源处理
- Markdown 扩展
- 在 Markdown 中使用 Vue
- 自定义主题
- 国际化支持(internationalization)
- 部署
- 基本配置(basic config)
- 主题化(theming)
- Markdown
- 建立管道(build pipeline)
- 浏览器兼容性(browser compatibility)
- 主页(homepage)
- 导航栏(navbar)
- 侧边栏(sidebar)
- 搜索框(search box)
- 最近更新
- Service Worker
- 上一页 / 下一页链接(prev / next links)
- Git 仓库和编辑链接
- 简单的 CSS 覆盖
- 自定义页面的 class
- 特定页面的自定义布局(custom layout for specific pages)
- 弹出(ejecting)
文章来源于网络收集而来,版权归原创者所有,如有侵权请及时联系!
简单的 CSS 覆盖
如果你希望对默认主题的样式应用简单的覆盖,可以创建一个 .vuepress/override.styl
文件。 这是 Stylus 文件,但你也可以使用普通的 CSS 语法。
有几个颜色变量可以调整:
// 显示默认值
$accentColor = #3eaf7c
$textColor = #2c3e50
$borderColor = #eaecef
$codeBgColor = #282c34
仍然存在的问题 < 0.12.0
为了覆盖上面提到的默认变量,override.styl
将在默认主题的 config.styl
末尾导入,这个文件将被多个文件使用,所以一旦你在这里写了样式,你的 样式将被多次复制。参考 #637。
迁移你的样式到 style.styl
0.12.0+
事实上,style constants override
和 styles override
是两个东西,前者应该在编译 CSS 之前执行,而后者应该在 CSS bundle 末尾生成,它具有最高优先级。
从 0.12.0
开始,我们将 override.styl
分成两个 API:override.styl
和 style.styl
。如果你以前在 override.styl
中编写样式,例如:
// .vuepress/override.styl
$textColor = red // stylus constants override.
#my-style {} // your extra styles.
你需要抽离这部分样式到 style.styl
:
// .vuepress/override.styl, SHOULD ONLY contain "stylus constants override".
$textColor = red
// .vuepress/style.styl, your extra styles.
#my-style {}
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论