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

最新推荐文章于 2024-08-20 08:54:38 发布
最新推荐文章于 2024-08-20 08:54:38 发布
阅读量1.9w 收藏 3
点赞数 2
分类专栏： Hexo 文章标签： hexo next
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_29951485/article/details/88666917
版权

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

Hermione Granger
关注
专栏目录
hexo next 主题字体图标失效（丢失）
曹先森的博客
01-08 3632
hexo next 字体图标都不显示了， 报错如下： localhost/:1 Refused to apply style from 'http://localhost:4000/lib/font-awesome/css/font-awesome.min.css?v=4.6.2' because its MIME type ('text/html') is not a supported st...
关于Hexo博客NEXT主题(Gmini)站点图标不显示，显示错误的解决办法。
ABCDEFGYHQ的博客
05-06 848
title: 关于Hexo博客NEXT主题(Gmini)站点图标不显示，显示错误的解决办法 comments: true date: 2020-05-05 20:30:00 关于Hexo博客NEXT主题(Gmini)站点图标不显示，显示错误的解决办法   最近闲着没事自己利用Hexo和Github搭了个博客，但是在NEXT(Gmini)主题优化时，出了很多错误，图标不显示或者显示错误就是其中一个，现在为其写个博客记录解决办法，同时希望帮到屏幕前的你，也希望提醒自己犯过的错别再犯了，插个眼。 图标显示问号  
hexo-theme-Cxo: 一款精致的Hexo博客主题
最新发布
gitblog_01100的博客
08-20 289
hexo-theme-Cxo: 一款精致的Hexo博客主题 hexo-theme-CxoA cool ，simple & beautiful theme for Hexo. :mushroom:项目地址:https://gitcode.com/gh_mirrors/he/hexo-theme-Cxo 项目介绍 hexo-theme-Cxo 是一个专为 Hexo 博客平台设计的主题，由开发者 L...
关于Hexo博客NEXT主题(Gmini)站点图标不显示，显示错误的解决办法
ABCDEFGYHQ的博客
05-06 488
详情看这：链接
hexo+next主题侧边栏社交小图标设置的问题
lijieling123的博客
05-07 952
按照教程配置社交链接和图标的时候，发现图标没显示 一开始以为是要去https://fontawesome.com/icons?d=gallery&p=2这个图标网站把图标下载下来放在对应的img目录下，发现没起作用 然后根据教程把|| 后面的名称也写成图标对应的名称，也没作用 最后发现fa或者fab这些原本的前缀不能删除，只改后面对应的名称就行 ...
Hexo 搭建个人博客（八）NexT 侧边栏配置
wylu
11-27 9253
目标 本文将介绍一些关于 NexT 侧边栏的配置。 环境及版本声明 本文基于以下环境及版本： hexo: 3.8.0 hexo-cli: 1.1.0 NexT: 7.1.0 OS: Ubuntu 18.04 LTS x86_64 设置侧边栏 sidebar: # 侧边栏位置, 可选值: left | right (仅适用于 Pisces | Gemini). position: left...
hexo-theme-next-master_NeXT_hexo-theme-next_hexo_huntk8a_theme-n
10-04
描述中提到“hexo博客搭建，next主题配置，配合github搭建博客，使用hexo d进行github推送更新”，这表明这个压缩包可能包含Hexo的Next主题源码，用于帮助用户快速配置和部署他们的个人博客到GitHub上。下面将详细...
Hexo之hexo-theme-redefine-main博客主题
04-01
Hexo是一款基于Node.js的静态博客框架，它以其简洁、高效和可高度定制化的特点深受开发者喜爱。在众多的Hexo主题中，“hexo-...在使用过程中，配合Hexo的文档和社区支持，可以解决遇到的任何问题，确保博客的顺利运行。
hexo-theme-next-5.1.4
04-13
总之，Hexo结合Next主题提供了一种高效、美观的个人博客搭建方案。无论是新手还是有经验的开发者，都能通过简单的步骤创建出具有专业水准的博客。通过持续学习和实践，我们可以充分利用Hexo和Next的强大功能，打造出...
hexo-theme-volantis:Hexo的精彩主题https
04-28
入门 检查您的环境： Hexo : 4.2 ~ 5.x ... 将您的博客添加到示例页面： : 反馈 对开发人员的反馈： : 与其他用户讨论： https : //github.com/volantis-x/hexo-theme-volantis/discussions/ 截屏
hexo-theme-yilia-plus：一个简洁优雅的hexo主题
02-04
此项目是根据主题做了一些优化和放置，写这个项目的初衷就是深入学习Hexo 。使用yilia主题可以快速迁移到yilia-plus 欢迎使用和Star支持，如使用过程中碰到问题，可以提出问题，我会尽力完善 同时也欢迎相同爱好者...
hexo的landfarz主题侧栏靠左
微电子学与固体电子学-俞驰
06-13 529
/themes/landfarz/layout/文件夹中的 layout.ejs修改一下， 最终结果如下： <%- partial('_partial/head') %> <body> <header id="header" class="inner"><%- partial('_partial/header') %></h...
next主题自定义侧边栏链接图标（新方法）
lhh2333的博客
09-19 494
试了网上很多自定义侧边栏链接图标方法，都不行，最终用这个方法完美解决
Hexo+next的侧边栏背景与字体颜色设置方法
Huffie博客
08-17 3362
由于next主题经过了几次更新，查阅了许多资料都说要修改custom.styl这个配置文件，但是我的主题内没有此文件，经过翻阅大量的资料，终于找到了侧边栏的配置文件位置。
Hexo,next侧边栏
qq_44304221的博客
07-21 1301
Hexo,next主题侧边栏自动展开 最近在弄next时遇到了个问题，点进博客以后侧边栏会自己被打开，看了看主题配置文件，里面有这样一段话，把display改成hide即可。 ...
Hexo + Next 主题实现全局播放背景音乐
Luis
04-09 5133
欢迎访问我的博客：https://iluis.cn/ 第一种方式：使用网易云音乐插件 此种方式特点： 十分方便快捷 有版权保护的歌无法播放 1. 生成网易云歌单插件 为什么要创建歌单外链而不是创建歌曲外链：以后添加或者删除歌曲不用修改代码，直接在网易云歌单中操作即可。 步骤一：创建歌单并添加自己喜爱的歌曲 小贴士：若我们的歌单中添加了受网易云版权保护的歌，在博客中我们的歌单就GG了，要避...
bootstrap-sidebar，后台边栏折叠功能
dianfan0079的博客
09-12 3425
http://www.solutiisoft.com/bootstrap-sidebar/index.php 转载于:https://www.cnblogs.com/dyg540/p/4803357.html
sideBar控件的使用方法
weixin_34080571的博客
03-19 1817
最近私下帮朋友做了个类似QQ一样的聊天工具,(只是类似,功能少了N多),其中那个分组面板就是了sideBar这个控件,但查了好久,网上都没有详细的介绍,在这里简单介绍一下吧! 下载方法:到百度或google上面用sideBar.dll搜一下就可以下载了 第一步就是在工具箱里面把这个控件添加进来，工具箱上添加一个选项卡，点击右键，添加项，再选到刚才下载到的DLL文件。 下面介绍一下这个控件的属...
hexo静态博客修改侧边栏
小宇的博客
11-20 7877
hexo主题默认的侧边栏只有首页、归档、标签这几项。调研了几个比较优秀的博客之后发现，还需要添加关于、搜索、阅读、旅行等等几个侧边栏项目，那么如何在博客里面添加新的侧边栏项目呢？ 原文：小宇的博客添加关于、留言项目关于、留言这两个项目实际上是利用了hexo的page页面功能。Step1 新建关于页面hexo new page about INFO Created: ~/blog/source/ab
npm install hexo-renderer-pug hexo-renderer-stylus --save
02-23
npm install hexo-renderer-pug hexo-renderer-stylus --save 是一个命令，用于安装 Hexo 博客框架所需的两个插件：hexo-renderer-pug 和 hexo-renderer-stylus。这两个插件分别用于渲染 Pug（以前称为 Jade）和 Stylus 文件。 hexo-renderer-pug 是一个 Hexo 渲染器插件，用于将 Pug 文件转换为 HTML。Pug 是一种高性能的模板引擎，它使用简洁的语法来生成 HTML。 hexo-renderer-stylus 是另一个 Hexo 渲染器插件，用于将 Stylus 文件转换为 CSS。Stylus 是一种动态样式表语言，它具有简洁的语法和强大的功能，可以提高样式表的编写效率。 通过执行 npm install hexo-renderer-pug hexo-renderer-stylus --save 命令，你可以将这两个插件安装到你的 Hexo 项目中，并将它们添加到项目的 package.json 文件中的 dependencies 部分。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Hermione Granger

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值