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

Hexo 专栏收录该内容
3 篇文章 0 订阅

搭建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/ ,这是我的博客地址,欢迎参观!

  • 2
    点赞
  • 3
    评论
  • 2
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

相关推荐
程序员必经之路! 【限时优惠】 现在下单,还享四重好礼: 1、教学课件免费下载 2、课程案例代码免费下载 3、专属VIP学员群免费答疑 4、下单还送800元编程大礼包 【超实用课程内容】  根据《2019-2020年中国开发者调查报告》显示,超83%开发者都在使用MySQL数据库。使用量大同时,掌握MySQL早已是运维、DBA必备技能,甚至部分IT开发岗位也要求对数据库使用和原理有深入了解和掌握。 学习编程,你可能会犹豫选择 C++ 还是 Java;入门数据科学,你可能会纠结于选择 Python 还是 R;但无论如何, MySQL 都是 IT 从业人员可或缺技能!   套餐中一共包含2门MySQL数据库必学核心课程(共98课时)   课程1:《MySQL数据库从入门到实战应用》   课程2:《高性能MySQL实战课》   【哪些人适合学习这门课程?】  1)平时只接触了语言基础,并未学习任何数据库知识人;  2)对MySQL掌握程度薄弱人,课程可以让你更好发挥MySQL最佳性能; 3)想修炼更好MySQL内功,工作中遇到高并发场景可以游刃有余; 4)被面试官打破沙锅问到底问题问到怀疑人生应聘者。 【课程主要讲哪些内容?】 课程一:《MySQL数据库从入门到实战应用》 主要从基础篇,SQL语言篇、MySQL进阶篇三个角度展开讲解,帮助大家更加高效管理MySQL数据库。 课程二:《高性能MySQL实战课》主要从高可用篇、MySQL8.0新特性篇,性能优化篇,面试篇四个角度展开讲解,帮助大家发挥MySQL最佳性能优化方法,掌握如何处理海量业务数据和高并发请求 【你能收获到什么?】  1.基础再提高,针对MySQL核心知识点学透,用对; 2.能力再提高,日常工作中代码换新貌,问题; 3.面试再加分,巴得面试官打破沙锅问到底,竞争力MAX。 【课程如何观看?】  1、登录CSDN学院 APP 在我课程中进行学习; 2、移动端:CSDN 学院APP(注意是CSDN APP哦)  本课程为录播课,课程永久有效观看时长 【资料开放】 课件、课程案例代码完全开放给你,你可以根据所学知识,自行修改、优化。  下载方式:电脑登录课程观看页面,点击右侧课件,可进行课程资料打包下载。
©️2020 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值