깃허브(github) 블로그 파비콘(favicon) 설정

깃허브(github) 블로그 파비콘(favicon) 설정

2019, Dec 28    

favicon-sample

이것이 파비콘(favicon)이다.
깃허브 블로그를 제작할 때, 파비콘이 없거나 jekyll 테마상의 임의 파비콘이 사용되고 있어 교체하는 것을 추천한다.
파비콘은 형식이 고정되어 있어 기존에 만들어진 것을 사용하거나 새로 만들어야 한다.


나는 나만의 파비콘을 만들고 싶었기에 간단하게 그림판으로 파비콘을 제작해봤다.
a

파비콘 제작 사이트-https://realfavicongenerator.net/ 에 들어가서

t

Select your Favicon image -> 원하는 이미지 선택 -> continue with this picture

쭉 내려가서

s

Generate your Favicons and HTML code를 클릭한다.

d

Favicon package를 눌러 압축파일을 받고 기존의 파비콘이 있던 폴더 위치 ex)assets/img/favicon 를 찾아 파일을 교체한다.

HTML 코드를 복사하여 워드패드에 붙여놓는다.

k

이 코드는 아직 파비콘의 경로를 적어놓지 않은 상태다.

기존의 코드가 적혀진 위치 ex)_includes/head.html 를 찾아

k

href= 이후에 적혀진 경로를 붙여 넣는다.

k

그리고나서 코드를 교체한다.

k

커밋하여 작업을 종료한다.


k

잘 적용됐다.