Hexo butterfly 4.3.1 背景透明度设置

前言

通过搜索引擎（baidu，google）找到了一些线索：背景设置透明需要自己通过diy css来支持该功能。通过在butterfly的github issues中作者对相关问题的回答来看也确实是这样。
但是关键在于网上流传的css已经不适用于该版本的了。换言之，需要diy符合该版本的css。
这对我一个没有前端知识的小白来说，略显困难，但我通过浏览器的开发者工具锁定了文章页的样式，最终得到了符合的结果。

具体做法

在/theme/butterfly/source/css创建css文件，假设命名为user.css，内容如下：

.layout > div:first-child:not(.recent-posts),
#recent-posts > .recent-post-item,
#aside-content .card-widget,
.layout > .recent-posts .pagination > *:not(.space) {
  /* 第四个参数表示透明度，越小越透明 */
  background: rgba(239,239,239,.7);
}

通过butterfly提供的css注入配置项实现样式的覆盖：

inject:
  head:
    - <link rel="stylesheet" href="/css/user.css">