【教程】hexo 更换主题后，部署在 Github Page 无 CSS 样式

作者：System 时间：2024年08月07日分类：所有,css 字数：677

报错问题解释：

当你更换了 Hexo 主题后，部署到 Github Page 但没有 CSS 样式显示，很可能是因为缺少了必要的样式文件或者资源文件没有正确加载。

解决方法：

确认是否正确安装了主题依赖：
进入 Hexo 项目目录，运行 npm install 确保所有依赖都已正确安装。
检查是否有正确的样式链接：
打开生成的 index.html 文件，查看 <head> 标签内是否有正确引用主题的 CSS 文件。
清理缓存：
运行 hexo clean 清理 Hexo 缓存文件。
重新生成并部署：
运行 hexo g 重新生成静态文件，然后 hexo d 重新部署到 Github Page。
检查 Github Page 设置：
确认你的 Github Page 设置中分支选择正确（应该是 gh-pages），以及是否有权限问题导致资源无法加载。
检查是否有错误信息：
查看浏览器控制台（Console），查找加载资源时可能出现的 404 或者其他错误信息，根据错误信息进行相应的修复。
查看主题配置文件：
检查主题的 _config.yml 文件，确认是否有配置项需要修改以指向正确的资源路径。

如果以上步骤都无法解决问题，可以查看 Hexo 官方文档或相关主题的文档，查找是否有特定主题的部署要求，或者在相关社区寻求帮助。