这篇文章主要是记录一下本博客导航栏的修改过程。
因为博客的源码中导航栏的效果在这里,小霖的博客的导航栏效果在这里,对比之下我还是想弄成小霖博客的样子。
首先是修改导航栏按钮的效果,修改build.css文件:
修改
.header .header-menu-inner a {
margin: 0 20px 0 0;
color: var(--color-type);
font-size: 14px;
letter-spacing: 0;
}
为
.header .header-menu-inner a {
border-radius: 8px;
color: #171321;
font-size: 16px;
padding: 0 10px;
}