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