萌百黑幕CSS代码

代码来自互联网,仅copy下来以方便自己使用,没错就是抄袭(bushi)

在HTML中在<head><style>中直接引入即可;
在MD中直接添加<style>即可

使用例:

1
<span class="heimu" title="黑幕小弹框里的字">你需要隐藏的文字</span>

具体代码如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

<style>
/*黑幕实现*/
.heimu, .heimu a, a .heimu, .heimu a.new
{
background-color: #252525;
color: #252525;
text-shadow: none;
}
.heimu:hover, .heimu:active,
.heimu:hover .heimu, .heimu:active .heimu
{
color: white !important;
}
.heimu:hover a, a:hover .heimu,
.heimu:active a, a:active .heimu
{
color: lightblue !important;
}
.heimu:hover .new, .heimu .new:hover, .new:hover .heimu,
.heimu:active .new, .heimu .new:active, .new:active .heimu
{
color: #BA0000 !important;
}
</style>

在Hexo中自定义CSS

首先,在主题的样式文件的source文件夹下找到css文件夹,打开main.styl(next主题下)或者index.styl(butterfly主题下)文件,在最后添加:
路径是:Hexo\themes\butterfly\source\css

1
2
3
//My Layer
//--------------------------------------------------
@import "_my/mycss";

新建自定义样式

找到样式文件夹css 新建_my文件夹,在其中新建mycss.styl文件,之后就可以按照stylus的格式自定义样式了。

路径是:\Hexo\themes\next\source\css\ _my