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

LMS
折腾
942 8

由于嘀咕自己提供的方法不是图片就是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://muxer.cn/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，没办法把它弄成不显示回复。

THE END

评论 8

  1. 求索阁
    🏅🏅

    怎么把QQ“说说”，也就是QQ签名状态给同步到wordpress博客呢？

  2. Junan
    🏅🏅

    之前我也有装过嘀咕的插件~~但是最后还是删了、~~博客归博客~~

  3. 越夜
    🏅

    代码很好用,已经用上了,谢谢...

  4. ansonyi
    🏅🏅

    :smile: 很强悍

  5. 万戈
    🏆🏅

    偷偷告诉你，我是手动同步到嘀咕的 :cool:

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

      1. 万戈@LMS
        🏆🏅

        哈哈，被我忽悠了吧 :razz:

        1. 你的博客，还是没恢复啊，本来想守着第一个给你发去贺电，看来希望不大啊 :sad:

发表评论

Submit