0%

hexo-next主题去掉顶部黑条

在next主题scheme配置为PiscesGemini时顶部会出现黑条,个人强迫症又有点接受不了。然后网上的教程都是直接找到layout文件直接删除,删除后好像也没有原来布局好看了。所以最后采用将顶部CSS设置为全透明的解决思路。

下面写一下,统一修改主题的步骤:

  1. F12 找到要修改的内容

找到了我们需要修改的css类名为 headband

  1. 直接在github仓库中搜索 headband,看他具体在哪个css文件中

可以找到所有配置了 .headband 的文件,着重注意 scheme:Mist 时也是没有黑线的,所以我们也可以采用类似的,写在对应主题的index.styl

  1. 修改目前在用主题的 index.styl 如:我在_config.yml 中配置的是scheme:Gemini 则在next/source/css/_common_schemes_Gemini/index.styl 添加如下CSS文件即可。
1
2
3
4
.headband {
height: $headband-height;
opacity: 0.0 ;
}
  1. 重新构建即可
1
2
hexo clean
hexo g