archives.php

<?php
/**
 * 归档页面
 *
 * @package custom
 */
if (!defined('__TYPECHO_ROOT_DIR__')) exit;
$this->need('includes/header.php');
?>
<?php $this->need('includes/body-layout.php');?>
    <div class="hbox hbox-auto-xs hbox-auto-sm archive-page index">
        <div class="col center-part">
            <div class="page">
                <article class="post" id="post-<?php $this->cid(); ?>">
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="<?php $this->options->siteUrl(); ?>">首页</a></li>
                            <?php if ($this->is('post')): ?>
                                <li class="breadcrumb-item active" aria-current="page"><?php $this->title(); ?></li>
                            <?php else: ?>
                                <li class="breadcrumb-item active"
                                    aria-current="page"><?php $this->archiveTitle('&raquo;', '', ''); ?></li>
                            <?php endif; ?>
                        </ol>
                    </nav>
                    <style>html{overflow-x:hidden;overflow-y:auto}#archives-tags,#archives-categories{margin:30px 0;position:relative}.theme-dark #archives-tags>div,.theme-dark #archives-categories>div{color: rgba(255,255,255,0.6)}#archives-tags>div,#archives-categories>div{font-size:1.5rem;position:relative;color:rgba(0,0,0,0.6);padding:0 0 0 20px;margin:0 0 20px 0;}#archives-tags-list,#archives-cate-list{margin:0;padding:0 0 0 40px}.archives-tags-item:before,.archives-cate-item:before{border-top:12.5px solid transparent;border-right:10px solid rgba(0,0,0,0.6);border-bottom:12.5px solid transparent;content:"";height:0;position:absolute;top:0;left:-10px;width:0}.archives-tags-item:after,.archives-cate-item:after{background-color:#f2f2f2;border-radius:50%;content:"";height:4px;position:absolute;top:50%;transform:translateY(-50%);left:-4px;width:4px}.archives-tags-item,.archives-cate-item{font-size:15px;line-height:15px;list-style:none;padding:5px 8px;margin:4px 6px;display:inline-block;position:relative;word-break:break-all;background-color:rgba(0,0,0,0.6);border-radius:0 5px 5px 0}.archives-tags-item>a,.archives-cate-item>a{color:#fff}#timeline-container{position:relative}#timeline-container:before{z-index:0;content:'';position:absolute;width:4px;left:73px;top:10px;height:100%;background-color:#dcdcdc}.timeline-ym{position:relative;display:inline-block;margin:10px 0;padding:0 12px;font-size:1rem;left:10px;background-color:#6f6f6f;height:32px;line-height:32px;border-radius:20px}.timeline-ym a{color:#fff}.timeline-box{padding-left:90px;position:relative}.timeline-box:before{content:'';width:20px;height:20px;line-height:20px;color:#fff;text-align:center;background-color:#8a8a8a;border-radius:50%;position:absolute;left:65px;top:5.5px}.timeline-post:before{content:"";width:12px;height:12px;position:absolute;border-radius:50%;background-color:#f2f2f2;top:9.5px;left:-36px;transition:all .5s ease;-webkit-transition:all .5s ease}.timeline-post{padding:0;font-size:.95rem;display:block;min-height:2rem;line-height:2rem;border-radius:4px;position:relative;margin:5px 0 5px 15px}.timeline-post a{position:relative}.timeline-post a::after{content:'';display:block;width:0;height:2px;position:absolute;left:0;bottom:-5px;background:#6f6f6f;transition:all .5s ease-in-out}.timeline-post a:hover::after{width:100%}.timeline-post:hover::before{background-color:#474747}.timeline-post-time{position:absolute;color:#6f6f6f;font-family:Consolas;font-size:.9rem;left:-80px;top:0}</style>
                    <div id="archives-categories" class="animated bounceInRight">
                        <div>圈子</div>
                        <?php $category = null;
                        $this->widget('Widget_Metas_Category_List')->to($category); ?>
                        <ul id="archives-cate-list">
                            <?php while ($category->next()): ?>
                                <li class="archives-cate-item"><a href="<?php $category->permalink(); ?>"
                                                                  target="_blank"><?php $category->name(); ?></a></li>
                            <?php endwhile; ?>
                        </ul>
                    </div>
                    <div id="timeline-container" class="animated bounceInLeft">
                        <?php $post =null;
                        $this->widget('Widget_Contents_Post_Recent', 'pageSize=200')->to($post); ?>
                        <?php while ($post->next()): ?>
                            <?php utils::pageArchives($post); ?>
                        <?php endwhile; ?>
                    </div>
                </article>
            </div>
        </div>
        <?php $this->need('includes/right.php'); ?>
    </div>
<?php $this->need('includes/body-layout-end.php');?>

<?php $this->need('includes/footer.php'); ?>