非插件实现Emlog时间轴归档代码分享

文件缓存型时间轴归档，后台更新缓存或者发布新文章的时候会自动更新；本站这个代码是使用缓存系统的，是需要修改内核文件的。慎用！
1、修改include/lib/cache.php文件，添加归档缓存函数

private $logalias_cache;7 d' E: ?: u. A
之后添加9 p T4 T) c. Q1 E
private $loglists_cache;

复制代码

添加在其他缓存函数位置添加归档缓存

/*** 文章归档列表缓存 */
- y6 p4 s- ]2 c5 T9 t& H7 e H
private function mc_loglists() {
: y! n, ]8 `9 J, R* ^
$query = $this->db->query('select gid,title,date from ' . DB_PREFIX . "blog WHERE hide='n' and checked='y' and type='blog' ORDER BY date DESC");
- z! E% L2 D4 L+ j8 }
$loglists_cache = array();
) g' W% c$ R& S! _
while ($row = $this->db->fetch_array($query)) {: K, M8 d) N+ k: B
$loglists_cache[]= $row;
% R+ @$ y2 |9 q5 f* L& D
}
7 d U) K$ F% J% t, ], L# l
$cacheData = serialize($loglists_cache);; M/ k! X: S' N' g. S3 O3 U
$this->cacheWrite($cacheData, 'loglists');$ I: R7 |4 Y# f x% g
}

复制代码

不懂的朋友只请直接下载本文件覆盖include/lib/cache.php（请做好备份）cache.zip
2、此方法因不同的模板修改的有所差异，本站讲述以默认模板为例，首先复制模板目录下的page.php并重新命名为guidang.php(ps：这个自己可自行修改)，把其中的<?php echo $log_content; ?>更改为如下代码即可

<div class="guidang">
" c! b, m; N% ~7 E6 ^
<?php/ v2 ~4 g: G1 {, k: M6 r4 V
global $CACHE;
, W- e9 c/ V# z4 N5 V% D
$loglists_cache = $CACHE->readCache('loglists');
% T, ~) Q' G3 I7 p3 `
$year_month = 0;) O+ W9 o6 c- Z/ x# f
foreach($loglists_cache as $value):
0 I* D( n: v: ?, j2 i
if($year_month != 0&&$year_month != date("Y-m",$value['date'])){
$ L2 h& B8 [. L1 K% a) b+ F) B0 S
echo '</ul>';}
7 I/ W1 c% D7 {0 n* a
if($year_month != date("Y-m",$value['date'])){$ H; Q9 O. M+ L% u' B) T
$year_month = date("Y-m",$value['date']);
: D3 f8 d) K) ]# ]
echo '<h2 class="guidang-tt">'.$year_month.'</h3><ul>';}
( z9 N3 f" S4 q' H" h
?>3 [3 M U" i" g) v
<li><a href="<?php echo Url::log($value['gid']);?>" target="_blank" title="<?php echo $value['title']; ?>"><span><?php echo date("Y-m-d",$value['date']);?></span><div class="atitle"><?php echo $value['title'];?></div></a></li>& c# C- | y, F% M; B; Q# E
<?php endforeach;?></div>

复制代码

CSS文件如下

.guidang h2{font-size:150%;}
2 b; G# `5 U2 m0 H G0 [, Q
.guidang li a{padding:8px 0;display:block}. t" r$ y; T& W) H/ `1 z& ?
.guidang li a:hover .atitle:after{background:#ff5c43}; h' ^! ?7 C) i# `- @1 f0 n1 S; n
.guidang li a span{display: inline-block;width:100px;font-size:12px;text-indent:20px}
) v' e1 W; K% W( h
.guidang li a .atitle{display: inline-block;padding:0 15px;position:relative;width:550px;white-space:nowrap;text-overflow:ellipsis;}6 \5 i }( @2 t
.guidang li a .atitle:after{position:absolute;left:-2px;background:#ccc;height:8px;width:8px;border-radius:6px;top:8px;content:""}
; n6 t3 a" x& T) {* g& G7 f: _
.guidang li a .atitle:before{position:absolute;left:-4px;background:#fff;height:12px;width:12px;border-radius:6px;top:6px;content:""}0 v: R+ E; T8 i" N4 {& }
.guidang{margin:10px;position:relative;padding:10px 0}0 h* E8 E- t8 n! T" v
.guidang:before{height:100%;width:4px;background:#eee;position:absolute;left:100px;content:"";top:0}
# g; R( L% [& ?' o3 ]* K
.guidang-tt{position:relative;margin:10px 0;cursor:pointer}
3 {! b; U3 y" z. g
.guidang-tt:hover:after{background:#ff5c43}
7 u6 y! ]& u* L7 C: a7 K3 g6 c
.guidang-tt:before{position:absolute;left:93px;background:#fff;height:18px;width:18px;border-radius:6px;top:3px;content:""}
5 L+ y) j6 v. g$ U, o7 L3 w
.guidang-tt:after{position:absolute;left:96px;background:#ccc;height:12px;width:12px;border-radius:6px;top:6px;content:""}

复制代码

然后建立一个页面，在页面模板处填写 guidang 即可

		自动登录	找回密码
密码			立即注册

非插件实现Emlog时间轴归档代码分享-站长杂谈下载

非插件实现Emlog时间轴归档代码分享

全部评论 0

最佳新人

贡献之王

土豪装逼

管理/版主

教程 / CSS+DIV素材

Discuz! X3.2 - X3.4 升级至 Discuz! X3.5 详细教程18人阅读

【原创】根据论坛发帖时间或门户文章发布时间，判断时间是否为当38人阅读

非手动网站版权年份自动更新代码35人阅读

【收集整理】兔源码简单收集整理关于网页上各meta标签说明36人阅读

【原创】JS检测网址是否可访问，如可访问则显示链接直达并可点击47人阅读

【原创】分享一款html5+css3的横排导航列表DIY模块（百分百有效39人阅读

【原创】分享一款html5+css3的四排图文资讯列表DIY模块（百分百187人阅读

【转载】垂直时光轴HTML单页+CSS+js模块880人阅读

【转载】文字由左向右循环滚动DIY+CSS+js模块930人阅读

【原创】左侧导航栏样式，点击展开一级分类二级分类的DIY+CSS+JS3690人阅读

所属版块