首页 > 其他分享 >关闭Next主题motion导致侧边栏消失

关闭Next主题motion导致侧边栏消失

时间:2022-12-30 00:33:59浏览次数:58  
标签:动画 主题 侧边 NexT motion 关闭 Next

概要:关于Hexo的NexT主题关闭motion动画导致侧边栏消失的解决方法......

起因:

最近上手Hexo搭建博客,顺利搭建博客并一眼相中NexT这类简约风格的主题样式。

最初,NexT主题因为搭载的 https://theme-next.js.org/animate的CSS动画引擎,第一眼那丝滑的动画确实特别惹眼,但由于个人喜好极速简约,便在网络上搜索关闭NexT主题过渡动画的方法,按网络上说法将主题根目录下_config.yml文件的motion: enable:true修改为enable:false,确实完成了动画的关闭,但拥有小部件和头像功能的侧边栏消失。

花了段时间找问题,在打开浏览器调试功能时,发现.sidebar元素被赋予了visiblity:hidden属性,在修改为visiblity:visible后,侧边栏再次可见。于是尝试找样式源文件,最终解决问题。

解决方法:

因为我用的NexT主题的Pisces的scheme,其他类型的可以参照尝试解决,找到主题文件夹如下图路径中的_sidebar.styl文件,打开该文件。

搜索visibility,将visibility: hidden;修改为visibility: visible;

保存,执行hexo cl、hexo g、hexo d稍微等待一会,刷新博客,发现侧边栏可以正常显示

标签:动画,主题,侧边,NexT,motion,关闭,Next
From: https://www.cnblogs.com/szq233/p/17013898.html

相关文章

  • 做iOS开发我为什么弃用Objective-C而选择RubyMotion?
    HendrikMans是德国汉堡市的一名程序员,他从事iOS开发已有很长一段时间了,起初他一直使用Objective-C语言进行编程而忽视了RubyMotion。从前他认为 ​​RubyMotion​​只是......
  • Vue 中的 nextTick 有什么作用?
    大家好,我是CoderBin前言这段时间在写Vue的项目,有些地方难免会用到nextTick的地方,所以本文将浅析nextTick的作用、使用场景和背后的原理实现,希望对大家有所帮助,谢谢!如果文......
  • KMP算法解释:理解关于next[j]数组的求解问题
    一、算法背景介绍(我们为什么要采用这种算法?)1.补充定义:(1)主串:待匹配的大字符串(2)模式串:我们希望在主串中匹配到的字符串2.从暴力匹配到KMP算法(1)暴力匹配算法谈到KMP算法......
  • Vue 中$nextTick
    语法//回调函数中this为当前组件VueComponentthis.$nextTick(回调函数)作用在下一次DOM更新结束后执行其指定的回调。这样说其实有点难以理解,DOM更新结束后是......
  • nextJs---Image组件自适应父元素
    <divstyle={{flex:'1.3',marginRight:'10px',posit......
  • Vue $nextTick的作用
    NextTick在下次DOM更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的DOM;我们可以理解成,Vue 在更新 DOM 时是异步执行的。当数据发生变化,V......
  • vue.nextTick()方法的使用详解
    1,什么是Vue.nextTick()理解:nextTick(),是将回调函数延迟在下一次dom更新数据后调用,简单的理解是:当数据更新了,在dom中渲染后,自动执行该函数,1<template>2<divclass......
  • next_permutation
    next_permutation个人感觉这个函数是值得学习一下的,全排列专用,用于将当前数组换到下一个排列举个栗子:b[]=12345next_pertutation(b,b+5)b[]=12354高效......
  • When to use next() and return next() in Node.js
    Somepeoplealwayswritereturnnext()istoensurethattheexecutionstopsaftertriggeringthecallback.Ifyoudon'tdoit,yourisktriggeringthecallback......
  • Vue.$nextTick的原理是什么-vue面试进阶
    原理性的东西就会文字较多,请耐下心来,细细品味Vue中DOM更新机制当你气势汹汹地使用Vue大展宏图的时候,突然发现,咦,我明明对这个数据进行更改了,但是当我获取它的时候怎么是上......