给文章标题添加一个emoji表情

如果你和我一样使用的数据文件的方式的话,把这段代码放在 source/_data/styles.styl 文件中即可!

效果就像我的博客其他文章啦,这里贴一下我所使用的代码:

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
26
27
28
29
30
31
.post-body h2:before,.post-body h3:before,.post-body h4:before,.post-body h5:before,.post-body h6:before,{
margin-right: 5px;
font-style: normal;
font-variant: normal;
line-height: 1;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
transition: all .2s ease-out;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-weight: 600;
}

.post-body h2:before{
content: "🍦";
}

.post-body h3:before{
content: "🌸";
}
.post-body h4:before{
content: "⛄️";
}
.post-body h5:before{
content: "🔥";
}
.post-body h6:before{
content: "🌱";
}

你可以自由替换你喜欢的小表情!

------ 本文结束  感谢阅读 ------