在我们平常看到所有网站中,基本都会有一个favicon图片,也就是显示在浏览器标题栏上的小图标,在打开网页或将网页添加到收藏时都会显示。
对于WEB或站长来说,可能会希望把某个网站的图标加入到站点名字或链接的前面,来为网页增添色彩,同时增加链接的可读性和易用性。这个接口便是为此功用而生的,通过一种简单、稳定的方式获取网站的Favicon图标。
知道WebStack这个导航主题都应该知道,由于是导航,自然需要获取大量网址的图标信息的,比如站长之前使用hexo搭建的一个WebStack静态导航网,https://soujiz.com/web/nav,就使用了大量的图标功能。
本站提供两种实现方式,分享如下:
一,API接口获取
使用这种API方式获取,上手相对简单方便,但是毕竟用的是别人的,所以接口会有不稳定,失效的情况,
接口地址:https://api.iowen.cn/favicon
返回格式:图片
请求方式:get
请求示例:https://api.iowen.cn/favicon/soujiz.com.png
注意说明:
请求示例中的红色字体部分,是需要获取图标的URL地址,如:soujiz.com,确保URL能够正常打开
不需要 http(s):// ,且结尾必须填 .png
二,源码搭建版
使用这种Favicon图标api源码上传空间进行搭建版,就相对稳定很多了,不会出现上面说的接口失效的等弊端情况了。
安装使用
- 上传到网站根目录
- cache 文件夹给 755 权限
- 然后访问 http://you.url/get.php?url=https://soujiz.com
- 如果出现获取不了的情况建议删除缓存再试一次
自定义项
在get.php内设置
/* ------ 参数设置 ------ */
$defaultIco='favicon.png'; //默认图标路径
$expire = 2592000; //缓存有效期30天, 单位为:秒,为0时不缓存
/* ------ 参数设置 ------ */
两种方式都已经做了详细说明,具体用那种看个人需求了。
暂无评论内容