[Hexo主题]建议添加首页封面遮罩

[endercatone]

为什么提出这个新的特性改动
我的博客首页顶部的封面是调用随机图片API动态获取的。有些图片自身过于明亮,导致页面顶部的导航栏文字无法清晰可见。
使用主题: Hexo

描述一下你推荐的解决方案
用CSS在图片上覆盖一层遮罩，最好能用环境变量控制是否启用

描述一下你考虑过的其它替代解决方案
想过修改图片，让它不那么亮，但随机图片api似乎不能选择

补充说明
可能有用的CSS

.font-black.shadow-text,
    .mt-2.shadow-text {
      position: relative; 
      z-index: 2;
    }
    
    #header-cover {
      z-index: 1;
      filter: brightness(0.6); /* 变暗效果 */
    }