页脚备案信息html代码示例

shawgg 发布于 2023-06-12 347 次阅读


适用于Sakura主题 (WordPress)以及基于前者的Sakurairo

备案信息

包括ICP备案和公安备案

<div style="text-align:center;width:450px;margin:0 auto;padding:10px 0"><a target="_blank"
        href="https://beian.miit.gov.cn/" style="text-decoration:none;height:20px;line-height:20px;">
        <span style="height:20px;line-height:20px;margin:0 auto;color:#939393">辽ICP备2023004606号-1</span>
    </a>
    <span> </span>
    <a target="_blank" href="https://www.beian.gov.cn/portal/registerSystemInfo?recordcode=21028302000203"
        style="text-decoration:none;height:20px;line-height:20px;">
        <span style="height:20px;line-height:20px;margin:0 auto;color:#939393"><img
                src="https://cloud.colorfulstage.cn/GongAnBeiAnIcon.png" style="margin:0 auto" />辽公网安备 21028302000203号
        </span>
    </a>
</div>

其中:
src="https://cloud.colorfulstage.cn/GongAnBeiAnIcon.png"应替换为其它可用的图标来源

建站时间统计

<div style="width:750px;margin:0 auto;padding: 10px 0">
    <a style="text-decoration:none;height:20px;line-height:20px">
        <p style="text-align:center;height:20px;line-height:20px;margin:0 auto;color:#131415">
            <span style="color:#393939">本站由</span>
            <a href="https://cloud.tencent.com"><img src="https://cloud.colorfulstage.cn/tencent.svg" /> </a>
            <span style="color:#393939">提供云服务,已平稳运行</span>
            <span id="sitetime" style="color:#39c5bb;"></span>
            <script>
                const seconds = 1000, minutes = 60000, hours = 3600000, days = 86400000, years = 31536000000;
                const birthday = new Date("2023-05-01"); //北京时间2023-5-1 00:00:00
                window.setInterval("siteTime()", 1000);

                function siteTime() {
                    let diff = new Date() - birthday;
                    let diffYears = Math.floor(diff / years);
                    let diffDays = Math.floor((diff / days) - diffYears * 365);
                    let diffHours = Math.floor((diff - (diffYears * 365 + diffDays) * days) / hours);
                    let diffMinutes = Math.floor((diff - (diffYears * 365 + diffDays) * days - diffHours * hours) / minutes);
                    let diffSeconds = Math.floor((diff - (diffYears * 365 + diffDays) * days - diffHours * hours - diffMinutes * minutes) / seconds);
                    document.getElementById("sitetime").innerHTML = (diffYears > 0 ? diffYears + " 年 " : "") + diffDays + " 天 " + diffHours + " 时 " + diffMinutes + " 分 " + diffSeconds + " 秒";
                }
            </script>
        </p>
    </a>
</div>

其中:
src="https://cloud.colorfulstage.cn/tencent.svg"应替换为其它可用的图标来源;
const birthday = new Date("2023-05-01");中的2023-05-01应改为相应的建站时间

效果展示

最终效果如本站页尾所示,建站时间的数字会自动刷新

最后更新于 2023-08-02