[Jekyll] 웹페이지 탭 아이콘 favicon(파비콘) 설정하기

⭐️ favicon

정의

favicon은 웹페이지에 접속했을때, 상단 탭에 보여지는 아이콘을 일컫는다. 이 아이콘은 즐겨찾기에 웹페이지를 등록할때도 사용된다. 웹사이트를 대표하는 로고(logo)의 개념과 비슷하며, 사이트의 성격을 드러내기도 한다.

위와 같은 위치에 아이콘들을 한번쯤은 본 적 있을 것이다. 이 아이콘들을 favicon(파비콘)이라고 한다.

설정 방법

commit cc62fa를 참고

1. 자신이 원하는 이미지의 주소를 구한다.
   필자의 경우 https://i.imgur.com/Yd7LdMW.png를 사용한다.
2. _includes/head/custom.html 을 연다.
3. 형광팬으로 표시한 위치에 <link rel="shortcut icon" href="주소">를 삽입한다.
4. 바로 적용되지는 않고 저장하고 몇 분정도 경과되면 변경되어있다.

⭐️ Reference

• Jekyll blog - favicon 설정하기
• 파비콘(Favicon)의 모든 것