博客归档页面
还是老方法
修改index页面的主体部分
就不多做介绍了,直接上代码
创建archives.html
篇数统计:用分类或者首页或者标签的都行
年份定义为 h2标题大小
文章列表采用竖向菜单模式
复制代码进去主体部分
里面的东西一下就看明白了,自己看吧
<!--页面主体-->
<div class="m-padded-tb-large m-container-small">
<div class="ui container">
<!--header-->
<div class="ui top attached padded segment">
<div class="ui middle aligned two column grid">
<div class="column">
<h3 class="ui teal header">归档</h3>
</div>
<div class="right aligned column">
共
<h2 class="ui orange header m-inline-block m-text-thin">2</h2>
篇
</div>
</div>
</div>
<h2 class="ui center aligned header">2021</h2>
<div class="ui fluid vertical menu">
<a href="#" target="_blank" class="item">
<span>
<i class=" teal circle icon"></i>Blog
<div class="ui mini teal left basic label ">3月06</div>
</span>
<div class="ui pink right basic label">原创</div>
</a>
</div>
<h2 class="ui center aligned header">2020</h2>
<div class="ui fluid vertical menu">
<a href="#" target="_blank" class="item">
<span>
<i class=" teal circle icon"></i>Blog
<div class="ui mini teal left basic label ">3月06</div>
</span>
<div class="ui pink right basic label">原创</div>
</a>
</div>
</div>
</div>
效果图