【问题标题】:Modifying Jekyll Stylesheets SCSS / CSS修改 Jekyll 样式表 SCSS / CSS
【发布时间】:2014-06-12 03:10:28
【问题描述】:

Jekyll 的新手,决定从托管在 GitHub Pages 上的 Balzac 主题开始:

https://github.com/ColeTownsend/Balzac-for-Jekyll

成功地对其进行了修改以满足我的大部分需求,但是我从未使用过 sass/scss 文件,而且我根本不知道如何更改诸如块引用样式之类的基本内容。我试过:直接在scss中修改;直接在css中修改;在 scss 中修改,然后通过终端输出到 css;删除所有scss文件并手动修改css;删除所有css文件并修改scss。

我还尝试将所有 SCSS 文件移动到顶级文件夹 (_sass) 中,然后在我的配置文件中指向该文件夹,但我似乎没有做任何更改。

如您所见,我在这里抓住了稻草。希望这可能是我刚刚错过的一件 n00b 事情。这是我的网站:

https://github.com/craigeley/craigeley.github.io

非常感谢任何帮助!

【问题讨论】:

  • 发现添加标头是可行的,但我还发现在 GitHub 中使用 scss 文件有几种不同的方法。一种方法是将它们放在顶级文件夹中并添加 YAML 标头,如下所述。另一种方法是简单地自己在本地编译它们,然后在任何你喜欢的地方输出和存储它们。我的实际问题是我在本地工作,但是当我为该站点提供服务时,它仍在从 GitHub 中提取 css。必须注释掉配置文件中的基本 URL 行,以便它提取我的更改。只是想将此更新添加给其他人作为参考。
  • 我以前自己编译它们,直到我发现 Jekyll 可以为我做这些。也就是IMO,最方便的处理方式。我在本地拥有所有文件(并因此对其进行了设置,我可以简单地加载一个文件,然后只需单击其他文件之一,即我只使用相对寻址来访问我的所有文件 - URL 完全没有问题),所以我从来没有遇到过你的问题。

标签: css jekyll


【解决方案1】:

我刚看了。您的 .scss 文件似乎不包含 YAML FrontMatter 标头。 Jekyll 只接触带有这种标题的文件,即使它只是一个空文件。

由于我假设您不需要在 SCSS 文件中指定任何 YAML,因此可以使用空标题(两行 --- 后跟一个空行):

---
---

body {
  etc...

由于 SCSS 语法本质上是 CSS 的超集,因此您可以像在 CSS 中一样指定块引用样式(或任何其他样式)。

【讨论】:

    猜你喜欢
    • 2021-08-13
    • 2016-05-08
    • 1970-01-01
    • 2020-12-12
    • 2019-08-23
    • 2015-12-19
    • 2021-07-23
    • 2016-04-02
    • 2020-02-09
    相关资源
    最近更新 更多