HexoNext主题部署GitHubPages时样式不生效的问题及解决方案

问题现象

当您使用Hexo配合Next主题构建个人博客，并将其部署到GitHub Pages时，可能会遇到一个常见的问题：原本在本地测试环境中正常显示的图片和背景动画，在线上的GitHub Pages页面上无法正确加载或显示。

原因分析

这种现象通常是因为GitHub Pages对资源路径的处理方式与本地服务器不同所导致的。特别是对于一些静态资源如图片、CSS文件等，如果它们的路径设置不当，则可能导致这些资源在线上环境中无法被正确访问。

解决方案

调整资源路径配置

为了解决上述问题，您可以按照以下步骤操作：

1. 进入Hexo项目的/themes/next/source/目录，找到并重命名lib文件夹，例如将其命名为custom_lib。


2. 编辑/themes/next/_config.yml文件，找到# Script Vendors.部分，将其中的_internal: lib改为_internal: custom_lib。


3. 保存更改后，在命令行工具中依次执行以下命令以清除缓存、重新生成站点并推送更新：
   hexo clean
hexo generate
hexo deploy

完成以上步骤后，访问您的GitHub Pages站点，清除浏览器缓存并刷新页面，此时应该可以看到所有的图片和背景动画都已正常加载。