html - Jekyll 自定义默认主题

标签 html jekyll github-pages

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

我尝试更改/_site/assets 文件夹中的 CSS 文件,但即使它确实更改了文件并且 webiste 看起来与 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    

最佳答案

您在删除的答案中说您正在使用 Minima 主题作为 gem 。

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

请参阅 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 目录中的任何内容,因为每次构建页面时该目录都会被删除并重新创建!
任何模板更改都必须在主目录中进行。

关于html - Jekyll 自定义默认主题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48978332/

相关文章:

google-analytics - 带有Jekyll和Skinny Bones的Google Analytics(分析)

image - 为什么在 jekyll 网站上添加图像的 Markdown 语法不起作用?

html - 仅单个 HTML div 标记中的断开链接;其他链接有效

javascript - 如何使用 javascript 在页面加载时设置值?

javascript - flexbox list column-reverse 并从顶部开始

javascript - 使每条 Canvas 线都可拖放

Angular 6 - 在 ngx-sortable 控件中放置一个动态表单

jekyll - 我如何告诉 Jekyll/Maruku 哪个帖子有 Markdown 语法错误?

github-pages - 个人网站的 GitHub 页面。如何部署文件夹

javascript - docs 文件夹中的 GitHub Pages 引用 docs 文件夹外部的文件