当前位置: 首页 > 生活记录 > 正文

整了一个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;
}

您可能还会对这些文章感兴趣!

发表评论

[点击取消回复]

电子邮件地址不会被公开。 必填项已用 * 标注

Gravatar

? razz sad evil ! smile oops grin eek shock ??? cool lol mad twisted roll wink idea arrow neutral cry mrgreen

《整了一个typecho归档页面》有 36 条评论

  1. 老何
    18楼
    老何3

    邮件回复没有了啊

    2024-11-08 20:04 来自中国 回复
  2. 嗷嗷
    17楼

    这个归档页面很得我心,马上试试看~

    2020-03-15 14:15 来自广东省 回复
  3. meo
    16楼
    meo:

    请问,这个如何使用?菜鸟一枚,可否详细步骤?谢谢

    2019-12-05 19:18 来自江苏省 回复
    • Mr.He
      Mr.He

      @meo复制源代码保存为php文件,在后台新建一个独立页面,自定义模板选择archives

      2019-12-06 09:30 来自安徽省 回复
  4. 夏目贵志
    15楼

    不错 !!

    2018-04-07 19:48 来自福建省 回复
  5. 沐可
    14楼

    感谢分享!

    2017-12-05 12:28 来自江苏省 回复
  6. 陆半农
    13楼

    已经用上,谢谢!文章不多,没有分页也没关系,以后如果要分页,再说吧。

    2017-01-04 14:00 来自浙江省 回复
  7. Roogle
    12楼
    Roogle2

    源码已经拿走了,不过样式并不太理想,还要改动

    2016-11-17 17:37 来自浙江省 回复
    • Mr.He
      Mr.He

      @Roogle在css上根据自己的口味美化一下,使之符合主题格调

      2016-11-17 19:50 来自安徽省 回复
  8. Weidan
    11楼
    Weidan3

    技术大牛赞!

    2016-11-15 22:07 来自广东省 回复
    • Mr.He
      Mr.He

      @Weidan你是多久没有更新了

      2016-11-15 22:51 来自安徽省 回复
      • Weidan
        Weidan3

        @Mr.He最近有事就没怎么更,我也是看心情更的

        2016-11-15 23:37 来自广东省 回复