web-dev-qa-db-fra.com

Favicon avec les pages GitHub

J'héberge quelques sites avec des pages GitHub (pages utilisateur et projet), mais ils n'affichent pas leurs favicons (dans le navigateur).

<link rel="shortcut icon" type="image/png" href="/favicon.png">

Le problème est que GitHub affiche le site avec <frameset>? Je sais qu'il est possible d'afficher des favicons (au moins avec Jekyll), mais puis-je afficher un favicon seul?

htmlgithubfavicongithub-pages
24
Rokin

Oui, vous pouvez.

Mettez ceci dans la partie head de votre page Web:

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

Il est important de ne pas mettre la barre oblique avant le favicon.ico partie. Mettez le favicon.ico fichier dans le répertoire personnel de votre référentiel.

30
Dmitry Pleshkov

Il fonctionne également avec favicon.png

  <head>
    ...
    <link rel="shortcut icon" type="image/png" href="favicon.png">
  </head>

Le seul problème est la barre oblique / dans "/favicon.png"

Cependant cela ne fonctionne pas pour les sous-pages!

Le lien devrait ressembler à ceci - vous avez donc le favicon sur chaque page:

<link rel="shortcut icon" type="image/png" 
      href="{{ "/assets/images/favicon.png"  | absolute_url }}">

L'URL résolue ressemble à: https://pme123.github.io/scala-adapters/assets/images/favicon.png

Cela attend le favicon.png dans assets/images dossier de votre projet Jekyll.

6
pme

J'ai utilisé

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

aussi bien que

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

ou

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

Rien de tout cela n'a fonctionné. Enfin je l'ai fait travailler par

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

en fait, semble que l'une des solutions ci-dessus avec un "?" supplémentaire à la fin fera l'affaire.

3
water liu