[How To] Jekyll Blog에 favicon 적용하기

• favicon

  favicon은 자신의 blog를 보여주는 많은 요소들 중 하나이다. favicon을 설정 하지 않았을 경우

  이런 아주아주 꼴보기도 싫은 favicon이 보인다 !!!

  다음 과정을 통해 개성있는 favicon을 설정해보자

• favicon 설정

  이 blog는 minimal mistaeks 스킨을 사용중이기 때문에 이 스킨 기준으로 설명을 하겠다.

  _includes/ head/ custom.html 파일을 통해 설정을 할 수 있다. 이 파일을 열어 보면 favicon을 설정 할 경우

  https://realfavicongenerator.net 이 곳을 이용하라고 한다 !

  

  Select your Favicon Image를 클릭하고 들어가자

  
  

  

  미리 적용 된 결과도 보여주고 여러가지 셋팅을 할 수 있다. 자신이 원하는 셋팅을 마친 후 다음페이지로 넘어가자

  
  

  

  1번을 통해 zip 파일을 다운 받고 본인의 blog 최상위 폴더에 압축해제를 해주면 된다

  그리고 3번에 있는 code를 복사해두자 ! 앞서 말한 custom.html 파일에 넣어 줄 것이다.

  커밋을 통해 수정사항을 볼 수 있다.

  위 과정을 따라왔다면 본인의 blog에 설정되어있는 favicon을 볼 수 있을 것 이다 !