最近在逛博客时，发现CYF博主写的一篇有关探索萌娘百科黑块实现的文章，自己感觉也用的上，于是便转载一下。其实只是单纯想水一下文章~

其实自己当初也有过类似的想法，不过由于太懒就没去做...这次刚好看到了有相关的内容，本着能白嫖就白嫖的精神老白嫖怪了。

至于实现过程之类的，如果有感兴趣的小伙伴欢迎前往CYF博主的博客查看。黑块的用途很广泛，而且相对于删除线来说。在文章中适当的加入可以给读者带来更多趣味性。

你知道的太多了
你知道的太多了

对于在 handsome主题而言，只需要在后台 自定义css处添加以下代码：

span.heimu a.external,span.heimu a.external:visited,span.heimu a.extiw,span.heimu a.extiw:visited {
    color: #252525
}
.heimu,.heimu a,a .heimu,.heimu a.new {
    background-color: #252525;
    color: #252525;
    text-shadow: none
}
body:not(.heimu_toggle_on) .heimu:hover,body:not(.heimu_toggle_on) .heimu:active,body:not(.heimu_toggle_on) .heimu.off {
    transition: color .13s linear;
    color: #fff
}
body:not(.heimu_toggle_on) .heimu:hover a,body:not(.heimu_toggle_on) a:hover .heimu,body:not(.heimu_toggle_on) .heimu.off a,body:not(.heimu_toggle_on) a:hover .heimu.off {
    transition: color .13s linear;
    color: #add8e6
}
body:not(.heimu_toggle_on) .heimu.off .new,body:not(.heimu_toggle_on) .heimu.off .new:hover,body:not(.heimu_toggle_on) .new:hover .heimu.off,body:not(.heimu_toggle_on) .heimu.off .new,body:not(.heimu_toggle_on) .heimu.off .new:hover,body:not(.heimu_toggle_on) .new:hover .heimu.off {
    transition: color .13s linear;
    color: #ba0000
}

然后在你需要使用的地方添加:

<span class="heimu" title="你知道的太多了">嘿♂嘿♂嘿</span>

就可以实现类似于萌娘百科中的黑块效果。嘿♂嘿♂嘿

版权属于：陈YF

原文链接：https://blog.cyfan.top/2020/02/25/%E4%B8%80%E6%AC%A1%E6%88%90%E5%8A%9F%E7%9A%84%E7%99%BD%E5%AB%96%E7%BB%8F%E5%8E%86-%E8%90%8C%E5%A8%98%E7%99%BE%E7%A7%91/

本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。