Jekyll水平导航栏问题

我正在试图在jekyll站点中制作一个水平导航栏。我不确定我使用的CSS是不正确的，还是与Jekyll没有正确编译。Jekyll水平导航栏问题

这是我目前的做法： - 让在_scss/_layout.css 变化 - 检查的变化是在有_site/main.css的（他们是） - 检查杰奇错误控制台服务（不看任何）

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

萨斯代码_sass/_layout.scss：

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/和帮助将不胜感激！

来源

2017-08-27 Erica Dohring

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

在_sass/_layout.scss有是使用未定义的变量属性：

header { 
    background: $header; 
    ... 
}

要修复它只是一个值分配给它使用变量之前，例如：

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

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

来源

2017-08-27 22:32:41 marcanuy

我修正了这一点，我的CSS变化仍然没有被反映出来。作为一个测试，我尝试在_layout中将h1中的font-weight设置为800.当我保存时，它反映在_site/main.css中（没有我直接编辑它），但是当我在浏览器中进行检查时，它仍然旧值（400）。 –

尝试清理缓存或等待片刻Github页面反映更改 – marcanuy

Jekyll水平导航栏问题

回答

相关问题