博客增加图片展示功能

2012-09-20 00:00

博客默默运行几年了,除了有价值的文本,其中也隐藏了很多有用的图片信息,为了使博客增色添彩,决定为哈工大博客增加图片展示的功能。

由于每个博客都是独立的,所以将图片集中起来需要自动挖掘博文的图片。图片需要进行列表展示,为了提升图片展示速度,又需自动生成博文大图片的缩略图。

图片展示功能对于用户而言,主要有如下版块的变化:

1、博客首页增加图片自动展示位,每次刷新都会随机显示近期发布博文的图片

2、改进today中哈工大博客的推荐版块,为了使版块看上去好看一下,上下各一个图片,中间是博文列表

上述两个工作基本完成。

事实上图片博文的展示已经做成了通用的模块,任何校内网站都可以引用展示

其具体格式为:

<script src="http://blog.hit.edu.cn/blogImgJS_imgBlog_1.html"></script>

其中1指展示数目,可选取1到9的任何数,比如

<script src=http://blog.hit.edu.cn/blogImgJS_imgBlog_5.html></script>

将这段代码贴到网站的合适位置就行了。

下边的工作是为博客建造专门的图片栏目,用于展示所有的图片

希望此举能提升博客发图片的积极性,同时也进一步增强哈工大博客的阅读吸引力。下图是today改进后的哈工大博客推荐版块。其中最热博文是新设的栏目,自动列出近30天来阅读量最大的30篇博文

点击微信扫一扫

关联阅读