1.打开http://www.bitbug.net/
把自己要用来做网页图标的图片生成icon图标。
2.把生成的图标放在网站的根目录下
3.在html页面加上 < link rel=“icon” href=“图标位置”>
例子:
< !DOCTYPE html>
< html lang=“en”>
< head>
< meta charset=“UTF-8”>
< title>网页图标< /title>
< link rel=“icon” href=“bitbug_favicon.ico”>
< /head>
< body>
< /body>
< /html>
为网页添加书签后
在vue中设置图标时,要把图标放到static文件中,放在src中没用(亲测无效),然后在index.html中写上< link rel=“icon” href=“static/bitbug_favicon.ico”>(网上看到还要写上type=“image/x-icon” 试了一下没写,得到结果相同)