Blog近期改动小记

近期对Blog改动较多,不过俺发现对自己Blog还是有许多不太满意的地方,所以又开始折腾了。
1.首先,增加了Blog顶部和尾部快速滚动的功能,大家可以看到在Blog左下角,有一个向上和向下的箭头图标,点击相应的图标,即可实现Blog顶部和尾部的快速滚动了。其实当初是想作成在Blog尾部双击鼠标,就可以快速回到Blog顶部的,后来林木木同学提议这样做会在用户填写评论的时候,不小心双击,有一定的冲突。后来,就做成了左下角的滚动图标。滚动图标的图片,是从网上找来的,滚动图标的CSS实现,是从ZWW同学那里偷师来的,滚动效果,jQuery实现,也是从林木木同学那里偷师来的。
2.将右上角的twitter,facebook,rss三个图标图标和左下角的快速滚动图标,加上了动态效果。默认是半透明的,鼠标悬停后,变为不透明,CSS实现。效果还不错,感觉有用的同学,可以直接参考本Blog的CSS样式表了。
3.第三个改动,也是我感激挺有用的。常常评论的同学,每次都要重复输入用户名、邮箱和网页地址,这是相当繁琐的,为了改善体验,参考了林木木同学的一篇文章。原理是通过PHP获取用户的Cookie,把先前的用户名、邮箱、网页地址统统取出来,默认给填好,并把这三个框给隐藏起来。这样看起来就好像用户已经登录的样子,再也不用重复输入了。这项改动挺实用的,确实能为你的Blog改善不少的用户体验,建议有兴趣的同学都能用上。
4.启用了Google XML Sitemap插件,这个,不用说了,感觉很重要的插件,不过我现在才启用……
5.为文章标题的点击事件,加上了jQuery效果。点击时,显示”页面加载中…”,然后进行跳转,感觉这样变动态了一些。

这次的折腾,就到这里了,尽管是偷师,但是感觉也从中学到了不少,特别是CSS和jQuery。或许以后还会对Blog进行更多的改进,等下次再折腾了。

支持原创技术分享,据说打赏我的人,都找到了女朋友!