自定义样式问题
- 0.x版本
可以通过
.vuepress/override.styl文件 调整基础css样式
$accentColor = #111 //主题颜色
$textColor = #999 //字体颜色
$borderColor = #eaecef //边框颜色
$codeBgColor = #282c34 //背景颜色
1
2
3
4
2
3
4
- 1.x版本
可以通过
.vuepress/styles/palette.styl文件 调整基础css样式
$accentColor = #111 //主题颜色
$textColor = #999 //字体颜色
$borderColor = #eaecef //边框颜色
$codeBgColor = #282c34 //背景颜色
1
2
3
4
2
3
4
- 直接在
.md文件末尾写样式
无模块
<style>
.class {
color: red;
}
</style>
1
2
3
4
5
2
3
4
5
有模块 先安装所需的模块再使用 如：stylus
npm i stylus stylus-loader -D
<style lang="stylus"></style>
1
2
2
- js也可以直接在
.md文件末尾写
<script>
export default{
//...do something
}
</script>
1
2
3
4
5
2
3
4
5
Tips：对应的文件都是需要自己新建的