[Blog] 깃헙 블로그 파비콘 등록하기

어떤 이미지를 파비콘으로 등록할까 고민하다가 이모지를 활용하기로 했다.
다양한 스타일의 이모지를 모두 찾을 수 있는 emojipedia 에서 원하는 이모지 파일을 받아왔다.

1. 이미지를 파비콘으로 변환하기

favicon-generator 사이트에 파일을 업로드하고 파비콘을 생성한다.

파일을 올리고 create favicon 버튼을 누르면 된다

생성된 파일은 다운받고, 아래 코드는 복사해둔다

2. 파비콘 파일 업로드하기

다운받은 파일은 압축을 해제하고, 폴더 이름을 ‘favicon.ico’로 바꿔둔다.

블로그 repo의 assets 안에 폴더째 드래그앤드랍해서 업로드한다.

3. 파비콘 경로 설정하기

_includes > head > custom.html 로 가서 복사해둔 파비콘 코드를 추가하고 경로를 설정해준다.

복사해둔 파비콘 코드를 복붙했다.

각 줄의 href 속성에 파일의 경로 정보를 추가해준다.

{{site.baseurl}}/assets/favicon.ico/~~

이미지와 같이 경로를 설정한다.

4. 몇분 후 등록된 파비콘을 확인한다!

짠! 등록 완료!

참 쉽죠?