整了一个typecho归档页面

原主题的归档页面不是我的菜,而网上的归档插件,在我的博客了发神经,时好时坏,无奈之下,只好自己参照各种版本的教程,还有官网的wiki,整出一个这样的归档页面来,没有加载js,全部就是几行代码而已,喜欢的同学直接拿去,不谢!

20161111105057.png

<?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
<?php   
/**  
    * archives  
    *  
    * @package custom  
    */  
$this->need('header.php'); ?>   
    <div id="mainbox2">   
            <div class="post"  id="post-<?php $this->cid(); ?>">   
            <h1><span class="post-title"><a href="<?php $this->permalink() ?>" title=""><?php  $this->title() ?></a></span></h1>   
            <div class="clear"></div>   
            <div class="entry">   
<?php $this->widget('Widget_Contents_Post_Recent', 'pageSize=10000')->to($archives);
    $year=0; $mon=0; $i=0; $j=0;
    $output = '<div class="post-content cf">';
    while($archives->next()):
        $year_tmp = date('Y',$archives->created);
        $mon_tmp = date('m',$archives->created);
        $y=$year; $m=$mon;
        if ($mon != $mon_tmp && $mon > 0) $output .= '</ul></li>';
        if ($year != $year_tmp && $year > 0) $output .= '</ul>';
        if ($year != $year_tmp) {
            $year = $year_tmp;
            $output .= '<h3>'. $year .' 年</h3><ul>'; 
        }
        if ($mon != $mon_tmp) {
            $mon = $mon_tmp;
            $output .= '<li><span>'. $year .' 年'. $mon .' 月</span><ul>';
        }
        $output .= '<li>'.date('d日: ',$archives->created).'<a href="'.$archives->permalink .'">'. $archives->title .'</a> ('. $archives->commentsNum.')</li>';
    endwhile;
    $output .= '</ul></li></ul></div>';
    echo $output;
?>          <div class="clear"></div>   
            </div>   
        </div>   
    </div>
<?php $this->need('footer.php'); ?>

另外把css美化一下,各位参照自己的主题动手修改,我的css如下:

div#mainbox2 {
    position: relative;
    margin: 9% auto 5%;
    padding: 1% 3% 2%;
    max-width: 800px;
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: 1px 2px 3px #ddd;
    box-shadow: 1px 2px 3px #ddd;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

评论区:

工控人生 Lv1
工控人生 回复

会折腾的技术男……

2016-11-13 23:42 · Windows 10 · Google Chrome 134
小彦 Lv1
小彦 回复

可以直接粘贴用,不是插件,多了个选择~

2016-11-13 05:53 · Windows 10 · Google Chrome 134
Mr.He
Mr.He 回复

插件要加载js,可能会拖慢打开速度

2016-11-13 06:35 · Windows 10 · Google Chrome 134
Kay Lv3
Kay 回复

其实不需要翻页也可以的

2016-11-13 04:18 · Windows 10 · Google Chrome 134
Mr.He
Mr.He 回复

恩,暂时就这样用着吧

2016-11-13 04:23 · Windows 10 · Google Chrome 134
Lopwon Lv7
Lopwon 回复

不错,有按月归档的功能

2016-11-13 02:09 · Windows 10 · Google Chrome 134
Mr.He
Mr.He 回复

就是不会设置翻页功能

2016-11-13 03:12 · Windows 10 · Google Chrome 134
Lopwon Lv7
Lopwon 回复

官方论坛也有人提过需求,貌似没有修改方法

2016-11-14 19:04 · Windows 10 · Google Chrome 134
Mr.He
Mr.He 回复

tp官方基本没有消息了,都是一群爱好者在折腾

2016-11-14 21:59 · Windows 10 · Google Chrome 134
synyan Lv8
synyan 回复

建议还要考虑一个情况,比如有些博客文章太多,会导致崩溃,需要设置一个翻页。

2016-11-13 00:37 · Windows 10 · Google Chrome 134
Mr.He
Mr.He 回复

翻页直接搞不来~囧

2016-11-13 01:47 · Windows 10 · Google Chrome 134
synyan Lv8
synyan 回复

参考wp内置的nextpage函数

2016-11-13 01:58 · Windows 10 · Google Chrome 134
Mr.He
Mr.He 回复

额, 我用的是typecho,回头去学习一下,看能不能搞起来

2016-11-13 02:03 · Windows 10 · Google Chrome 134
灰狼 Lv5
灰狼 回复

归档插件一直都可以用的。只是JQ要在顶部(插件需要JQ支持)

2016-11-11 23:05 · Windows 10 · Google Chrome 134
Mr.He
Mr.He 回复

有时候加载不出来,神烦

2016-11-11 23:18 · Windows 10 · Google Chrome 134
摩天之星 Lv2
摩天之星 回复

哈哈,谢谢了

2016-11-11 20:39 · Windows 10 · Google Chrome 134
Mr.He
Mr.He 回复

分享是互联网最基本的精神,哈

2016-11-11 22:28 · Windows 10 · Google Chrome 134
fooleap Lv8
fooleap 回复

链接颜色有些深,感觉不大协调,或许可以考虑换一种颜色。

2016-11-11 20:27 · Windows 10 · Google Chrome 134
Mr.He
Mr.He 回复

稍微调整了一写,对颜色的感觉太差了,:(

2016-11-11 22:27 · Windows 10 · Google Chrome 134