Html 为什么';我的favicon没有出现吗?

Html 为什么';我的favicon没有出现吗?,html,favicon,Html,Favicon,我想在github.io页面中添加一个favicon,但它不会出现。我正在dropbox上以.png格式托管我的favicon。我的index.html页面上的代码是: <link rel="shortcut icon" href="https://www.dropbox.com/s/5dt587axxwvj2ft/arg_favicon.png?dl=0" type="image/x-icon"> <link rel="icon" href="/favicon.ico" ty

我想在github.io页面中添加一个favicon,但它不会出现。我正在dropbox上以.png格式托管我的favicon。我的index.html页面上的代码是:

<link rel="shortcut icon" href="https://www.dropbox.com/s/5dt587axxwvj2ft/arg_favicon.png?dl=0" type="image/x-icon">
<link rel="icon" href="/favicon.ico" type="image/x-icon">

根据询问者的评论更新

您真正需要的是:

<link rel="icon" href="//photos-3.dropbox.com/t/2/AADgf5ha0ZRZ9q_VZGT9I6cP9Sk27rCN26PvVDe82RKGgg/12/207862012/png/1024x768/3/1420758000/0/2/arg_favicon.png/CPzxjmMgAyACIAEoAigB/gPsvlZzDk2FAwU_MD5BJvE_4GAbCtJg6ORwdcMq1esQ">

编辑我为您创建了一个页面,您的图标位于github上,以下是链接和代码:


测试页
cbunn的答案
insight
我能够通过使用图像的实际链接使您的链接正常工作。您在评论中留下的是一个间接显示图像的php重定向。

我没有服务器。我的网站是一个github页面,所以它是通过他们托管的。我可以在github或其他地方主持我的favicon吗?你可以。我在这里为您制作了一个示例页面:@cbunn我还用代码和链接更新了我的答案哎哟,我的代码中有错误的链接。正确的dropbox链接如下:。我问题中的链接已经对我有效,但由于某些原因,我提供的这个新链接无效。@cbunn好的,我已经更新了我的答案和链接,它现在可以工作了。如果这个答案对你有帮助,请把它标记为答案。我以为这和那个链接有关。您是否右键单击图像以获得正确的链接?告诉浏览器PNG是type=“image/x-icon”是个坏主意。我应该将其更改为什么?PNG图像的正确mime类型。“image/png”,毫不奇怪。结果根本不需要它,惊喜!这并不奇怪。但是告诉浏览器一些完全错误的东西总是一个坏主意。
<html>
<head>
<title>test page</title>
<link rel="icon" href="//photos-3.dropbox.com/t/2/AADgf5ha0ZRZ9q_VZGT9I6cP9Sk27rCN26PvVDe82RKGgg/12/207862012/png/1024x768/3/1420758000/0/2/arg_favicon.png/CPzxjmMgAyACIAEoAigB/gPsvlZzDk2FAwU_MD5BJvE_4GAbCtJg6ORwdcMq1esQ">
</head>
<body>
Answer for cbunn
</body>
</html>