Будем использовать рекомендации из этой статьи по добавлению favicon в современных форматах.
За основу возьмем HelloWorld проект. Полная версия примера размещена в этом репозитории.
При генерации сайта VuePress берет файлы из каталога docs\.vuepress\public
. Там мы и будем размещать файлы иконок. Нам нужно 4 файла, разместим их следующим образом:
- Прямо в каталоге
public
поместимfavicon.ico
размером32x32
. - В каталоге
public\assets\favicons
разместимfavicon.svg
mask-icon.svg
(Монохромное изображение)apple-touch-icon.png
размером180x180
google-touch-icon.png
размером512x512