Fork me on GitHub

2017版 Hexo Next主题侧边栏 Sidebar 配置自动展开教程

背景

从搭建博客就想自动展开侧边栏, 结果网上找了很多方法都不生效, 今天找到一篇博客试着重新设置了下, 仍然无效, 但是找到了设置的思路, 于是自己找相关的文件进行设置, 在此分享。

说明

由于主题版本不同, 以下方法只是对应当前版本, 但是思路是一样的, 只是文件的路径和文件名称可能不同

Step 1 修改主题配置文件 display: always

路径:/hexo/themes/next/_config.yml

1
2
3
4
5
6
7
8
9
sidebar:
# Sidebar Position, available value: left | right
position: left
#position: right
#display: post
display: always
#display: hide
#display: remove

Step 2 修改 motion.js 文件

路径:/hexo/themes/next/source/js/src/motion.js

在文件末尾

1
2
3
4
5
6
sidebar: function (integrator) {
//if (CONFIG.sidebar.display === 'always') { //注释
NexT.utils.displaySidebar();
//} //注释
integrator.next();
}

Step 3 修改post-details.js

路径: /hexo/themes/next/source/js/src/post-details.js

在文件末尾

1
2
3
4
5
6
7
8
9
10
/*var $tocContent = $('.post-toc-content');
var isSidebarCouldDisplay = CONFIG.sidebar.display === 'post' ||
CONFIG.sidebar.display === 'always';
var hasTOC = $tocContent.length > 0 && $tocContent.html().trim().length > 0;
if (isSidebarCouldDisplay && hasTOC) {
CONFIG.motion ?
(NexT.motion.middleWares.sidebar = function () {
NexT.utils.displaySidebar();
}) : NexT.utils.displaySidebar();
}*/

将以上代码段落全部注释, 只用最后一句

1
NexT.utils.displaySidebar();
这是我使用的主题版本的设置方法, 希望对需要的人有帮助

本文标题:2017版 Hexo Next主题侧边栏 Sidebar 配置自动展开教程

文章作者:Leo

发布时间:2017年09月08日 - 11:09

最后更新:2017年10月21日 - 12:10

原始链接:http://www.leozzy.com/2017/09/08/hexo-sidebar-auto/

许可协议: 转载请保留原文链接及作者。

坚持原创技术分享,您的支持将鼓励我继续创作!
-------------本文结束 感谢您的阅读-------------