前言:这是在我把导航站做成静态化部署时总结到的,对于建站来说,用处还是蛮大的。
没有使用以下方法前通常我会直接截图或使用网站内可替代图标补上【这里要说明下,你可以选择使用以下URL作为图标显示,但本地化托管图标速度是更快一些的】
一、使用my.faviconkit.com
登录上方网站可用官方给到自己的API以URL的形式从任何网站获取并可嵌入Favicons
二、自己创建API并静态化托管,开源示例:
开源地址:
https://github.com/EvanBacon/app-icon-endpoint
这是托管部署在Vercel上的,示例:https://icogen.vercel.app/api/icon
三:使用PHP自己创建API获取,开源实例:
https://github.com/Hi-July/getFavicon
演示:https://api.iowen.cn/doc/favicon.html
四、使用PHP构建,部署在Vercel调用API,将.png前面的网站替换成需要输入的url
开源地址:https://github.com/nberlette/fav.icns
使用方法·:同三
<https://fav.icns.ml/github.com.png>
<https://fav.icns.cf/berlette.com.png>
【注意:目前该开源项目作者提供的托管地址不稳定,需要自己下载部署API】
五:qucker动作插件favicon捕手
https://getquicker.net/Sharedaction?code=b8ddb597-17ae-47b9-48a6-08d7c64d911e
- 默认favicon.ico路径可访问。如,https://maven.apache.org/what-is-maven.html
- 默认favicon.ico路径可访问,但会进一步重定向的。 如,https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API
- 默认favicon.ico路径不可访问,head使用rel=icon的。 如,https://www.zaihujk.com/#/courseListPage
- 默认favicon.ico路径不可访问,head使用rel=shortcut icon的。 如,https://segmentfault.com/a/1190000021212759
使用:复制或选中地址后点击该动作
六:UTOOS插件,插件商店搜索“favicon”即可
使用:调用插件后输入对应网址即可
总结:
其实以上方法都大同小异,都是利用API获取的网站图标,不同的是有的是为了方便本地下载,有的是为了能嵌入到自己的网站内,不管怎样都能满足如标题所说的需求,最后,欢迎访问我的导航站:www.noisedh.cn