springboot开发小而美的博客学习笔记05（归档页面）

归档页面分为 导航、底部还有中间由时间划分归纳的列表
导航：

<!--  导航  -->
<nav class="ui inverted attached segment m-padded-tb-mini m-shadow-small" >
    <div class="ui container">
        <div class="ui inverted secondary stackable menu">
            <!-- LOGO  -->
            <h2 class="ui teal header item">Blog</h2>
            <!--  导航  -->
            <a href="#" class="m-item item m-mobile-hide"><i class="home icon"></i>首页</a>
            <a href="#" class="m-item item m-mobile-hide"><i class="idea icon"></i>分类</a>
            <a href="#" class=" active m-item item m-mobile-hide"><i class="tags icon"></i>标签</a>
            <a href="#" class="m-item item m-mobile-hide"><i class="clone icon"></i>归档</a>
            <a href="#" class="m-item item m-mobile-hide"><i class="info icon"></i>关于我</a>
            <!--   搜索框   -->
            <div class="right m-item  item m-mobile-hide">
                <div class="ui icon inverted transparent input m-margin-tb-tiny">
                    <input type="text" placeholder="Search...">
                    <i class="search link icon"></i>
                </div>
            </div>