[Jekyll] minimal-mistakes skin 변경 방법

Minimal-Mistakes theme에서 skin 변경하는 방법

Jekyll에서 minimal-mistakes theme에서 skin 변경 하는 방법은 두 개의 파일만 수정해주면 됩니다.
하나는 _config.yml이고 다른 하나는 main.scss입니다.

_config.yml 수정

_config.yml의 minimal_mistakes_skin 값을 원하는 skin으로 수정해줍니다.
skin에 대한 자세한 정보는 https://mmistakes.github.io/minimal-mistakes/docs/configuration/에서 확인하실 수 있습니다.

저는 “air” skin으로 변경했습니다.

# Theme Settings
#
# Review documentation to determine if you should use `theme` or `remote_theme`
# https://mmistakes.github.io/minimal-mistakes/docs/quick-start-guide/#installing-the-theme

# theme                  : "minimal-mistakes-jekyll"
# remote_theme           : "mmistakes/minimal-mistakes"
minimal_mistakes_skin    : "air" # "air", "aqua", "contrast", "dark", "dirt", "neon", "mint", "plum", "sunrise"

main.scss 수정

assets/css/main.scss에서 skin 관련 import 부분을 수정해줘야 합니다.
기존에 있었던 import line을 지우고(혹시 모를 rollback을 위해 주석 처리), _config.yml file에서 셋팅한 minimal_mistakes_skin을 넣어줍니다.

---
# Only the main Sass file needs front matter (the dashes are enough) 
--- 

@charset "utf-8";

// @import "minimal-mistakes/skins/{{ site.minimal_mistakes_skin | default: 'default' }}"; // skin
@import "minimal-mistakes/skins/{{ site.minimal_mistakes_skin }}"; // skin

Reference

• Minimal Mistakes guide: https://mmistakes.github.io/minimal-mistakes/docs/configuration