萌娘百科黑幕实现
目录
前言
在逛萌娘百科的时候, 感觉黑幕很有意思, 可以把一些不太正经的话(bushi)像这样遮盖起来
我试图在网上找到一些hexo实现方法但最终都没有用, 这里分享下我的实现方法
修改主题的styl&js
styl
首先修改主题的 themes\butterfly\source\css_global\index.styl
在代码最下方加入
1
2
3
4
5
6
7
8
9
10
11
12
13.heimu, .heimu a, a .heimu, .heimu a.new, .heimu code
background-color: #252525 !important
color: #252525 !important
text-shadow: none
.heimu:hover, .heimu:active,
.heimu:hover .heimu, .heimu:active .heimu,.heimu code:hover
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;
注意:styl对缩进要求严格
js
然后打开themes\butterfly\source\js\main.js
在最后加上
1
2
3
4const addheimuTitle = function(){
console.log(123)
$('.heimu').attr('title','你知道的太多了')
}
最后进行下hexo三连
1
2
3hexo cl
hexo g
hexo s
如何在文章中使用黑幕
只需要在heimu标签里加上想要隐藏的东西
1
<span class='heimu'>隐藏的文字</span>
结尾
这是这个博客第一篇文章
以后会更新一些关于 对游戏番剧评论 教程 闲聊 类的文章