yyyying的blog

好好学习 天天向上

0%

next主题使用(3)

针对next主体使用进阶,修复hexo next老版本(7.8.0,现最新版本更新为8.0+,在考虑更新next版本中)。添加隐藏文章功能,同时更改置顶方案,用来记日记(正经人谁写日记啊?)。

参考文章: 中文目录失效解决 置顶及隐藏文章方法

hexo中文菜单跳转修复

按照Github中的提示进行修复,以下为复制内容,更改文件为source/js/utils.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
    const navItems = document.querySelectorAll('.post-toc li');
const sections = [...navItems].map(element => {
var link = element.querySelector('a.nav-link');
var target = document.getElementById(decodeURI(link.getAttribute('href')).replace('#', ''));
// TOC item animation navigate.
link.addEventListener('click', event => {
event.preventDefault();
var target = document.getElementById(event.currentTarget.getAttribute('href').replace('#', ''));
var offset = target.getBoundingClientRect().top + window.scrollY;
window.anime({
targets : document.scrollingElement,
@@ -247,7 +247,7 @@ NexT.utils = {
scrollTop: offset + 10
});
});
return document.getElementById(link.getAttribute('href').replace('#', ''));
return target;
});

var tocElement = document.querySelector('.post-toc-wrap');

置顶方案更新,及隐藏博文方法

说明: 可能由于版本问题,隐藏分类功能无法实现

本博客使用 hexo-generator-indexed 设置

安装

npm install hexo-generator-indexed

使用

设置hide字段,隐藏博文

1
2
3
4
---
title: example
hide: true
---

设置sticky字段设置置顶

1
2
3
4
---
title: example
sticky: 100
---