无插件将嘀咕内容显示在博客上方法

由于嘀咕自己提供的方法不是图片就是flash,要不然就是样子不好看,所以以前试过使用水煮鱼的wp嘀插件,发现功能太强大了,根本没必要,又不懂php代码,自己将觉得多余的功能删除后,连博客都打不开,最后只好放弃。有一次在点木木同学的友情链接,发现一个叫最后的风筝的博客上有一个专门的嘀咕页面,做的很符合我的要求,只是多次留言不见有反应。没办法,只好找google了,虽然最后找到了一个代码,经过修改可以使用,只是只能显示1条嘀咕。。。

一个偶然的机会,在研究某个人的代码时,突然明白,原来最后的风筝的博客用的是嘀咕自带的js代码加自己定义的css,终于解决了这个问题。

<div id="wudiShow">正在加载</div>
<script src="http://www.digushow.com/js/digushow.js" type="text/javascript"></script>
<script type="text/javascript">wudiShow.setUrl("http://www.digu.com/");wudiShow.setSiteName("嘀咕");</script>
<script src="http://www.digushow.com/api/wudishow.jsp?callback=callback&username=happyet&count=5&isBack=false" type="text/javascript"></script>

上面这段代码是嘀咕提供的js调用代码,需要改动的就是最后一行代码里如下加粗的部分:username=happyet&count=5&isBack=false

happyet当然要改成你嘀咕的ID了,5是显示的数目,最多好像支持20条吧,后面的&isBack=false是回复不显示的意思,去掉就显示回复了。

然后在css里加入下面的代码就可以,你也可以根据自己的需要定义:

#wudiShow_Header{display:none;}
#wudiShow_List li{
list-style:none;
background: url(images/digu.png) no-repeat 0px 28px;
border-bottom: 1px dashed #999;
line-height: 22px;
padding-bottom: 23px;
padding-left: 20px;
padding-top: 25px;
}
#wudiShow_More, #wudiShow_More a{height:24px;line-height: 22px;padding-bottom: 23px;padding-top: 25px;}

效果见这里http://lms.im/digu

在搞定上面的东东后,我在冰谷的玩wp上的留言有了回复,他提供了一个我以前google搜索到的只显示1条嘀咕的修改版,可以显示自定义条数,代码如下:

<?php 
require_once(ABSPATH . 'wp-includes/class-snoopy.php');
$items = 2; //这里是要显示多少条嘀咕
$snoopy = new Snoopy;
$snoopy->fetch("http://api.minicloud.com.cn/statuses/user_timeline.json?userIdOrName=happyet&count=$items&isBack=false");//这里加&isBack=false没效果,仍然会显示回复。
$created_at = json_decode($snoopy->results,true);

for ($i = 0; $i < $items; $i++) {
    $string = $created_at[$i]['text'];
    $bb_replace = array('/(\[url=)(.+)(\])(.+)(\[\/url\])/');
    $bb_replacements = array('<a href="\\2" rel="nofollow">\\4</a>');
    $string = preg_replace($bb_replace, $bb_replacements, $string);
    echo '<img src="http://digu.com/favicon.ico" alt="digu" title="digu" width="16" height="16"  align="absmiddle" /> ' . $string .' - <a href="http://digu.com/jump?aid=detail&twId=' . $created_at[0]["id"] .'" target="_blank" title="click2look" rel="nofollow">#</a><br />';
    if ($created_at[$i]['picPath'][0] != ''){
        echo '<img src="' . $created_at[0]['picPath'][0] . '" alt="" /><br />';
    }
}
?>

代码我经过一点点修改,测试可用,遗憾的是我不懂php,没办法把它弄成不显示回复。

作者: LMS

天行贱,君子自强自息。

标签

《无插件将嘀咕内容显示在博客上方法》有8个想法

    1. @万戈 我以前找方法的时候也有注意过你的公告的嘀咕,想学着弄过来,看了源文件代码又看不出什么名堂,也不好意思问你,原来是手动的。。。。 ❗

发表评论

电子邮件地址不会被公开。 必填项已用*标注