我有一个网站,现已发布。问题是它仍然在搜索引擎中显示示例中的 React 图标,我不知道如何更改它。
标题:
<head>
<meta charset="utf-8">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="theme-color" content="#000000">
<meta name="description">
<link rel="apple-touch-icon" href="/logo.svg">
<link rel="manifest" href="/manifest.json">
<title>----------</title>
<script defer="defer" src="/static/js/main.60353bf7.js"></script>
<link href="/static/css/main.f855e6bc.css" rel="stylesheet">
<style>:is([id*='google_ads_iframe'],[id*='taboola-'],.taboolaHeight,.taboola-placeholder,#credential_picker_container,#credentials-picker-container,#credential_picker_iframe,[id*='google-one-tap-iframe'],#google-one-tap-popup-container,.google-one-tap-modal-div,#amp_floatingAdDiv,#ez-content-blocker-container) {display:none!important;min-height:0!important;height:0!important;}</style>
<style data-emotion="css" data-s=""></style>
</head>
清单:
{
"short_name": "---------",
"name": "-----------",
"icons": [
{
"src": "favicon.ico",
"sizes": "64x64 32x32 24x24 16x16",
"type": "image/x-icon"
},
{
"src": "logo192.png",
"type": "image/png",
"sizes": "192x192"
},
{
"src": "logo512.png",
"type": "image/png",
"sizes": "512x512"
}
],
"start_url": ".",
"display": "standalone",
"theme_color": "#000000",
"background_color": "#ffffff"
}
我多次尝试更改图标,但没有任何帮助。
您只需将 favicon.ico 替换为您想要使用的即可。 确保将
favicon.ico
替换为您正在使用的文件。
这篇文章解释得很好。
找到一个新的图标来替换默认的 React 图标。谷歌图片 搜索图标/表情符号并将您喜欢的图像保存在您的 电脑。最好找到 .png 格式且具有 透明背景。对于这个“待办事项列表”示例,我搜索了 一个绿色的复选标记图标,并将其保存到我的桌面。