프론트엔드

[Github Pages/깃헙페이지] gh-pages 배포 시 favicon이 안 뜰 때 해결 방법

seomoon 2022. 1. 3. 20:48

gh-pages에 서비스를 배포했는데 favicon이 뜨지 않는 이슈가 있었다. 

 

우선 CRA로 만든 프로젝트라 프로젝트 루트 디렉토리에 index.html이 있고, index.html의 <head> 태그 안에 

<link rel="icon" href="/favicon.ico> 태그가 포함되어 있었다. 

그리고 favicon.ico 파일도 프로젝트 루트 디렉토리에 잘 올라가 있는데도 

favicon이 뜨질 않았다. 

강력한 새로고침(쿠키, 캐시를 지우면서 새로고침하는 것, cmd + shift + r)을 몇 번 해보면서 기다려도 

favicon이 안 떠서 검색해본 결과 다음의 방법들을 시도해보고 해결할 수 있었다. 

 

나는 1, 2, 3번 방법이 다 안 됐고 4번째 방법으로 해결했다. 

근데 해결하고 나서 생각해보니까 혹시 그냥 favicon 반영 되는데 시간이 좀 걸렸었던 거 아닐까 싶기도 하다.

어쨌든 잘 나와서 만족! 

 

1.

<link rel="icon" href="https://사이트주소/favicon.ico>

 

2.

 <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">

 

3.

 <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">

 

4.

 <link rel="shortcut icon" type="image/x-icon" href="favicon.ico?">

 

 

참고 : https://stackoverflow.com/questions/35037482/favicon-with-github-pages

 

Favicon with GitHub Pages

I'm hosting a few sites with GitHub Pages (User and Project Pages), but they are not displaying their favicons (in the browser). <link rel="shortcut icon" type="image/png" href="/favicon.png"&g...

stackoverflow.com