Next主题侧边栏圆角边框问题

搭建Hexo博客过程中,使用Next 7.8.0版本的主题时,根据网上教程在source\_data\variables.styl文件中添加$border-radius-inner和$border-radius字段后,侧边个人信息栏还存在一个直角边框,导致页面观感不一致。

1
2
$border-radius-inner     = 0px 0px 10px 10px;
$border-radius = 10px;

页面调试后发现,在source\_data\styles.styl中的.sidebar样式中增加border-radius属性即可实现侧边个人信息栏圆角边框

1
border-radius: 10px;

如果没有styles.styl文件,创建好后复制以下代码粘贴

1
2
3
.sidebar {
border-radius: 10px;
}

在next.yml中启用styles.styl文件

1
2
custom_file_path:
style: source/_data/styles.styl

重新生成部署即可