整了一个typecho归档页面

2016-11-11 生活记录

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

<?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;
}

typecho

36 条

fooleap
2016-11-11
回复

链接颜色有些深，感觉不大协调，或许可以考虑换一种颜色。
1. Mr.He
  2016-11-11
  回复
  
  @fooleap稍微调整了一写，对颜色的感觉太差了，：（
摩天之星
2016-11-11
回复

哈哈，谢谢了
1. Mr.He
  2016-11-11
  回复
  
  @摩天之星分享是互联网最基本的精神，哈
灰狼
2016-11-11
回复

归档插件一直都可以用的。只是JQ要在顶部（插件需要JQ支持）
1. Mr.He
  2016-11-11
  回复
  
  @灰狼有时候加载不出来，神烦
synyan
2016-11-12
回复

建议还要考虑一个情况，比如有些博客文章太多，会导致崩溃，需要设置一个翻页。
1. Mr.He
  2016-11-12
  回复
  
  @synyan翻页直接搞不来~囧
2. synyan
  2016-11-12
  回复
  
  @Mr.He参考wp内置的nextpage函数
3. Mr.He
  2016-11-12
  回复
  
  @synyan额，我用的是typecho，回头去学习一下，看能不能搞起来
Lopwon
2016-11-12
回复

不错，有按月归档的功能
1. Mr.He
  2016-11-12
  回复
  
  @Lopwon就是不会设置翻页功能
2. Lopwon
  2016-11-14
  回复
  
  @Mr.He官方论坛也有人提过需求，貌似没有修改方法
3. Mr.He
  2016-11-14
  回复
  
  @Lopwontp官方基本没有消息了，都是一群爱好者在折腾
Kay
2016-11-12
回复

其实不需要翻页也可以的
1. Mr.He
  2016-11-12
  回复
  
  @Kay恩，暂时就这样用着吧
小彦
2016-11-12
回复

可以直接粘贴用，不是插件，多了个选择~
1. Mr.He
  2016-11-12
  回复
  
  @小彦插件要加载js，可能会拖慢打开速度
工控人生
2016-11-13
回复

会折腾的技术男……
姜辰
2016-11-13
回复

看样子我还是静静的躲在EM吧····
1. Mr.He
  2016-11-13
  回复
  
  @姜辰em和zbp稍微看上眼的都要钱，而且要不少钱，看着不舒服
山野愚人居
2016-11-14
回复

无聊，没事你的这套皮想往wordpress上移植，枝干已基本成型，哈哈，不过评论ajax卡壳了……
test.byspace.net
1. Mr.He
  2016-11-14
  回复
  
  @山野愚人居那就用原生评论吧，这个主题已经被我修改的不像样了，你去扒原主题，我的博客页脚上有链接
Weidan
2016-11-15
回复

技术大牛赞！
1. Mr.He
  2016-11-15
  回复
  
  @Weidan你是多久没有更新了
2. Weidan
  2016-11-15
  回复
  
  @Mr.He最近有事就没怎么更，我也是看心情更的
Roogle
2016-11-17
回复

源码已经拿走了，不过样式并不太理想，还要改动
1. Mr.He
  2016-11-17
  回复
  
  @Roogle在css上根据自己的口味美化一下，使之符合主题格调
陆半农
2017-01-04
回复

已经用上，谢谢！文章不多，没有分页也没关系，以后如果要分页，再说吧。
沐可
2017-12-05
回复

感谢分享！
夏目贵志
2018-04-07
回复

不错！！
meo
2019-12-05
回复

请问，这个如何使用？菜鸟一枚，可否详细步骤？谢谢
1. Mr.He
  2019-12-06
  回复
  
  @meo复制源代码保存为php文件，在后台新建一个独立页面，自定义模板选择archives
嗷嗷
2020-03-15
回复

这个归档页面很得我心，马上试试看～
老何
2024-11-08
回复

邮件回复没有了啊
1. Mr.He
  2024-11-08
  回复
  
  @老何好像又成功了

飞絮落叶雪

整了一个typecho归档页面

36 条

发表回复取消回复

飞絮落叶雪

36 条

发表回复 取消回复

发表回复取消回复