기본적인 커스텀 마이즈 하기


커스텀 마이즈 하기

  • 지난 시간까지 JekyllGithubPage 를 이용해 블로그 만들기 까지 진행했습니다. 하지만 현재로 blog를 포스팅 하기에는 부족한 부분이 많습니다. 이런 부분들을 보완하기 위해서 이번 포스팅 부터는 블로그를 커스텀 마이즈하고 기능들을 추가해 보도록 하겠습니다. 해당 포스팅은 “minimal-mistakes-master” 테마 기준이며, 테마에 따라서 설정하는 방법이 다를 수도 있습니다.

1. 언어 선택

  • 블로그를 시작하기 앞서 먼저 언어 설정을 해줘야 된다. “minimal-mistakes-master” 의 경우 많은 언어를 지원하기 때문에 당연히 한국어도 지원한다. _data/ui-text.yml 파일에 각종 언어 설정 목록이 있어 참고하면 되고, _config.yml 에서 locale을 ko로 변경 하면 기본적인 텍스트 한글로 변환된다.


참고 : https://mmistakes.github.io/minimal-mistakes/docs/ui-text/

2. 불필요한 파일 *

  • 처음에 “minimal-mistakes-master” 테마를 설치하게 되면 기본적으로 설정된 파일이나, 불필요한 파일까지 따라온다. 이 파일들은 추후 블로그를 커스텀 마이즈할때 필요없는 파일이기 떄문에 삭제하기 하겠다. 다만 minimal-mistakes-jekyll.gemspec 파일은 삭제하면 로컬에서 테스트를 할 수 없으니 로컬에서 테스트를 하실 분들은 해당 파일 삭제를 하면 안된다.

image-center

3. 테마 선택

  • 여기 말하는 테마는 Jekyll 테마가 아니라, 자체 테마를 말한다. 현재 “minimal-mistakes-master” 은 “air”, “aqua”, “contrast”, “dark”, “dirt”, “neon”, “mint”, “plum” “sunrise”이 있으며, 각 화면 은 아래와 같다.


air image-center


aqua image-center


contrast image-center


dark image-center


dirt image-center


neon image-center


mint image-center


plum image-center


sunrise image-center

4. 사이트 제목 및 URL 설정

_config.yml에서 아래 참고하여 설정

  • tiutle : “블로그 이름”
  • Subtitle : “서브 타이틀”
  • Name : “왼쪽 profile에 기재되는 이름.”
  • Description : “사이트 설명”
  • Url : “사이트주소(githubpage)”
  • Repository : “git repository 주소”
  • 시간대 : timezone: Asia/Seoul
    ->”jekyll 4.2.0 | Error: tzinfo” 에러 발생 시 Gemfile 에 “gem ‘tzinfo-data’, platforms: [:mingw, :mswin, :x64_mingw]” 추가.

5. Category, tags 세팅

  • 포스팅을 올릴때 태그 혹은 카테고리를 사용하면 관련 포스팅을 모아서 볼 수 있다. “minimal-mistakes-master” 의 경우 헤더에 아래의 사진과 같이 추가하면 간단하게 설정 가능하다.


설정 image-center


tags image-center


category image-center

댓글남기기