扬庆の博客

Hexo-站点设置首页摘要

字数统计: 626阅读时长: 2 min
2024/10/23 Share

theme-config

近日整理网站配置相关主题,遇到一些问题这里记录。

  • node-sass卸载换成 dart-sass
  • hexo 文章摘要配置

node-sass问题

在执行 npm uninstall node-sass 时也遇到与 node-sass 相关的错误,可以尝试以下解决方法:

1. 强制卸载 node-sass

使用 --force 选项强制卸载 node-sass,这可以跳过一些卸载过程中的依赖检查或错误处理。

执行命令:

1
npm uninstall node-sass --force

2. 手动删除 node_modules 目录

如果强制卸载仍然无法解决问题,可以手动删除项目中的 node_modules 文件夹,这是存放所有 npm 依赖的地方。删除该文件夹相当于清除所有安装的 npm 包。

执行命令:

1
rm -rf node_modules

3. 清理 npm 缓存

清理 npm 缓存可以避免由于缓存文件导致的依赖安装问题。

执行命令:

1
npm cache clean --force

4. 手动移除 package-lock.json

有时 package-lock.json 文件可能会导致 npm 使用错误的依赖版本。你可以删除该文件,然后重新安装依赖。

执行命令:

1
rm package-lock.json

5. 重新安装依赖

清理完 node_modulespackage-lock.json 之后,执行以下命令重新安装依赖:

1
npm install

6. 切换 npm 镜像源

如果 node-sass 的下载问题是由于网络原因导致的,可以切换到淘宝的 npm 镜像源来提升安装速度,减少 GitHub 访问问题的影响。

执行命令:

1
npm config set registry https://registry.npmmirror.com

执行完上述操作后,你应该能够成功卸载 node-sass 并切换到 dart-sass


Hexo 网站设置首页摘要

安装插件

1
$ npm install hexo-excerpt --save

配置文件 _config.yml底部添加:

1
2
3
4
5
6
7
8
excerpt:
depth: 3
excerpt_excludes: []
more_excludes: []
hideWholePostExcerpts: true


# depth: 摘要要显示的层数。

安装之后直接本地执行 hexo s 可在 localhost 看到效果。

尝试下来发现不太友好 …

卸载插件

1
$ npm uninstall -S hexo-excerpt

hexo-excerpt

depth指定的是3,就是取3层作为头部摘要,在大块的代码块出现的时候都会被显示在首页列表, 这样看就很丑不友好。

另一种方式,手动标签指定摘要。

  1. 在文章中适当位置插入 <!--more-->,该位置之前的部分即为摘要,会显示在首页中。

  2. 如果不使用<!--more>, 主题配置文件_config.yml可设置truncate_length: 150

设置配置文件和查看首页效果图 如此比较统一好看。

hexo-truncate

hexo-truncate-length-homelisht

CATALOG
  1. 1. node-sass问题
    1. 1.1. 1. 强制卸载 node-sass
    2. 1.2. 2. 手动删除 node_modules 目录
    3. 1.3. 3. 清理 npm 缓存
    4. 1.4. 4. 手动移除 package-lock.json
    5. 1.5. 5. 重新安装依赖
    6. 1.6. 6. 切换 npm 镜像源
  2. 2. Hexo 网站设置首页摘要