Logo et favicon
Logo
Remplacer le fichier static/assets/images/logo.svg
Dans le cas où on n’aurait pas de logo svg il est possible de mettre tout autre format et il faut alors modifier le fichier de config dans config/_defaults/config.yaml pour ajouter les lignes suivantes :
params:
logo:
header: "/assets/images/logo.png"
footer: "/assets/images/logo.png"Logo différent en fonction de la langue
Pour pouvoir modifier les logos en fonction de la langue, il faut créer un fichier dans config/_default avec le code langue en suffix (exemple pour un site en anglais : config.en.yaml), et à l’intérieur overrider les paramètres voulus. Par contre j’ai l’impression qu’hugo ne fait pas de deep merge, pour le param logo, il faut donc obligatoirement donner un logo pour le header et un pour le footer (même si c’est le même que celui par défaut).
/config/_default/config.en.yaml
params:
logo:
header: "/assets/images/logo-en.svg"
footer: "/assets/images/nations-unies.svg"Favicon
Il existe plusieurs manière d’ajouter un favicon sur un site Osuny. La plus simple est d’ajouter un fichier favicon.png ou favicon.ico dans le dossier static/assets/images/favicons/.
Si vous souhaitez ajouter plus de formats de favicon, vous pouvez ajouter les fichiers si dessous au dossier static/assets/images/favicons/ :
apple-touch-icon.pngfavicon-16x16.pngfavicon-32x32.pngfavicon.icofavicon.pngsafari-pinned-tab.svg
Quel outil utiliser pour générer un favicon
Pour créer une favicon MDN recommande cet outil :
Certains générateurs produisent des fichiers .ico non reconnus par Firefox.
Lot d’icônes
Vous pouvez aussi utiliser ce script pour générer un lot de favicon :
https://gist.github.com/arnaudlevy/9f7e94e8f9029cc0bfca19d40fa2c8f0