给typecho加上历史访问记录功能教程

给主题加上历史访问记录，这个功能一定程度上可以挽留一下读者，比如：某位大佬经常通过搜索引擎进来我站，可能发现以前在这里也看过一些文章，比较合他口味，久而久之就能发展成常客。

实践起来不复杂，里面的代码复制出来，比如viewhistory.js，引入到网站中，最好是头部部分，这样加载的生成的文章会比较优先

效果图

教程

网站中要显示的历史文章位置放入

<div id="jl_viewHistory" >
  <h3>您刚刚看过如下文章：</h3>
</div>

这里的位置就是会加载历史访问过的文章显示的位置

最后关键的部分是这一段js函数

<script>
jl_viewHistory({
    limit: 5,
    storageKey: 'jl_viewHistory',
    primaryKey: 'url',
    addHistory:  true;
    titleSplit: '|'
});
</script>

limit 用于记录显示的条数和存储的条数，可自行修改条数

storyageKey 用于配置需要显示的id，也代表着localStorage保存这些历史记录的为一个值

primaryKey 用户表示存储字段中以什么字段作为数据唯一的判断(一般以url)

addHistory 是否添加历史记录，一般主页不需要保存，而文章页需要保存

如果你用的是 typecho 那可以用下面逻辑判断：

addHistory: <?php if ($this->is(‘post’)) { ?> true <?php }else{ ?>false<?php } ?>,

titleSplit用于表示标题以什么作为切割，切割之后取第一截。

其中

addHistory: <?php if ($this->is('post')) { ?> true <?php }else{ ?>false<?php } ?>,

这一段的意思是只有在文章的时候，会被收录，如果其他的页面也要收录，那就设置为true就行了

大概就那么多，也可以操作viewhistory文件去记录图片，访问量，作者，描述等……

这个功能实现非常简单，实现方法也很多，比如可以将内容保存在 cookie 中，但用 cookie 储存存在一些问题。cookie 是随 HTTP 响应一起被发送的, 会对服务器端响应时间产生一定程度的影响。

其实利用 cookie 是最实用的，因为几乎可以兼容所有浏览器。我这里使用的 localStorage，数据完全保存在浏览器中，不会有影响服务器响应, 但是在 IE6/7 中不能使用！