本文作者:徐结华

友情链接前面自动添加favicon.ico小图标

徐结华 2023-11-23 504 抢沙发

如果不想每次添加友情链接的时候都手动去添加ico图标的小链接,今天就教大家怎么自动获取并添加favicon.ico小图标。

首先我们从Github下载一个源代码,这个源代码是用PHP获取网站favicon的API,可用于美化网站外链显示效果。

此代码采用了缓存机制,即不用每次都从各个友情链接网站的代码里面去抓取,挺方便的,下载源代码,放在网站根目录里。

下载地址:

GitHub: 点击下载    本地下载:点击下载


下来我们审查元素查看一下自己网站友情链接版块的id,本站友链版块的id为:link-home


然后将下面代码放在网站后台中

<script type="text/javascript"> $("#link-home li a").each(function(e){ $(this).prepend("<img src=https://xu219.cn/GetFavicon-master/get.php?url="+this.href.replace(/^(http:\/\/[^\/]+).*$/, '').replace( 'http://', '' )+">"); }); </script>

注意:

1、修改友链版块的id为自己网站友链版块的id。

2、将代码中的网址替换为自己网站的网址。


觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

分享

发表评论

快捷回复:

评论列表 参与讨论

还没有评论,来说两句吧...