Hexo目录无法跳转解决方案

Hexo目录生成有问题,于是安装了Hexo-toc插件npm install hexo-toc --save。目录生成问题解决了,但是目录无法跳转

解决方法:

进入项目根目录的 node_modules\hexo-toc\lib\filter.js 中,把 28 行~31 行修改为:

1
2
3
4
$title.attr('id', id);
// $title.children('a').remove();
// $title.html( '<span id="' + id + '">' + $title.html() + '</span>' );
// $title.removeAttr('id');

解决方案来自:hexo文章目录点击不跳转,html没有生成href
ps:相当于把第28行取消注释,把29~31行注释掉禁用

自动部署修改方案1


如果采用了Github Actions自动部署,在工作流文件中 - name: Build Blog编译静态博客之前插入以下代码。因为工作流每次运行会重新安装hexo-toc,需要额外修改插件代码。

1
2
3
4
5
-run: |
# 取消第28行的注释
sed -i '28s/^\/\/\(.*\)$/\1/' node_modules/hexo-toc/lib/filter.js
# 注释掉第29~31行
sed -i '29,31s/^\([^#]\)/\/\/\1/' node_modules/hexo-toc/lib/filter.js

自动部署修改方案2

本地修改插件后,修改 ‘’.gitignore’ 添加以下行,以排除其他 node_modules 文件夹中的内容,但保留 hexo-toc:

1
2
node_modules/*
!node_modules/hexo-toc
这是我自己搭建的blog网站,用来记录和分享我自己研究的健身造型知识,类似于一个知识库。可以把这个网站分享给你身边的健身爱好者,转载或节选引,用务必注明为“李瑶的原创”,您的支持和尊重是我更新的动力!
理型健