css 变量和 jekyll 在 github 页面上发布站点的问题

如何解决css 变量和 jekyll 在 github 页面上发布站点的问题

我在使用 GitHub 页面、SASS、CSS 和 Jekyll 时遇到问题。我使用 --[variable name]: variable value 为颜色和文件声明了一些 CSS 变量，例如：

--logo_light: url("../img/logo-desktop.svg") no-repeat;
--crearGifo_light: url("../img/button-crear-gifo.svg") no-repeat;
--crearGifoHover_light: url("../img/CTA-crear-gifo-hover.svg") no-repeat;

问题是当我尝试使用 Github 页面发布站点时，GitHub 给了我以下错误：

 Your site is having problems building: Your SCSS file styles/styles.scss has an error on line 26: Invalid CSS after " --logo_light: ": expected "}",was "url("../img/log...". For more information,see https://docs.github.com/github/working-with-github-pages/troubleshooting-jekyll-build-errors-for-github-pages-sites#invalid-sass-or-scss.

我检查了文档，但找不到解决方案，我尝试将 {{ variable value }} 添加到变量的值中，就像文档中所说的那样，但没有用，任何帮助将不胜感激。谢谢！

回购： https://github.com/nicolaszuleta95/Proyecto2_Acamica_GIFOS

解决方法

我认为问题在于 sass 文件中的相对路径。尝试将 ../ 更改为 /。我的意思是从 root 开始并使用适当的路径，看看它是否有效。