Jekyll Minima主题自定义CSS样式指南

Jekyll Minima作为一款简洁高效的Jekyll主题，深受开发者喜爱。但在实际使用过程中，许多用户会遇到如何添加自定义CSS样式的问题。本文将详细介绍在Minima主题中添加自定义CSS的正确方法。

版本选择的重要性

首先需要明确的是，GitHub Pages默认使用的是Minima主题的稳定版本，而非master分支的最新代码。master分支往往包含尚未发布的开发中功能，直接参照其文档可能导致配置不生效。

添加自定义CSS的正确方式

要为Minima主题添加全新的CSS样式（非覆盖现有样式），可以通过以下步骤实现：

1. 在项目根目录创建_sass文件夹（如果不存在）
2. 在该文件夹下创建自定义的SCSS文件，如custom.scss
3. 在该文件中编写你的自定义样式规则

配置主题引用自定义样式

在项目的_config.yml配置文件中，确保有以下配置：

sass:
  sass_dir: _sass

这样Jekyll在编译时就会自动包含你定义的自定义样式。

注意事项

• 自定义样式文件应使用.scss扩展名
• 文件应放置在正确的目录结构中
• 避免直接修改主题核心文件，以便后续升级
• 对于GitHub Pages项目，应参考对应版本的文档而非master分支

通过以上方法，你可以轻松地为Minima主题扩展自定义样式，而不会影响主题的原有功能和样式。这种方法也便于维护和主题升级，是Jekyll项目样式定制的推荐做法。