夢想妖夏

谈谈帮妹纸完成的P站截取排名前50的图的任务

2014-01-09

这个想法是一个妹纸(都说妹纸不是我的,2333)叫我弄的,实现是不难,因为我正好前两天折腾了下图片瀑布流
首先,任务是去http://www.pixiv.net/ranking.php?mode=daily抽取页面源码得到前50排名数据,
在此,选择编程语言,博主渣渣,只会php,于是开刀
file_get_contents得到页面数据,然后正则匹配得到图片地址,图片名字,图片ID
然后,使用瀑布流输出,因为只是显示50张图片,所以没把瀑布流的按需加载(其实是本人懒23333).
好了废话不说,
一般会把这个显示置于博客页面
下面给出源码(2014年3月19日10:09:15更新)



(.*?)<\/a><\/h2>/is',$data,$reg);
$img_id=$reg?$reg[1]:die('匹配失败,找不到link');
$img_url=$reg?$reg[2]:die('匹配失败,找不到图片url');
$img_name=$reg?$reg[3]:die('匹配失败,找不到图片名字');
?>



';
}
?>

将此文件保存成

pixiv.php

然后放入主题的目录,
然后在wp里面新建页面,模板选择pixiv,保存即可,
博主的页面展示 DEMO点此

单独使用,去掉代码头部的

和尾部的

效果DEMO点此
顺便给出瀑布流的按需加载例子
DEMO

但是没得到好人卡咋办23333

标签:

Related Posts

69 Comments

  1. 喜大普奔。好牛逼

    2014.01.9 at 21:35
    #1  
  2. 给妹纸搞就是卖力

    2014.01.9 at 22:00
    #2  
  3. 太棒了,我拿去了

    2014.01.10 at 08:50
    #3  
    • 谢谢妹纸,今天小更新了下样式,感觉好看了些

      2014.03.19 at 10:11
      #31
  4. 已搞定,这个绝对支持

    2014.01.10 at 10:14
    #4  
  5. 代码大神,膜拜 了

    2014.01.10 at 11:18
    #5  
  6. 一些代码搞定一篇文章。。还是会代码好

    2014.01.10 at 17:20
    #6  
    • 说的对,不要求精通,至少懂一点,都会对自己有好处

      2014.01.10 at 21:32
      #61
  7. 博主好赞!!

    2014.01.10 at 21:57
    #7  
  8. 技术型欧尼酱觉醒了

    2014.01.10 at 22:46
    #8  
  9. 博主,我想问一下为什么我加上jquery-1.7.2.min.js和瀑布那两个JS后,所有图片会被放到整个页面的最上方,而不是在我博文里面,是不是heaher里面有个container,而这个代码里面又有一个container的原因?

    2014.01.10 at 23:45
    #9  
    • 是id=container吗,html的id应该唯一,否则将导致元素错乱,css生效到两个地方了吧

      2014.01.11 at 07:57
      #91
    • 到你主题那看了,果然是两个container的ID导致重复,你把我这个id换掉,在CSS也换掉就行

      2014.01.11 at 07:59
      #91
      • 问一下,我把,CSS,还有$(‘#container’).waterfall(opt);里面的container全部换了个标签变成pivix-container;但是有一个问题,就是图片没有缩放,超出cell的部分被截断,所以是不是除了上述三个地方,还有别的地方要改?

        2014.01.11 at 16:03
        #92
        • 更新了博文里面的id了,&我也去掉了,我的代码比较乱,弄糊涂你了,不好意思哈,可能是js里面的container也被改了

          2014.01.11 at 16:51
          #93
          • 博主真是太贴心了~我那个问题也找到原因了,因为我自己在主题里面手贱定义过img的max-width,所以在这里需要把CSS里面的改成.cell img{max-width:165px !important;…}

            2014.01.11 at 20:08
            #94
            • 其实是不是也有办法获取50以后的?

              2014.01.11 at 20:15
              #95
  10. 博主是不折腾会死星球的吧

    2014.01.11 at 12:43
    #10  
  11. 文科

    ( ̄▽ ̄”) 小绯好厉害

    2014.01.11 at 21:08
    #11  
  12. 图片瀑布流是什么捏。。

    2014.01.14 at 20:00
    #12  
  13. 赞一个,虽然看不懂代码!多说效果赞一个!

    2014.01.24 at 19:48
    #13  
  14. 没得到好人卡代表有希望(拍肩

    2014.01.24 at 23:37
    #14  
    • 南寻妹纸

      2014.01.25 at 08:30
      #141
      • DEMO跪了= =

        2014.01.25 at 11:21
        #142
        • 搬家的时候,那站没备份过来,近期回家了弄不来了

          2014.01.25 at 13:42
          #143
  15. 大家把文件直接扔进主题文件夹就好了,不要再深入其他文件夹……..我第一次放错地方了导致每个图片之间出现缝隙,排列不整齐的情况

    2014.02.9 at 00:20
    #15  
    • 谢谢,今天小更新了下样式,感觉好看了些

      2014.03.19 at 10:11
      #151
  16. 赞一个!

    2014.03.9 at 22:48
    #16  
    • 谢谢,今天小更新了下样式,感觉好看了些

      2014.03.19 at 10:11
      #161
  17. 不错收藏了

    2014.03.18 at 11:33
    #17  
  18. 你这么叼 竟然向我拿主题

    2014.03.19 at 17:59
    #18  
  19. 赞____________________

    2014.04.3 at 22:49
    #19  
  20. 代码好多,看着头晕。。

    2014.04.10 at 15:07
    #20  
  21. 好屌的鸡蛋

    2014.04.21 at 16:45
    #21  
  22. 很屌啊 mark 下

    2014.05.13 at 15:05
    #22  
  23. 又被air引来了。不跑堂

    2014.05.27 at 14:35
    #23  
  24. 广岛秋泽

    谢谢博主分享,话说代码高亮用的神马插件!

    2014.10.13 at 18:44
    #24  
    • Crayon Syntax Highlighter

      2014.10.13 at 19:18
      #241
      • 广岛秋泽

        Thank you

        2014.10.13 at 21:37
        #242
  25. 文科

    求支持rss订阅

    2014.11.1 at 19:15
    #25  
  26. 感谢博主..正好需要一个这样的东东, 加个友链顺便?萌月博主很萌的, 博主赶紧追求???

    2015.01.26 at 07:08
    #26  
    • 小萌月已经心有所属啦,再说了,大叔我没房没车,不打算要妹纸,养不起啊

      2015.01.26 at 08:42
      #261
      • = =这回复看来是很仔细的调查过了.._去弄正则了, 博主你可以用这个菊苣的xml列表。bangumi.tv/group/topic/23196

        2015.01.26 at 08:47
        #262
        • 如果我告诉你我很久不折腾P站了你会不会打我啊,嘿嘿,其实不用正则的,有API,那时候我没发现而已,这篇文章很老了,而我是出了名的懒(其中有技术方面原因)所以就没更新啦,饿,P站的以前做了个采集站ˋ( ° ▽、° ) (o( ̄▽ ̄///(!!)http://galgames.ml/

          2015.01.26 at 08:52
          #263
          • 额, = =我还是用正则套一下你的瀑布流吧。站点儿收下了。

            2015.01.26 at 08:53
            #264