正如之前所说，社交化趋势势不可挡。虽然我对博客的模板做了很多的修改，但最基本的评论功能一直使用自己写的插件Ajax Comment-Reply。它严重缺少基本的社交化功能，比如我最想要的评论能跟微博、人人网之类的网站整合。现在是该让它退休的时候了。

目前市面上的社交化评论系统很多，这些系统的功能大同小异。我选择了多说。因为多说系统能显示来自微博的评论，这里是一个很好的例子。

我之前对在博客上使用站外服务敬而远之的原因是这些站外服务会拖慢网页的显示速度，但发现如果服务使用合理的Javascript代码，站外服务不会延误原网页内容的显示。

当然我更担心的一件事情是这个多说服务说不定那天就挂了，或者时不时出些问题。不过现在有挺多网站在用多说，比如科学松鼠会，我就当跟它们同进退吧。

另一个问题是，原来设置中MathJax不会处理多说评论中的数学公式。查了一下，在MathJax的配置中加入下面一行代码即可：

MathJax.Hub.Queue(["Typeset",MathJax.Hub]);

我会把这一行更新到插件LaTeX for WordPress的新版本中。

另外，本随着不折腾不罢休的原则，我修改了多读的式样，供大家参考，也欢迎大家提意见：

#ds-thread .ds-comment-body p {
    color: #000;
    font-size: 14px;
}
#ds-thread ul.ds-children {
    margin-left: 60px;
}
#ds-thread ul.ds-children ul.ds-children {
    margin-left: 40px !important;
}
#ds-smilies-tooltip ul.ds-smilies-tabs {
    list-style-type: none;
    padding-left: 0;
}
#ds-thread .ds-comment-body p a {
    border-bottom: 1px dashed #BBB;
    color: red;
}
element.style {
}
#ds-smilies-tooltip .ds-smilies-container {
    margin-left: 100px;
    padding: 10px 0;
}
#ds-smilies-tooltip {
    width: 500px;
}
#ds-thread .ds-post-self {
    padding: 10px 0 5px;
}
#ds-thread .ds-comment-body {
    padding-left: 62px;
}
#ds-thread ul.ds-children .ds-comment-body {
    padding-left: 42px;
}

效果见本站的评论区 。

© zhiqiang for 阅微堂, 2012. | 链接 | 23 条评论

这几天零星更新了阅微堂所有的yuewei主题。先截图保存一份，

这次更新主要部分是header部分。以前那个是自己写的，后来越看越丑，下决心把它换掉。这次学乖了点，参考了Curved WordPress这个模板的header部分。当然，我主要是参考它的配色(这是我最弱的一块)。它的背景图片除了页首的一张都被我弄掉了，这是我的基本原则，能少用图片就少用图片。现在整个系统共两张背景图片。

其次是参考css实现兼容IE和Firefox主流浏览器的圆角样式这篇文章实现了IE下的圆角。中途遇到一些恶心的HTML渲染bug(?)，后来用另一些恶心的办法解决掉。整个过程基本上是体力活。

最后一个大的更新是调整了页面的页面布局和内容布局。在single页面添加了分类列表，也许会有人用吧。把文章标题下的tag的链接去掉了，为了SEO，因为似乎带链接的关键字不算关键字(？)。还有就是把header部分全部移到footer上面，然后用position:absolute重新定位到页头部分。这个是我无意中看到wikipedia是这么做的。我想这样对于SEO也是非常有好处的，因为对于机器，这样它首先看到的就是文章标题，然后就是文章内容，一点杂质都没有 。不明白的看一下我的源代码。

就这么多吧，如果有更好的建议和对我的审美有不赞同之处，敬请留言指出，不胜感激。

PS：阅微堂发布的主题“yuewei”按道理也应该同时更新了，现在这个比2.0应该要好很多。不过没时间整理了，就这样吧。有需要的自己来扒。

© zhiqiang for 阅微堂, 2007. | 链接 | 9 条评论