Question

我正试图在jekyll网站上制作水平导航栏。我不确定我使用的CSS是否不正确，或者它是否与Jekyll无法正确编译。

这是我目前的做法： - 在_scss / _layout.css中进行更改 - 检查_site / main.css中的更改（它们是） - 检查jekyll服务控制台中的错误（不要看任何）

当我查看生成的网站并点击检查时，我看不到正在应用的CSS更改。

_sass/_layout.scss中的Sass代码：

 ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
 }

 li {
 list-style-type: none;
 margin: 0;
 padding: 0;
 }

 h1 {
 text-align: center;
 font-weight: 200;
 }

 header {
 background: $header;
 padding: 0px 15px;
 text-align: center;
 margin: 50px 0 0;
 height: 50vh;
 display: flex;
 justify-content: center;
 align-items: center;
 }

我的网站的完整回购就在这里 - https://github.com/ericadohring/groupdayout/，非常感谢帮助！

Answer 1

Github页面不再显示更改，因为存在阻止Jekyll构建站点的错误。

在_sass/_layout.scss中，有一个属性正在使用未定义的变量：

header {
   background: $header;
   ...
}

要修复它，只需在使用变量之前为其赋值，例如：

$header: #f0ad4e;
header {
   background: $header;
   ...
}

现在，您将能够在您的网站上工作并查看Github页面中反映的更改。

Jekyll水平导航栏故障

1 个答案: