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

Question

我对 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

Answer 1

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