Jekyll Chirpy 테마 꾸미기

앞서 만든 Jekyll Chirpy 테마 블로그에 background 와 avatar를 설정해 본다.

이미지 넣기

background 와 avatar로 사용할 이미지를 /assets/img/ 경로에 넣어준다.

• background: /assets/img/bg.jpeg
• avatar: /assets/img/avatar.jpeg

background 설정

_sass/addon/commons.scss 파일의 #sidebar 영역에 background 설정을 넣어준다.

#sidebar { 
  background: var(--sidebar-bg);

  // 신규 추가 
  background: url('/assets/img/bg.jpeg');
  background-size: cover; 
  background-repeat: no-repeat;
  background-position: center;
}

avatar 설정

_config.xml 에 avatar 이미지 경로를 설정해 준다.

# the avatar on sidebar, support local or CORS resources
avatar: assets/img/avatar.jpeg