搭建Hexo博客过程中,使用Next 7.8.0版本的主题时,根据网上教程在source\_data\variables.styl文件中添加$border-radius-inner和$border-radius字段后,侧边个人信息栏还存在一个直角边框,导致页面观感不一致。
1 | $border-radius-inner = 0px 0px 10px 10px; |
页面调试后发现,在source\_data\styles.styl中的.sidebar样式中增加border-radius属性即可实现侧边个人信息栏圆角边框
1 | border-radius: 10px; |
如果没有styles.styl文件,创建好后复制以下代码粘贴
1 | .sidebar { |
在next.yml中启用styles.styl文件
1 | custom_file_path: |
重新生成部署即可