hexo favicon(파비콘) 사용법

파비콘이란?


파비콘이란 웹페이지를 대표하는 아이콘입니다. 주소탭에 보면 위와 사진과 같이 빨간 네모 안에 호박이미지가 파비콘이라 할 수 있습니다.

파비콘 설정 방법


위 사진에 보이는 경로와 같이 blog/themes/hueman/source/css/images/favicon.ico와 같은 동일한 경로로 설정할 favicon이미지를 넣습니다. 이 블로그는 hueman을 기반으로 만들어져있기 때문에 themes뒤 경로가 hueman입니다. 각 사용자마다 테마가 다르기때문에 테마에 맞게 경로를 설정 바랍니다.

blog/themes/hueman/_config.yml경로에 있는 _config.yml파일에 customize부분의 favicon경로를 css/images/favicon.ico로 설정합니다.

파비콘 초기화 방법

파비콘이 초기화 되지 않는다면 파비콘이 적용되지 않을 수 있습니다. 따라서 ~/Library/Application Support/Google/Chrome/Default/경로에 있는 favicon파일을 모두 삭제 후 리로딩해보시기 바랍니다. 파인더를 여시고 commend + shift + g를 누른 후 위 경로를 복사 붙여넣기 한다면 바로 접근 가능합니다.

공유하기