【问题标题】:Jekyll customizing default themeJekyll 自定义默认主题
【发布时间】:2018-02-25 20:52:02
【问题描述】:

我正在使用 Jekyll 构建我的第一个网站,我非常喜欢默认的 minima 主题。但是,我想更改有关主题的一些内容,例如背景颜色或类似的东西...我该怎么做?

我尝试更改 /_site/assets 文件夹中的 CSS 文件,但即使它确实更改了文件并且网站在 Jekyll 预览中看起来有所不同,但它不会永久更改它,因为我猜它不是在构建网站使用新的 CSS 文件。

我的目录结构是这样的:

├── 404.html
├── about.md
├── assets
│   └── js
│       └── main.js
├── _config.yml
├── Gemfile
├── Gemfile.lock
├── index.md
├── _posts
│   ├── 2018-02-25-animosity.md
│   ├── 2018-02-25-test.html
│   └── main.js
└── _site
    ├── 404.html
    ├── about
    │   └── index.html
    ├── assets
    │   ├── js
    │   │   └── main.js
    │   ├── main.css
    │   └── minima-social-icons.svg
    ├── feed.xml
    ├── index.html
    └── jekyll
        └── update
            └── 2018
                └── 02
                    └── 25
                        ├── animosity.html
                        └── test.html    

【问题讨论】:

  • 如果你从 Jekyll 开始,我强烈建议你不要使用默认主题。去掉它。 Jekyll 非常简单。太多的“魔法”,而 Jekyll 应该完全没有魔法:jekyllrb.com/philosophy#1-no-magic

标签: html jekyll github-pages


【解决方案1】:

您在已删除的答案中说您将 Minima 主题用作宝石。

在这种情况下,可以通过在文件夹结构的正确位置创建单个文件的修改副本来“覆盖”单个文件。

查看 Jekyll 文档:
Overriding theme defaults

例如,要覆盖main.css(显示在_site/assets/main.css 下的目录结构中,您需要在此处创建该文件的副本:

├── 404.html
├── about.md
├── assets
│   ├── js
│   │   └── main.js
│   └── main.css                 <-- HERE
├── _config.yml
├── Gemfile
├── Gemfile.lock
├── index.md
├── _posts
│   ├── 2018-02-25-animosity.md
│   ├── 2018-02-25-test.html
│   └── main.js
└── _site
    ├── ...                      <-- NOT HERE

注意:不要更改 _site 目录中的任何内容,因为每次构建页面时都会删除并重新创建它!
任何模板更改都必须在主目录中进行。

【讨论】:

  • 这就是我试图做的,但如果我这样做,似乎 gh-pages 会完全刹车,并且它不会给出任何我可以使用的错误:(
  • 我可以将这些覆盖文件保存在不同的子目录中,在这种情况下如何在 _config.yml 文件中指定路径?
猜你喜欢
  • 1970-01-01
  • 2020-12-20
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-05-20
  • 1970-01-01
  • 1970-01-01
  • 2018-05-16
相关资源
最近更新 更多