처음부터 웹사이트 구축 - 5부

머리말.



그래서 이제 favicon.ico 와 관련된 파일에 대해 약간의 변경을 했습니다.

Google Chrome Devtools를 열 때마다 favicon.ico 파일과 관련된 오류를 보았습니다.


<head> 태그에 섹션 추가.


head 관련 파일이 있는 내 스타일시트 앞에 favicon.ico 태그에 주어진 코드를 추가했습니다.

<link rel="apple-touch-icon" sizes="180x180" href="./apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./favicon-16x16.png">
<link rel="manifest" href="./site.webmanifest">


Favicon.ico 관련 파일이 생성되어 Github Repo에 업로드됩니다.



나는 favicon.io이라는 타사 사이트와 관련된 favicon.ico를 생성했습니다. 원하는 웹 사이트를 사용할 수 있습니다.

Given Below Is Image of List of New Files Added In Root of Repository.





static/
  js/
    script.js
  styles/
    style.css
index.html
LICENSE
README.md
android-chrome-192x192.png
android-chrome-512x512.png
apple-touch-icon.png
favicon-16x16.png
favicon-32x32.png
favicon.ico
site.webmanifest


추가된 새 파일 목록.


  • 이미지 유형 파일
  • android-chrome-192x192.png
  • android-chrome-512x512.png
  • apple-touch-icon.png
  • favicon-16x16.png
  • favicon-32x32.png
  • favicon.ico

  • favicon.ico 관련 파일의 설정을 위한 텍스트로 파일
  • site.webmanifest


  • 풀 리퀘스트



    favicon.ico 관련 파일 추가 및 구성 #13







    shriekdj
    에 게시됨



    웹사이트용 favicon.ico 파일을 빌드하기 위해 Site Namedhttps://favicon.io를 사용하고 index.html도 구성했습니다.

    홍보 관련 이슈


  • #11을 닫습니다
  • #12를 닫습니다


  • View on GitHub




    GitHub 레포




    비명 / 처음부터 사이트


    여기에서 처음부터 끝까지 내 사이트를 만들 것입니다.





    처음부터 사이트


    여기에서 처음부터 끝까지 내 사이트를 만들 것입니다.
    이제 프로세스 속도를 높이겠습니다.



    View on GitHub

    좋은 웹페이지 즐겨찾기