极客笔记CSS 在 Jekyll Minima 中的添加方法，而不是完全覆盖它
在本文中，我们将介绍如何使用CSS向Jekyll Minima主题中添加样式，而不是完全覆盖它。Jekyll Minima是一个流行的博客主题，但有时候我们希望对其中的一些样式进行修改，而不是完全改变整个主题。
阅读更多：CSS 教程
1. 修改主题样式
要添加自定义的CSS样式，我们首先需要找到Minima主题的样式文件。在Jekyll中，通常会有一个_assets文件夹，其中包含CSS文件。我们可以通过检查Minima的源代码或在本地Jekyll项目中进行搜索找到相应的文件路径。
打开Minima的主题样式文件，例如_assets/css/style.scss，我们可以在其中找到所有的CSS样式。如果我们想要修改一些样式，可以按照以下步骤进行：
- 找到需要修改的样式块或选择器。
- 复制它到我们的自定义CSS文件中。
- 修改所需的样式属性。
- 将我们的自定义CSS文件链接到页面中。
需要注意的是，我们只需要复制和修改我们想要修改的样式。
例如，假设我们想要更改Minima主题中文章标题的颜色。我们可以在主题样式文件中找到相应的样式块：
h1, h2, h3, h4, h5, h6 {
color: $headline-color;
}
然后，我们可以将这个样式块复制到我们的自定义CSS文件中，并修改颜色属性：
h1, h2, h3, h4, h5, h6 {
color: #FF0000; /* 设置为红色 */
}
最后，我们需要将我们的自定义CSS文件链接到我们的Jekyll项目中的布局文件中。
2. 添加额外的样式文件
除了修改主题样式外，我们还可以通过添加额外的CSS样式文件来扩展Minima主题。这对于添加一些自定义效果或外部库的样式非常有用。
首先，创建一个新的CSS文件，例如custom.css。然后，在项目中的一个合适的位置，创建一个指向这个文件的链接。这可以是在HTML布局文件的<head>标签中添加一个<link>标签，或者在Sass的主样式文件中导入这个新文件。
例如，在HTML布局文件的<head>标签中添加以下代码：
<link rel="stylesheet" href="/path/to/custom.css">
或者，我们也可以在Sass的主样式文件中导入我们的新文件：
@import '/path/to/custom.scss';
这样，我们就可以在custom.css文件中添加任何我们想要的自定义样式了。
3. 使用内联样式
如果我们只需要对某个特定的元素应用样式，并且不希望通过修改主题样式文件或添加额外的样式文件来实现，那么我们可以使用内联样式。
在HTML文件中的具体元素上添加style属性，并将样式规则作为属性值即可。
例如，我们可以对一个段落元素应用内联样式来改变其文本颜色：
<p style="color: green;">这是一段文本。</p>
内联样式是一种快速且简单的方式来添加或覆盖特定元素的样式。
总结
在本文中，我们介绍了如何通过修改主题样式、添加额外的样式文件或使用内联样式来向Jekyll Minima主题中添加CSS样式，而不是完全覆盖它。这些方法使我们能够根据需要自定义主题样式，并保持对Minima主题的基本结构和样式的完整性。无论我们是想调整特定元素的样式，还是添加自定义的样式效果，上述方法都可以帮助我们实现。