子比主题 – 文章页添加本站历史上的今天

2434字 13分钟 2026-08-17 码小淘网络 64 0 该作者已发布130篇文章

温馨提示：本文最后更新于2026-08-25 20:30:17，某些文章具有时效性，若有错误或已失效，请在下方留言或联系站长。

想在子比主题的文章页面添上「历史上的今天」模块吗？部署后就能在每篇文章页看到往年同月同日发布的内容，快速回顾过去这天发过的文章，满满的时光感！以下是完整部署步骤，新手也能轻松搞定～

代码部署

跟着我的步骤走，全程清晰不绕弯，一共三个关键地方，话不多说直接开始。每一步都给你讲得明明白白，不用猜、不用等、不用反复试错，照着做就能稳稳搞定。不管是新手还是老手，跟着流程走就不会出问题，简单直接、高效省心，一步到位，轻松搞定不折腾！

代码部署

    .today-in-history {
        display: block;
        position: relative;
        width: 100%;
        height: auto;
        margin: 0 auto;
        border: 0;
        padding: 0;
    }
    
    .today-in-history fieldset {
        display: block;
        width: 100%;
        height: auto;
        margin: 0 auto;
        border: 1px dashed #999;
        padding: 0;
    }
    
    .today-in-history fieldset legend {
        display: block;
        width: auto;
        height: 36px;
        margin: 0 50px;
        border: 0;
        padding: 0;
    }
    
    .today-in-history fieldset legend .today-date {
        float: left;
        display: block;
        width: 36px;
        height: 100%;
        margin: 0 auto;
        border: 0;
        padding: 0;
        line-height: 18px;
        border-radius: 5px;
        overflow: hidden;
    }
    
    .today-in-history fieldset legend .today-date .month {
        display: block;
        width: 100%;
        height: 50%;
        margin: 0;
        border: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        color: #fff;
        background: #c10e0e;
    }
    
    .today-in-history fieldset legend .today-date .day {
        display: block;
        width: 100%;
        height: 50%;
        margin: 0;
        border: 0;
        padding: 0;
        text-align: center;
        font-size: 12px;
        font-weight: bold;
        color: #000;
        background: #eee;
    }
    
    .today-in-history fieldset legend h3 {
        display: inline-block;
        width: auto;
        height: 40px;
        margin: 0;
        border: 0;
    padding: 0 10px;
        line-height: 40px;
        font-size: 18px;
        color:#cccc00;
        background: none;
    }
    
    .today-in-history fieldset ul {
        width: auto;
        height: auto;
        margin: 15px 20px;
        border: 0;
        padding: 0;
    }
    
    .today-in-history fieldset ul li label {
        margin: 0 5px;
        border: 0;
        padding: 0;
    }

此处内容已隐藏，请付费后查看

比子博客 | 转载请注明原文地址：https://www.bllzi.com/214.html