0%

hexo博客美化

修改博客透明度

一般来说大家都在博客里放一个背景图片,但是大部分时候博文都是很长的,导致背景图片无法全部地显示出来。所以很有必要为博文设置一个透明度,使得背景图片若隐若现。

在博客根目录的 _data 文件夹中,新建 styles.styl 在其中写入:

1
2
3
4
5
6
7
8
9
10
11
/* 上半部分的侧边栏 */
.header-inner{
background: rgba(255, 255, 255, 0.82)
}
/* 下半部分的侧边栏 */
.sidebar-inner{
background: rgba(255, 255, 255, 0.82)
}
.content-wrap{
background: rgba(255, 255, 255, 0.779);
}

如果你没有下半部分的侧边栏(next 主题好像可以选择关闭),那么可以删除 .sidebar-inner

樱花特效

详见 网页樱花飘落特效(JS 实现)

注意:此特效与不蒜子插件在某些特殊情况下存在冲突。目前 Next 支持将自定义的文件提取出来放在 _data 文件夹中。如果把加载樱花特效的 js 代码放在 _data/footer.swig 文件的末尾,则处于页脚部分的不蒜子统计不显示。

解决办法:那行代码别放在文件的末尾就行了。