博客黑幕效果

怎么加的

一直觉得萌娘百科那个黑幕效果很有意思，就去搜了一下怎么实现的。其实就是加一段 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
}

我直接塞到 particlex 主题自带的 main.css 里面了。

怎么用

在 md 文件里这样写就行：

<span class="heimu" title="你知道的太多了">紫色的个人博客</span>

效果就是下面这样：

紫色的个人博客

电脑端鼠标放上去就能看到，手机端点一下就能看到。跟萌娘百科一模一样。

后面想搞的

1. 想给博客做两个主题，一个粉色一个蓝色，顶部可以切换
2. 多加一些友链
3. 测试完可能会放个官网链接