vuepress + vuepress-theme-cool 使

如何配置vuepress中的anchor(锚点)跳转时不被导航栏遮挡

方法一， 仅对单个页面生效

# 在需要处理这个问题的README.md中直接加入下面的样式
<style>
.content.custom>h1, 
.content.custom>h2, 
.content.custom>h3, 
.content.custom>h4, 
.content.custom>h5, 
.content.custom>h6 {
    margin-top: -3.1rem;
    padding-top: 4.6rem;
    margin-bottom: 0;
}
</style>

方法二，对整个项目生效

# 在docs/.vuepress/style.styl中加入以下代码

.content.custom>h1, 
.content.custom>h2, 
.content.custom>h3, 
.content.custom>h4, 
.content.custom>h5, 
.content.custom>h6 {
    margin-top: -3.1rem;
    padding-top: 4.6rem;
    margin-bottom: 0;
}