Typecho友情链接自动获取ICO

本来这文章是要早一点更新的,今天下午趁着不是很忙的时候改了下博客的代码,因为增加了几个经常访问的博客放到链接页面,想着又给那些有反链接的朋友一点自豪感,所以决定给加一个ICO。

操作的方式就是加一个自定义判断,有反链的博客,在链接页面会增加一个class,我定义为getlink,样式如下:

.link_content .getlink{background-position:left;background-repeat:no-repeat;background-size:16px 16px;}

然后就开始用JQ来获取ICO了。

很多人会说,直接使用对方网站的ICO地址不就好吗?是的,这是一个方法,但这个方法容易将页面拖死,打开一个页面,发出这个多个不同的请求,个别网站可能在海外(有可能比较慢),不拖死就是怪事。

那么我使用的另外一个方法,使用第三方来获取ICO(由于Google被墙,使用不了,这里使用的是http://g.soz.im/),一个我认为非常流弊的网站。

先上代码,再慢慢解释:

if($(".link_content").size()>0){

$(".link_content>ul>li").each(function(){

var linkclass = $(this).attr("class");

var linkhref = $(this).children("a").attr("href");

if(linkclass == "getlink"){

  $(this).css({"background-image":"url(http://g.soz.im/"+linkhref+"cdn.ico?defaulticon=http://g.soz.im/http://itlu.org/cdn.ico)"});

}

});

}

代码说明:

第一行,是为了判断class="link_content"是否存在,若不存在就不执行这一段JQ代码(感觉比用Typecho的页面判断更方便,容易将JS代码放在一起)

第二行就是获取li的所有元素,拿出class="getlink",自定义的参数,若有自定义参数才获取ICO。

$(this).children("a").attr("href");则是当前元素的子元素,含有a的,拿出href的值,将值写入到ico的链接地址。

http://g.soz.im/"+linkhref+"cdn.ico?defaulticon=http://g.soz.im/http://itlu.org/cdn.ico

最后一个参数很明显,默认的就是用我自己的ICO(一般不会出现,奇怪的是坛子哥的博客居然就是获取不到ICO,他有设置了,但图片比较大,不知道是不是这原因)

Typecho友情链接自动获取ICO

查看 jquery Typecho的相关文章

转载本站原创文章请注明:文章转自 挨踢路,链接: https://itlu.org/articles/2308.html

已有 32 条评论

  1. 呃,这个确实不错啊!但反链是什么东东。。

    1. 没描述好,原意是对方有添加我的链接

      1. 看来在我这儿也失效啊,是不是要首页链接才可以?

      2. 哈哈,手工识别,这种自动识别意义不大,整天检测这破玩意有意思么

  2. 难得见到有人用Typecho搭建网站,之前有朋友介绍我用这个,但是用来用去总觉得不习惯,不得不说博主的板子真心漂亮,哈哈哈,顺求回访一枚啦

    1. 我用Typecho好多年了,就是喜欢这东西的简洁

  3. 回复 小落 小落

    我试了一下,如果让那个网站去获取没有ico的网站,好像有点慢啊

    1. 获取之后,会有缓存,加上它介绍的cdn会更快

  4. 哎呀 灰狼啊 干啥不用WP呢 不然可以一起交流折腾啊

    1. 不用臃肿的系统,从wp出来之后就坚决不回去(好马不吃回头草)

  5. 不想揭穿你时间的问题。不过获取ICO图标这个不错

    1. 改发布时间又不是没做过
      不过延迟发布的多,改前的稍微少点

  6. 咦?我居然有上榜欸,好害羞哦。

    不过我有设置ico,那为何没显示嘞?

    1. 哈,文章有说到的。后台加的,已经加上你的

      1. 那个ICO是我最早期的,之后都经历过3、4个了,这个取值还蛮妙的,哈哈。

        不过你这儿的缓存也确实厉害?连在你这里显示的头像,都是很早很早很早之前的了……

      2. 缓存基本上不更新(用了七牛)

  7. 很好的方法

  8. 奇怪,我的怎么没有?

    1. 又一个没看文章的

      1. 那么我使用的另外一个方法,使用第三方来获取ICO(由于Google被墙,使用不了,这里使用的是http://g.soz.im/),一个我认为非常流弊的网站。

        我还以为我哪里理解有错,又看了一下,我哪里理解错误了么?

      2. 文章第二段:操作的方式就是加一个自定义判断,有反链的博客,在链接页面会增加一个class

      3. 难道这个class是手动添加的?

      4. 真聪明,这都被你知道了

      5. 厉害厉害

  9. 我网站貌似没设计ICO?

    1. 看到这里,你是不是应该赶紧去设计一个ico呢?

  10. https://soz.im 这博客停在 2014 了……

    1. 我倒没留意他的博客。不过这个服务确实很不错

  11. WP自己说支持png图标以后,我就没用过ico了。

    1. 你有ico存在你的博客上 http://pewae.com/favicon.ico

  12. 加了美观多了

    1. 是稍微好看了点

添加新评论