自定义博客--看板娘透明度以及鼠标移动在头像上的变化

  这篇博客所完成的事情花了我很久的时间。

看板娘的透明度

  之前看板娘的透明度我在网上找了很久都没找到相关教程，之前也看到有一些人的博客的看板娘是透明的，按照一些人的代码来看，应该在站点配置文件里面加入

react:
    defaultOpacity: 0.8
    hoverOpacity: 1

但代码加入后并没有什么用，于是我便考虑在…/themes/next/source/css/custom/custom.styl中直接通过css代码来修改看板娘的透明度。
那么问题就来了，当初我找不到看板娘的id或者class，我通过chrome的F12下通过鼠标移动来查看class和id的方法根本就移动不到看板娘上面，如图：

即使我把鼠标移动在血小板上面仍然显示的是其他的标签，后来我硬是会觉得不透明有时候缩放什么的会挡住字，不太好，于是还是不打算放弃(๑•̀ㅂ•́)و✧，在F12里面直接看文件的html代码，当我把所有的标签全部最简化的时候，我终于发现了看板娘的标签。

当时内心十分高兴的_(:3 」∠ )_，于是边马上在custom里面加上了如下代码：

.live-2d-widget {
    opacity: 0.9;
}