무엇을 모르는지 정확하게 파악하고, 필요한 질문을 던지는 사람이 되겠습니다

[Daily Post]는 매일매일 탐구한 내용을 간략하게 기록하는 포스트입니다.
따라서 정리되지 않은 내용과 추측을 포함하고 있을 수 있습니다.
더 체계적인 형식을 갖춘 글은 해당 카테고리의 포스트를 확인해주세요 :)

블로그 리모델링

  1. 기존의 minimal-mistake를 잘 사용하다가, 작동 구조를 이해하지 못하고 사용하는 것이 영 찜찜해서 리모델링을 단행했다. Dang Hyeona님의 포스팅이 내가 수정하려는 내용들을 잘 담고 있어서 이를 참조했다.
  2. minimal-mistake를 로컬에 다운받고, 기존의 로컬 github.io의 파일을 모두 삭제했다.
  3. 로컬 github.io 디렉토리에 minimal-mistake의 파일들을 그대로 복사해서 붙여넣고, 다음과 같은 파일들을 삭제했다
    • CHANGELOG.md
    • README.md
    • screenshot-layouts.png
    • screenshot.png
  4. _config.yml을 취향에 맞게 수정했다.

  5. [github.io root direcotry]-[_sass]-[_minimal-mistakes]-_variable.scss에서 본문 너비를 다음과 같이 수정했다.

    $right-sidebar-width-narrow: 100px !default; // default 200px
$right-sidebar-width: 150px !default; // default 300px
$right-sidebar-width-wide: 200px !default; // default 400px

  6. [github.io root direcotry]-[_sass]-[_minimal-mistakes]-_reset.scss에서 font 사이즈를 다음과 같이 수정했다.

    html {
/* apply a natural box layout model to all elements */
box-sizing: border-box;
background-color: $background-color;
font-size: 16px;

@include breakpoint($medium) {
    font-size: 16px;
}

@include breakpoint($large) {
    font-size: 16px;
}

@include breakpoint($x-large) {
    font-size: 16px;
}

...

}

  7. [github.io root direcotry]-[_sass]-[_minimal-mistakes]-_base.scss에서 font 사이즈를 다음과 같이 수정했다.

    a {
  text-decoration: none; //hyperlink option: none

  &:focus {
    @extend %tab-focus;
  }

  &:visited {
    color: $link-color-visited;
  }

  &:hover {
    color: $link-color-hover;
    outline: 0;
  }
}

Ruby, Jekyll, Minimal Mistake

블로그 테마는 minimal-mistake를 다시 사용하기로 했고, 해당 테마가 Jekyll based라는 점, 그리고 jekyll은 ruby based site generator라는 점을 감안하여 Ruby, Jekyll, Minimal Mistake에 대해 찬찬히 살펴볼 계획이다. 살펴본 내용은 다른 포스트에서 다룰 계획이다.

Remodeling To-do List

  • 포스트 목록의 last modified 삭제
    • [root]-[_includes]-pagemeta.html에서 span.pagemeta-readtime을 주석 처리
  • 포스트 하단 updated 삭제
    • [root]-[_includes]-page__date.html의 모든 내용을 주석 처리
  • 포스트 하단 share on 삭제
    • [root]-[_includes]-social-share.html의 모든 내용을 삭제
  • 포스트 하단 you may also enjoy 삭제
    • [root]-[_layouts]-single.html에서 “you may also enjoy”에 걸리는 주석 처리
  • 페이지 하단 FEED 삭제
    • [root]-[_includes]-footer.html에서 site.atom_feed.hide 에 걸리는 부분 삭제
  • 카테고리 생성 (CS, PS, DEV)
  • favicon
  • profile picture

You may also enjoy