搭建hexo博客遇到的奇异问题--next主题侧栏不显示

搭建hexo博客遇到的奇异问题–next主题侧栏不显示

hexo搭建完成后,尝试的各种主题,在next主题的应用中,惊奇的发现它的侧栏一直为灰色,而设置里已经打开了侧栏

在这里插入图片描述

最后发现,在灰色区域移动时,鼠标会出现小手,这说明里面是有东西的,只是被某种东西覆盖,或者隐藏了,所以打开调试工具进行检测,果然发现这个区域的透明度设置为了0,我果断把0给取消,div果然正常显示了

在这里插入图片描述

正常显示的效果如下:

img

为了寻找原因,我找到了控制侧边栏的源代码的css,在_sidebar.styl处,发现了.sidebar-inner的css控制属性,如下图所示

在这里插入图片描述

根据语句的意思,如果hexo-config中的motion属性为true,motion.transition.sidebar也为true的时候,设置透明度为1,所以我来到了hexo的主题主配置文件_config.yml,发现是如下设置的

在这里插入图片描述
在这里插入图片描述
,这是当时根据官方文档

在这里插入图片描述

进行配置的结果,官方文档真是坑,我将配置改为

sidebar: slideUpIn

,测试成功

在这里插入图片描述

博客恢复正常,https://bestqiang.github.io/ ,这是我的博客地址,欢迎参观!

©️2020 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页