如何更换Vite项目的默认网站图标

220 阅读1分钟

步骤

  1. 首先准备一张svg图片放置在public目录下
  2. 找到index.html,将页面中的<link rel="icon" type="image/svg+xml" href="/public/你自己的图.svg" />href后的内容替换为你自己的图片即可。

P.S. 如果你没有svg格式的图片,这边推荐一个网址,可以自制svg图片,是免费的,感觉挺好用的✨

image.png P.S. 如果网站的图标没更新,可能是缓存导致的。可以删除浏览器缓存,不想删的话也可以使用浏览器的隐私模式重新访问网页,查看图标是否设置成功。