D-haha 的情侣博客

D-haha 的情侣博客 » 网站日志 » 将 Google Friend Connect 加入博客及另一些细节修改

一. Google Friend Connect

这两天陆续收到一些邮件, 有 Sino Blog 的, SkyLanD 的, 今晚认真看了一下才知道原来是 Google  又多了一项针对个人网站的服务: Google Friend Connect. 通过将两个文件上传到网站根路径下, 并在博客侧栏插入一段 Google Friend Connect 中提供的代码, 即可基于 Google 帐户, 将博主使用的其它网站服务和个人博客挂接, 使个人博客成为社会化网络的一部分. 使用此服务的人可以在侧栏这个小小的 WidGets 联系朋友, 管理朋友, 查看朋友使用的各种网络服务和相关链接, 查看朋友的朋友... 而所有这个服务的使用者和他们的博客一道, 汇集成了一个广泛的 SNS.

现在的 Google Friend Connect 用在个人网站上的功能还很单薄 (也可能是我没挖透), 看起来没有 Q-Zone, 校内网站内的等好友系统那么强大. 但是, 我看到了它的潜力, 因为它开放. 现在的所谓SNS, 所谓社区就像城邦时代的古希腊, 或是统一前的德意志, 壁垒重重 另人厌倦. 任何试图把用户封闭在一个网站内的服务终将衰落. 而基于个人展示平台 (博客只是其中一种形式) 的更广泛的社会化网络终将是未来网络社会的主流. Google Friend Connect.已经让我们看到了一点点影子...

二. 页面载入中效果.

早已从 aw's blog 那里 Copy 了载入效果, 这次仿照鸟儿博客加入了 Loading 图片, 并将 "载入中..." 效果的消失方式由直接消失改为淡出.

三. 用 JQuery 重写了导航栏当前链接的效果

以前是用纯 HTML+CSS 实现的, 这样的话每次增删链接都要修改样式表, 很是麻烦, 而用 JQuery 指定当前链接的 Class (或 id) 再配合样式表来实现这种效果, 则一次到位, 今后修改导航链接时无须再修改样式表了.

网上流行的 JQuery 代码是这样的:

<script type="text/javascript">
$("#menu ul>li").each(function() {  //我们假设导航部分的ID为menu，结构是<div id="menu"><ul><li>...
    if ($(this).find("a").attr("href")==document.URL){
      $(this).attr("id","current")  //给当前页的<li>加上id="current"，如<li id="current">首页</li>
    }
});
</script>

有了 id="current" 再配合样式表中的 #divNavBar ul li#current {} 就可以比较完美实现导航菜单的当前页效果了.

这段代码有几个缺陷, 一是链接区分大小写, 这个问题还不严重, 至少这种情况碰到的不多. 二是在某分类中翻了页, 或点击跳到了页面中的某个锚点, 导航栏的当前标志就不起作用了, 这点实在让我觉得不爽. 于是将这段 JQuery 代码改得复杂了一点儿, 用正则判断, 不区分大小写, 并忽略地址中的锚点和翻页的参数.

<script type="text/javascript">
$("#pageNav>ul>li>a").each(function() {
    if ($(this).attr("href").toLowerCase().replace(/\/|[&#].*/g,"") == document.URL.toLowerCase().replace(/\/|[&#].*/g,"")){
        $(this).attr("class","current"); //给当前页的<a>加上class="current"，如<a class="current">首页</a>
    }
});
</script>

有了 class="current" 再配合样式表中的 #divNavBar ul li.current {} 就可以比较完美实现导航菜单的当前页效果了.

这种形式适合于大多数的 Z-blog 模板, 但对于使用静态分类首页的 Z-Blog, 可能略有不合适.

四. 加入了随机文章页面

这可不是 "随机乱弹" 插件那样的一个跳转链接, 而是一个页面. 和我见到的 WordPress 的某个随机文章页面插件差不多是一个效果. 页面里有提示说这篇文章是随机抽取的, 您还可以再抽一篇云云, 看下效果, 这样的页面应该更有意思一点.

这个页面早在一个月前就做好了, 作为模块之一集成在 MyCustomPages 插件里 (该插件尚未正式发布), 页面无须设置, 启用即可.

写到这里, 不由得感叹一下, 同样是随机文章, WordPress 有几十种, 而 Z-Blog 只有四种: 列表插件; 随机乱弹, 集成在 MyCustomPages 里的两种随机抽取文章页面. Z-Blog 的插件还远算不上丰富, 不过潜力却是大大的有, 关于插件的种种以后有机会再细说吧.

五. 侧栏增加了随机文章列表并升级了评论之星

修改了主题插件, 增加了随机文章列表的输出.

升级了评论之星插件, 可以输出当前自然月中的评论之星.

六. 吃惊和随闷

我的主页有多大了? 用 Safari 试了几次, 基本上处于 800K~1100K 之间, 有点郁闷.

« 婚姻的称谓Z-Blog 1.8 Arwen build 81206 改动不多但值得升级 »