博客黑幕效果测试

添加代码过程

去网上搜索了萌娘百科黑幕的效果，发现是在网页上添加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文档里写html代码就行了，也就是这么写

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

渲染之后是这样的：
紫色的个人博客
和萌娘百科一样，电脑端鼠标放在黑幕上即可划开黑幕，移动端是点击黑幕即可划开黑幕

未来功能

1.会把主题模式换一下，分为两个主题，一个是粉色的主题，另一个是蓝色的主题，和性别的代表色有关，实现上边栏自由切换主题
2.会加入一些其他的友链
3.经过测试后会加入服务器的官网