之前看到很多博客底部友情链接都加了 ico 小图标，感觉很新颖，很好看，那么如何为你的 WordPress 博客添加一个自动获取 favicon.ico 图标的友情链接页面？于是开始折腾，我不想每次添加友情链接的时候都得手动的去添加 ico 图标的小链接，浪费时间，然后就百度了以下，还真有教程，然后我就搬过来了，当然，文章版权还是要保留的，尊重别人的劳动成果，自动添加 img 标签代码如下：
- <script type="text/javascript">
- $("#link-home li a").each(function(e){
- $(this).prepend("<img src=https://favicon.cccyun.cc/"+this.href.replace(/^(http:\/\/[^\/]+).*$/, '$1').replace( 'http://', '' )+">");
- });
- </script>
或者把代码中放入公用 js 文档中调用：
- jQuery(document).ready(function($){
- $("#link-home li a").each(function(e){
- $(this).prepend("<img src=https://api.iowen.cn/favicon/"+this.href.replace(/^(http:\/\/[^\/]+).*$/, '$1').replace( 'http://', '' )+">");
- });
- });
哪种方式都都可以，看自己的习惯吧。其中：“#link-home li a”是友情链接的 ID（也可以换成 class 名，具体需要查看你网站的写法）,给友情链接自动添加<img>标签已经完成了。
